此项目是用idea创建的，项目所引入的依赖如下所示：
Sporing web : (spring-boot-starter-web) 对全栈web开发的支持，包括Tomcat等，也支持SpringMvc的功能。
Thymeleaf: (spring-boot-starter-thymeleaf) 旨在成为JavaServer Pages （JSP）的完全替代品，并实现自然模板的概念：模板文件可以直接在浏览器中打开，并且仍然可以正确显示为网页。支持html
MyBatis Framework:(mybatis-spring-boot-starter) 用来支持Mybatis开发，支持注解模式和非注解模式。
Mysql Driver: 支持对Mysql的一系列操作。
数据库SQL语句如下：
CREATE TABLE t_user (
`id` bigint(20) NOT NULL,
`create_time` datetime(0) NULL DEFAULT NULL,
`email` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
`nickname` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
`password` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
`type` int(11) NULL DEFAULT NULL,
`update_time` datetime(0) NULL DEFAULT NULL,
`username` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
`avatar` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
PRIMARY KEY (`id`) USING BTREE
)
项目整体的构建如下所示：
数据库的连接：
在 spring boot 中，有两种配置文件，一种是application.properties,另一种是application.yml,两种都可以配置spring boot 项目中的一些变量的定义，参数的设置等。.propertie和.yml配置文件同时存在时，SpringBoot会优先加载.yml(SpringBoot会把.yml转化为.properties文件)。区别如下
application.properties 配置文件在写的时候要写完整，如：
spring.profiles.active=dev
spring.datasource.data-username=root
spring.datasource.data-password=root在yml 文件中配置的话，写法如下
spring:
profiles:
active: prod
datasource:
driver-class-name: com.mysql.jdbc.Driver
url: jdbc:mysql://127.0.0.1:3306/test
username: root
password: root
yml 文件在写的时候层次感强，而且少写了代码。所以现在很多人都使用yml配置文件。此项目的数据库连接如下所示aqqlication.yml：
spring:
datasource:
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://localhost:3306/blog?serverTimezone=UTC&characterEncoding=utf-8
username: root
password: root实体类User：
public class User {
private Long id;
private String nickname;
private String username;
private String password;
private String email;
private String avatar;
private Integer type;
private Date createTime;
private Date updateTime;
}
//省略了get set方法需要自行添加 可以手动添加也可以使用lombok来添加持久层UserMapper：
此项目持久层使用Mybatis的非注解模式进行开发所以要进行Myvatis的配置，非注解模式下配置有两种情况如下所示：
第一个是直接放在UserMapper所在的包下面：
放在这里的UserMapper.xml会被自动扫描到，但是有另外一个Maven带来的问题，就是java目录下的xml资源在项目打包时会被忽略掉，所以，如果UserMapper.xml放在包下，需要在pom.xml文件中再添加如下配置，避免打包时java目录下的XML文件被自动忽略掉：
<build>
<resources>
<resource>
<directory>src/main/java</directory>
<includes>
<include>**/*.xml</include>
</includes>
</resource>
<resource>
<directory>src/main/resources</directory>
</resource>
</resources>
</build>当然，UserMapper.xml也可以直接放在resources目录下，这样就不用担心打包时被忽略了，但是放在resources目录下，又不能自动被扫描到，需要添加额外配置。例如我在resources目录下创建mapper目录用来放mapper文件，如下：
此时在application.yml中告诉mybatis去哪里扫描mapper：
mapper-locations: classpath:mapper/*.xml #mybatis的mapper文件所在路径如此配置之后，mapper就可以正常使用了。注意第二种方式不需要在pom.xml文件中配置文件过滤。
此项目的Mybatis配置使用的是放在Resource下面，配置如下aqqlication.yml：
#配置mybatis
mybatis:
mapper-locations: classpath:mapper/*.xml #mybatis的mapper文件所在路径
type-aliases-package: com.login.login.User #实体类路径
mapper映射
UserMapper内容如下：
@Mapper
@Repository
public interface UserMapper {
User login(String username,String password);
}UserMapper.xml内容如下
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.login.login.Mapper.UserMapper">
<select id="login" resultType="com.login.login.model.User">
select * from t_user where username = #{username} and password = #{password};
</select>
</mapper>Service层：
@Service
public class UserService {
@Autowired
private UserMapper userDao;
public User login(String username ,String password){
return userDao.login(username,password);
}
}Controller层：
@Controller
public class LoginController {
@Autowired
private UserService userService;
@RequestMapping("/index")
public String index(){
return "login";
}
@RequestMapping("/login")
public String login(User user){
User user1 = userService.login(user.getUsername(),user.getPassword());
if(user1!=null){
return "success";
}else {
return "fail";
}
}
}
三个前端页面如下
fail.html
<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录成功</title>
</head>
<body>
<h1>登录失败</h1>
</body>
</html>login.html
<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录</title>
</head>
<body>
<div id="regLogin" class="wrap" >
<div class="dialog">
<div class="box" style="text-align: center">
<h4>用户登录</h4>
<form id="login.action" name="login.action" action="/login" method="post">
<div class="infos" >
<table class="field" align="center">
<tr >
<td >用 户 名1234：</td>
<td>
<input type="text" name="username" id="username" required="true"/>
</td>
</tr>
<tr>
<td >密 码：</td>
<td>
<input type="password" name="password" id="password" required="true"/>
</td>
</tr>
</table>
<br>
<br>
<div class="buttons">
<input type="submit" value="登录"/>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>success.html
<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录成功</title>
</head>
<body>
<h1>登录成功</h1>
</body>
</html>
展示效果如下
