Thymeleaf的标签和表达式
1.Thymeleaf的标签
1.1  th:id
替换id标签
<input th:id="'xxx' + ${collect.id}"/>
1.2    th:text
⽂本替换，包括html标签
若home.welcome=Welcome to our <b>fantastic</b> grocery store!
⽤<p th:text="#{home.welcome}"></p>解析结果为：
<p>Welcome to our <b>fantastic</b> grocery store!</p>
1.3 th:utext
⽂本替换，html标签会显⽰出正确的样式
<p th:utext="#{home.welcome}"></p>即可。
Welcome to our fantastic grocery store!
等效于html :<p>Welcome to our <b>fantastic</b> grocery store!</p>
1.4 th:object
⽤于表单数据对象绑定，将表单绑定到后台controller的⼀个JavaBean参数。常与th:field⼀起使⽤进⾏表单数据绑  替换对象，⽤于表单数据对象绑定，将表单绑定到后台controller的⼀个JavaBean参数。常与th:field⼀起使⽤进⾏表单数据绑  替换对象，
定。
public class LoginBean implements Serializable{
@RequestMapping(value = "/login", method = RequestMethod.POST)
public String login(@ModelAttribute(value = "loginBean") LoginBean loginBean，ModelMap model) {.
..} }
<form id="login-form" th:action="@{/login}" th:object="${loginBean}">...</form>
1.5  th:value
<input th:value = "${user.name}" />
1.6 th:with
定义局部变量。
<div th:with="firstPer=${persons[0]}">
<p>
The name of the first person is <span th:text="${firstPer.name}">Julius Caesar</span>.
</p>
</div>
当th:with被处理,firstPer变量创建⼀个局部变量和变量添加到map⾃上下⽂，以便它是⽤于评估和其他上下⽂中声明的变量从开始，但只有包含< div >标记的范围内。
定义多个局部变量
<div th:with="firstPer=${persons[0]},secondPer=${persons[1]}">
1.7 th:style
设置样式
<div th:></div>
1.8 th:onclick
点击事件
<td th:onclick = "'getCollect()'"></td>
1.9 th:each
属性赋值
<tr th:each = "user,userStat:${users}">
1.10 th:if
<a th:if = "${userId}"> 如果userId不为空就执⾏a标签
1.11 th:unless
和th:if判断相反
<a th:href="@{/login} th:unless=${session.user != null}">Login</a>
1.12 th:href
链接地址
<a th:href="@{/login}" th:unless=${session.user != null}>Login</a>
1.13 th:switch
多路选择配合th:case使⽤
<div class="col-sm-9">
<div th:switch="${able}">
<p th:case="'1'">
<input id="enable" name="enable" type="radio" class="ace" value="1" checked="checked" /> <span class="lbl">启⽤</span>
<input id="enable1" name="enable" type="radio" class="ace" value="0" />
<span class="lbl">停⽤</span>
</p>
<p th:case="'0'">
<input id="enable2" name="enable" type="radio" class="ace" value="1" />
<span class="lbl">启⽤</span>
<input id="enable3" name="enable" type="radio" class="ace" value="0" checked="checked" /> <span class="lbl">停⽤</span>
</p>
</div>
</div>
1.14 th:fragment
⾃定义⽚段，定义fragment，所有的fragment可以写在⼀个⽂件⾥⾯，也可以单独存在    <footer th:fragment="copy">
the content of footer
</footer>
1.15  th:insert
1.15  th:insert
保留⾃⼰的主标签，保留th:fragment的主标签。
1.16  th:replace
不要⾃⼰的主标签，保留th:fragment的主标签。
1.17 th:include
保留⾃⼰的主标签，不要th:fragment的主标签。（官⽅3.0后不推荐）    <div th:insert="footer :: copy"></div>
<div th:replace="footer :: copy"></div>
<div th:include="footer :: copy"></div>
结果为:
<div>
<footer>
the content of footer
</footer>
</div>
<footer>
the content of footer
</footer>
<div>
the content of footer
</div>
1.18 th:selectd
selected选择框选中
th:selected="(${xxx.id} == ${configObj.dd})"
thymeleaf用法
1.19 th:src
图⽚类地址引⼊
<img class="img-responsive" alt="App Logo" th:src="@{/img/logo.png}" /> 1.20 th:inline
定义js脚本可以使⽤变量
<script type="text/javascript" th:inline="javascript">
1.21 th:action
表单提交的地址
<form action="subscribe.html" th:action="@{/subscribe}">
1.22 th:remove
删除某个属性
1.all：删除包含标签和所有的孩⼦。
2.body：不包含标记删除，但删除其所有的孩⼦。
3.tag：包含标记的删除，但不删除它的孩⼦。
4.all-but-first：删除所有包含标签的孩⼦，除了第⼀个。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。