从0开始用java+mysql+Thymeleaf+mybatis搭建一个简单的班级管理系统历程记录

已停更，新坑javaWeb项目中...

由于经常要收文件，再加上想要学习并练习一下java的框架，正好有空闲的服务器。于是我决定搭建一个简易的班级管理系统，到本地运行没问题后部署到服务器使用。

前几天先开坑，把基本的配置完善了一下。

创建springboot基本项目结构

由于过了好几天了，又是第一次自己写，还有用了一些框架，后面又引了一些依赖，分不太清了，贴一下结构和依赖吧。

解释一下：dao和pojo里面是mybatis生成的实体类以及接口，controller（控制流程）、service（接口以及实现）、util这些结构层次和工具包要自己新建一下。

layui是前端的框架，mybatis内有service里生成的接口的实现（MyUserMapper.xml），static和templates分别存放html的css、js和img等等，templates用于存放html网页

以下为配置文件

spring.datasource.username=root
spring.datasource.password=1234567
spring.datasource.url=jdbc:mysql://localhost:3306/demo
spring.jpa.hibernate.ddl-auto=none

# ??
spring.thymeleaf.prefix=classpath:/templates/
# ????
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
spring.thymeleaf.suffix=.html
# ???????,??????????
spring.thymeleaf.cache=false

application.properties

spring:
  datasource:
    username: root
    password: 1234567
    url: jdbc:mysql://localhost:3306/demo?serverTimezone=UTC&useUnicode=true&characterEncoding=utf-8
    driver-class-name: com.mysql.cj.jdbc.Driver
mybatis:
  type-aliases-package: com.example.demo.pojo
#  mapper-locations: classpath:mybatis/mapper/*.xml       # mapper映射文件/

application.yaml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.6.7</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.example</groupId>
    <artifactId>demo</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>demo</name>
    <description>demo</description>
    <properties>
        <java.version>1.8</java.version>
    </properties>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-jpa</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <scope>runtime</scope>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>

        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.0.1</version>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.15</version>
        </dependency>

        <dependency>
            <groupId>org.mybatis.generator</groupId>
            <artifactId>mybatis-generator-core</artifactId>
            <version>1.3.7</version>
        </dependency>




    </dependencies>


    <build>

        <plugins>

            <plugin>
                <!--Mybatis-generator插件,用于自动生成Mapper和POJO-->
                <groupId>org.mybatis.generator</groupId>
                <artifactId>mybatis-generator-maven-plugin</artifactId>
                <version>1.3.2</version>
                <configuration>

                    <!--配置文件的位置-->
                    <configurationFile>src/main/resources/mybatis/mybatis-generator.xml</configurationFile>
                    <verbose>true</verbose>
                    <overwrite>true</overwrite>
                </configuration>
                <executions>
                    <execution>
                        <id>Generate MyBatis Artifacts</id>
                        <goals>
                            <goal>generate</goal>
                        </goals>
                    </execution>
                </executions>
                <dependencies>
                    <dependency>
                        <groupId>org.mybatis.generator</groupId>
                        <artifactId>mybatis-generator-core</artifactId>
                        <version>1.3.2</version>
                    </dependency>


                </dependencies>
            </plugin>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <configuration>
                    <excludes>
                        <exclude>
                            <groupId>org.projectlombok</groupId>
                            <artifactId>lombok</artifactId>
                        </exclude>
                    </excludes>

                </configuration>
            </plugin>
        </plugins>



        <resources>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.xml</include>
                </includes>
                <filtering>true</filtering>
            </resource>
            <resource>
                <directory>src/main/resources</directory>
                <includes>
                    <include>**/*.xml</include>
                    <include>**/*.properties</include>
                    <include>**/*.html</include>
                    <include>**/*.css</include>
                    <include>**/*.js</include>
                    <include>**/*.jpg</include>
                    <include>**/*.png</include>
                    <include>**/*.ico</include>
                    <include>**/*.gif</include>
                </includes>
                <filtering>true</filtering>
            </resource>

            <resource>
                <!-- 设定主资源目录  -->
                <directory>src/main/java</directory>

                <!-- maven default生命周期，process-resources阶段执行maven-resources-plugin插件的resources目标处理主资源目下的资源文件时，只处理如下配置中包含的资源类型 -->
                <includes>

                    <include>**/*.xml</include>
                </includes>

                <!-- maven default生命周期，process-resources阶段执行maven-resources-plugin插件的resources目标处理主资源目下的资源文件时，不处理如下配置中包含的资源类型（剔除下如下配置中包含的资源类型）-->
                <excludes>
                    <exclude>**/*.yaml</exclude>
                </excludes>

                <!-- maven default生命周期，process-resources阶段执行maven-resources-plugin插件的resources目标处理主资源目下的资源文件时，指定处理后的资源文件输出目录，默认是${build.outputDirectory}指定的目录-->
                <!--<targetPath>${build.outputDirectory}</targetPath> -->

                <!-- maven default生命周期，process-resources阶段执行maven-resources-plugin插件的resources目标处理主资源目下的资源文件时，是否对主资源目录开启资源过滤 -->
                <filtering>true</filtering>
            </resource>
        </resources>

    </build>

</project>

pom.xml

2022年5月18日

打包出错

在用postman测试注册请求的时候一直报错，说找不到方法。通过不断地查阅以及尝试，最后发现是因为mybatis文件夹里面的UserMapper.xml没有打包进项目内运行，打包后又进行了直接的页面访问测试，又提示找不到页面，最后发现也是没有打包html和css进项目。

在pom.xml中添加了以下代码用来打包UserMapper.xml以及html、css、js等等文件。

<resources>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.xml</include>
                </includes>
                <filtering>true</filtering>
            </resource>
            <resource>
                <directory>src/main/resources</directory>
                <includes>
                    <include>**/*.xml</include>
                    <include>**/*.properties</include>
                    <include>**/*.html</include>
                    <include>**/*.css</include>
                    <include>**/*.js</include>
                    <include>**/*.jpg</include>
                    <include>**/*.png</include>
                    <include>**/*.ico</include>
                    <include>**/*.gif</include>
                </includes>
                <filtering>true</filtering>
            </resource>
        </resources>

