先了解Thymeleaf是什么
1. Thymeleaf 简介
Thymeleaf 是新⼀代 Java 模板引擎，与 Velocity、FreeMarker 等传统 Java 模板引擎不同，Thymeleaf ⽀持 HTML 原型，其⽂件后缀为“.html”，因此它可以直接被浏览器打开，如果你直接浏览器打开，此时浏览器会忽略未定义的 Thymeleaf 标签属性，展示thymeleaf 模板的静态⻚⾯（没有任何变化）效果；但是通过 Web 应⽤程序访问时，Thymeleaf 会动态地替换掉静态内容，使⻚⾯动态显示。
简而言之，就是之前你的html页面的一个p标签显示的是“法外狂徒张三”，加上Thymeleaf后，通过Web 应⽤程序访问后就变成了，“隔壁老王”。
使用只需要在前端页面注意这个就行了，html标签里面加上： xmlns:th="http://www.thymeleaf.org
<html lang="en" xmlns:th="http://www.thymeleaf.org">
然后就可以使用了然后举个例子
"${'隔壁老王'}">法外狂徒张三
‘隔壁老王’ 这个地方可以使用占位符，我这样写比较直观
2.Thymeleafi 简单表达式：
- 变量表达式：${....}
- 选变量表达式：*{....}
- 消息表达式：#{....}
- 链接网址表达式：@{....}
- 片段表达式：~{....}
我使用的是 IntelliJ IDEA 2021.1 (Ultimate Edition)自己就有这个插件。基于manven的，所以你们该导包导包。
org.thymeleaf
thymeleaf
3.0.7.RELEASE
3.th 属性
| 标签属性 | 功能描述 | 示例 | ||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| th:id | 替换id | |
||||||||||||||||||||||||||||||
| th:text | 文本替换 | |
||||||||||||||||||||||||||||||
| th:utext | 支持html的文本替换 | |
||||||||||||||||||||||||||||||
| th:object | 替换对象 | |
||||||||||||||||||||||||||||||
| th:value | 属性赋值 | |
||||||||||||||||||||||||||||||
| th:with | 变量赋值运算 | |
||||||||||||||||||||||||||||||
| th:style | 设置样式 | |
||||||||||||||||||||||||||||||
| th:onclick | 点击事件 | | ||||||||||||||||||||||||||||||
| th:each | 属性赋值 | |