[TOC]
官方文档
教程
pom.xml
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
application.yml
spring:
thymeleaf:
cache: false
encoding: utf-8
mode: HTML5
prefix: classpath:/static/
suffix: .html
常用th标签
关键字 | 功能介绍 | 案例 |
---|---|---|
th:id | 替换id | |
th:text | 文本替换 | description |
th:utext | 支html的文本替换 | conten |
th:object | 替换对象 | |
th:value | 属性赋值 | |
th:with | 变量赋值运算 | |
th:style | 设置样式 | th:style=”‘display:’ + @{(${sitrue} ? ‘none’ : ‘inline-block’)} + ‘’” |
th:onclick | 点击事件 | th:οnclick=”‘getCollect()’” |
th:each | 遍历 | tr th:each=”user,userStat:${users}”> |
th:if | 判断条件 | |
th:unless | 和th:if判断相反 | Login |
th:href | 链接地址 | Login /> |
th:switch | 多路选择 配合th:case 使用 | |
th:case | th:switch的一个分支 | User is an administrator |
th:fragment | 布局标签,定义一个代码片段,方便其它地方引用 | |
th:include | 布局标签,替换内容到引入的文件 | /> |
th:replace | 布局标签,替换整个标签到引入的文件 | |
th:selected | selected选择框 选中 | th:selected=”(${xxx.id} == ${configObj.dd})” |
th:src | 图片类地址引入 | |
th:inline | 定义js脚本可以使用变量 | |
th:action | 表单提交的地址 | |
th:remove | 删除某个属性 | |
th:attr | 设置标签属性值 | 用法与a标签一致 |