View Code

html跳转格式

测试了一下login和register的跳转，发现跳转报错：

经过N次尝试，发现在html中转跳的路径应该是<a href = "controller中@RequestMapping的路径">，而不是xxx.html。

比如我的login中转跳register：controller界面是，html文件名是，而Login.html中跳转Register,html写的是 <a href="register">注册</a>。如果写成<a href="Register.html">注册</a>就会找不到页面了。

2022年5月19日

把前端和后端注册到数据库连接起来。

通过前端的表格+js监控按钮的点击发送post请求来进行后端的注册，注册到数据库里。有一个卡了很久的点就是写好后端的post接收之后，前端提交后端一直没反应。后面又去查资料，看别人的写法，原本我是直接submit提交的，但是没有反应。看到网上有分享的html样例是用js监控按钮提交的，照着模板也写了一个，成功完成注册。

雀食是吃了没文化的亏啊！！！一个js卡了这么久。现在是 2022年5月19日00:32:08 睡觉！

开工

突然想起来字段表里面少了password， alter table myuser modify password varchar(20) not null;添加字段后mybatis重新生成实体类，启动后报错找不到接口，因为新生成的Mapper接口没有添加@Mapper注解,所以没有扫描进去，加上@Mapper注解后正常启动。开始测试注册，发送请求后报错password没有默认值。多次尝试后发现是target里面的xml没有更新进去，maven-clean、maven-compile重新构建并在Mapper重新加上注解，然后启动注册，成功。后面再研究一下密码加密存储。

发现打包的时候总是不能打包resources里面的文件，研究了一下pom.xml，网上查了一下，发现是因为先定义了资源目录<directory>src/main/java</directory>,之后把目录改回<directory>src/main/resources</directory>，并且把UserMapping.xml迁移回resources/mapper/，这样每次更新只需要rebuild project就行了。这里要注意如果要重新生成mapper.xml，要先删除之前的xml，否则新生成的xml会追加到之前的文件，导致报错 Result Maps collection already contains value for com.example.demo.dao.MyUserMapper.BaseResultMap。

