1、导入依赖
<dependency>
<groupId>org.thymeleaf</groupId>
<artifactId>thymeleaf-spring5</artifactId>
</dependency>
<dependency>
<groupId>org.thymeleaf.extras</groupId>
<artifactId>thymeleaf-extras-java8time</artifactId>
</dependency>
只要导入对应的依赖，
2、练习使用Thymeleaf
1、在对应HTML页面导入相关依赖
<html lang="en" xmlns:th="http://www.thymeleaf.org">
对应HTML页面需要取值，使用 th:***="${+++}" 获取
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--/*@thymesVar id="msg" type="com.xian.controller.HelloController"*/-->
<div th:text="${msg}"></div>
</body>
</html>
2、在对应controller里跳转
@Controller public class HelloController { @RequestMapping("/test") public String test(Model model) { model.addAttribute("msg","hello,springboot"); return "test"; } }
3、练习使用数据填充
<!--/*@thymesVar id="msg" type="com.xian.controller.HelloController"*/--> <div th:text="${msg}"></div> <!--转义字符--> <div th:utext="${msg}"></div> <hr> <!--/*@thymesVar id="users" type="com.xian.controller.HelloController"*/--> <h3 th:each="user:${users}">[[ ${user} ]]</h3> <!--推荐使用第二种方法，做到前后端分离，把数据写在前端页面里，不推荐--> <h3 th:each="user:${users}" th:text="${user}"></h3>
2、对应的controller
public class HelloController { @RequestMapping("/test") public String test(Model model) { model.addAttribute("msg","<h1>hello,springboot</h1>"); model.addAttribute("users", Arrays.asList("xian","Spring")); return "test"; } }
文字过多，需要时及时翻看官方文档
Thymeleaf 官网：https://www.thymeleaf.org/
Thymeleaf 在Github 的主页：https://github.com/thymeleaf/thymeleaf
Spring官方文档：找到我们对应的版本
https://docs.spring.io/spring-boot/docs/2.2.5.RELEASE/reference/htmlsingle/#using-boot-starter