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