2022年5月20日

准备再做一个登录验证，写了两个js来用于登录验证和注册验证，弄了一大堆之后发现js有失效的情况，原来html里只能引用一个<script>标签。于是用了一个js引用全部的js。引入是引入了，但是好像没有效果。又调整结构，改变量尝试，最后发现是html的from表单的action没有改路径.....无语咯。再调整好之后测试了一下登录和注册，都能够正常使用了，也能验证。但是本来调用了登录的js函数发送请求后会有一个返回值回来，但是现在返回值不会再回到js的函数，而是直接以html的形式返回（比如我js函数本来是检测返回值是null或者是success再转跳其他页面，但是现在就直接网页显示success字符串了）。所以我直接把返回值的那个字符化去掉，让他转跳网页到登录了，登录转跳到主页也是一样。

今天就这样吧，现在是 2022年5月20日00:31:22，睡觉。

2022年5月20日

开工

处理font字体失效问题

在对登录成功后的index页面css设置的时候发现font失效，提示404no found，几番探索最后是加了下面的依赖解决了问题

<plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-resources-plugin</artifactId>
                <configuration>
                    <nonFilteredFileExtensions><!--对字体进行加载-->
                        <nonFilteredFileExtension>ttf</nonFilteredFileExtension>
                        <nonFilteredFileExtension>woff</nonFilteredFileExtension>
                        <nonFilteredFileExtension>woff2</nonFilteredFileExtension>
                    </nonFilteredFileExtensions>
                </configuration>
                <version>3.0.2</version>
            </plugin>

取消对font的加载忽略

这是调好之后的index界面（登录进去后）。先去吃饭，下午对数据进行关联。2022年5月20日13:29:50

5.20下午做完核酸就玩去了（？）

然后晚上撸串美滋滋嘿

2022年5月21日

把数据库的用户名在前端显示。

上网找了一下相关的案例，尝试了好几个方法，修改了几十遍最后在2022年5月21日13:32:44成功！

总结一下，需要使用的关键语句：

　　　　　modelAndView = new ModelAndView("index");
        modelAndView.addObject("userName",findUser.getName() );
        return modelAndView;

解释一下，第一句创建视图并且指定为index的视图模型；第二句加上一个名字叫userName的key，value是我的controller里的对象（findUser）的名字(finUser.getName)；第三句，返回该视图，也就是跳转到登录成功的页面。

成功登录后的显示效果。数据库

另外中间突然font字体又不加载了，上午查了一下 excludes 和 include 以及 <filtering>true</filtering>标签的用法，大概了解了一下是除..外包含（excludes）和包含（include）以及替换（filtering）的作用，但还不是很清楚。后面再补吧！

最近要准备一下期末考试，补一下课，会减慢项目进度了。不得不感叹一下，明明很简单的问题，但是自学因为太多不明白的地方就要走很多弯路，效率很低啊！但是最后解决的时候能达到自己想要的效果确实开心~实验课了，溜2022年5月21日13:46:02。

2022年6月24日

考完试了，放假了。继续开整。

添加拦截器，防止未登录的用户访问页面。

要写两个类，一个继承 HandlerInterceptor（配置拦截器要拦截或放行的页面），一个实现 WebMvcConfigurer（添加拦截器）。试了几次发现没用，最后是因为没有在实现 WebMvcConfigurer的类加@Configuration注解而导致的，加上后成功拦截。

18.34 出去溜达会。

2022年6月25日

今天本来准备加一个文件上传的功能，没想到文件上传的页面被拦截了，一看发现除了不能被拦截的页面全部都被拦截了。但是如果直接开放那么就会造成可以直接访问的效果。说到底就是要验证非登录用户不能登录，几番查找调试，最后选择的是通过session将登录用户的信息储存，如果直接访问是没有这个信息的。访问的时候检查session有没有这个信息即可。完美解决。（前面是登录后访问，后面是直接访问）

