教程简介
本项目内容为Spring Boot教程样例。目的是通过学习本系列教程,读者可以从0到1掌握spring boot的知识,并且可以运用到项目中。如您觉得该项目对您有用,欢迎点击收藏和点赞按钮,给予支持!!教程连载中,欢迎持续关注!
环境
IDE: Eclipse Neon
Java: 1.8
Spring Boot: 1.5.12
数据库:MYSQL
本章简介
上一节介绍了spring boot整合mybatis,本节将在此基础上整合thymeleaf,完成前端展示用户信息。
配置
在pom.xml文件下面添加:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
修改application.properties
# THYMELEAF
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
#开发时关闭缓存
spring.thymeleaf.cache=false
编写UserMapper
在UserMapper下面添加查询User方法
@Select("SELECT * FROM T_USER")
List<User> findAll();
编写控制器方法
在UserController下面添加getUserList方法。
由于上一节我们使用了@RestController的注解,@RestController的注解是无法通过视图解析器解析视图的,所以我们修改成@Controller, 其他方法我们使用@ResponseBody的注解。
@Controller
public class UserController {
@Autowired
private UserMapper userMapper;
@RequestMapping("/saveUser")
@ResponseBody
public void save() {
userMapper.save("ajay", "123456");
}
@RequestMapping("/findByName")
@ResponseBody
public User findByName(String name) {
return userMapper.findByName(name);
}
@RequestMapping("/userList")
public String getUserList(Model model){
model.addAttribute("users", userMapper.findAll());
return "user/list";
}
}
编写用户信息页面
在src/main/resources/templates下添加user文件夹,再添加list.html
打开list.html,添加如下代码:
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<meta charset="UTF-8"/>
<title>用户信息</title>
</head>
<body>
<table border="1">
<tr>
<th>id</th>
<th>姓名</th>
<th>密码</th>
</tr>
<tr th:each="user:${users}">
<td><span th:text="${user.id}"></span></td>
<td><span th:text="${user.name}"></span></td>
<td><span th:text="${user.pass}"></span></td>
</tr>
</table>
</body>
</html>
程序运行和调试
在Application类中,启动程序。浏览器输入 http://localhost:8080/userList
浏览器展示:
本节的目的已经完成。需要注意的是thymeleaf拥有强大语法,值得注意的是html标签需要修改成
<html xmlns:th="http://www.thymeleaf.org">
以下是官方文档,可供读者学习thymeleaf语法
https://www.thymeleaf.org/doc...
代码:gitee.com/shaojiepeng/SpringBootCourse
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。