2022年6月25日20:46:00 芜湖下班

2022年6月26日

下午打算把文件上传的功能写一下的，但是无奈上传页面没有写过，调js调了半天才好。而且后端的文件上传也没写过，不知道要怎么入手。今天暂时把页面加上了，明天再写好上传的功能。 2022年6月26日21:21:43

2022年6月27日

把文件上传的后端完成了，一波三四五六七八九折啊。刚刚开始去找各类模板，看怎么实现，找到一个跟我的比较契合的。改好之后报 java.lang.NoClassDefFoundError: org/apache/commons/fileupload/disk/DiskFileItemFactory 上网查找后得知还需要引入如下两个依赖，不然文件无法上传。但是第二个依赖报no found，试了很多方法都没有解决，直接去下载了jar包导入。

<!--                    文件上传-->
<!--                    此jar已下载到/demo/commons-fileupload.jar 正常引入报 no found-->
<!--                    &lt;!&ndash; https://mvnrepository.com/artifact/commons-fileupload/commons-fileupload &ndash;&gt;-->
<!--                    <dependency>-->
<!--                        <groupId>commons-fileupload</groupId>-->
<!--                        <artifactId>commons-fileupload</artifactId>-->
<!--                        <version>1.4</version>-->
<!--                    </dependency>-->

                    <dependency>
                        <groupId>commons-io</groupId>
                        <artifactId>commons-io</artifactId>
                        <version>1.3.2</version>
                    </dependency>

View Code

之后发现前端报端口异常，原因是返回需要 JSON {"code":"0"}，但是没有找到JSONObject，只有JSONPObject，直接 import org.json.JSONObject;解决。

2022年6月27日11:36:13 下班

2022年6月28日

今天没有想要做的板块了，大概想了一下，后两天应该做一个公告板块和后台板块出来吧。等后台板块出来了就可以写更多的内容了。

posted @ 2022-05-18 21:38 *RavE 阅读(252) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· JAVA 使用HttpClient模拟完成VPN和教务系统的登录

· Python requests+lxml 编写简单小说爬虫

· Spring-boot+Mybatis+Maven+MySql搭建实例

· 2023.9.9日报

· idea 创建springboot项目 + MySQL配置 + 基本结构

阅读目录(Content)

此页目录为空

RavE

Maintain self-discipline

念两句诗

从0开始用java+mysql+Thymeleaf+mybatis搭建一个简单的班级管理系统历程记录

创建springboot基本项目结构

2022年5月18日

打包出错

html跳转格式

2022年5月19日

把前端和后端注册到数据库连接起来。

开工

资源目录配置

2022年5月20日

登录、注册验证

2022年5月20日

开工

处理font字体失效问题

2022年5月21日

把数据库的用户名在前端显示。

2022年6月24日

添加拦截器，防止未登录的用户访问页面。

2022年6月25日

2022年6月26日

2022年6月27日

2022年6月28日

公告

个人信息

日历

搜索

常用链接

我的标签

随笔分类

随笔档案

阅读排行榜

RavE

Maintain self-discipline

念两句诗

从0开始用java+mysql+Thymeleaf+mybatis搭建一个简单的班级管理系统 历程记录

创建springboot基本项目结构

2022年5月18日

打包出错

html跳转格式

2022年5月19日

把前端和后端注册到数据库连接起来。

开工

资源目录配置

2022年5月20日

登录、注册验证

2022年5月20日

开工

处理font字体失效问题

2022年5月21日

把数据库的用户名在前端显示。

2022年6月24日

添加拦截器，防止未登录的用户访问页面。

2022年6月25日

2022年6月26日

2022年6月27日

2022年6月28日

公告

个人信息

日历

搜索

常用链接

我的标签

随笔分类

随笔档案

阅读排行榜

从0开始用java+mysql+Thymeleaf+mybatis搭建一个简单的班级管理系统历程记录