thymeleaf中的th:常用标签

最新推荐文章于 2024-07-22 08:30:00 发布

今朝8

最新推荐文章于 2024-07-22 08:30:00 发布

阅读量5.3k

点赞数 4

分类专栏：常用知识文章标签： th常用标签

本文链接：https://blog.csdn.net/weixin_41980941/article/details/87339662

版权

常用知识专栏收录该内容

5 篇文章 0 订阅

订阅专栏

th: 的常用标签
   关键字       功能介绍   案例
   th:id       替换id       <input th:id="'xxx' + ${collect.id}"/>
   th:text       文本替换   <p th:text="${collect.description}">description</p>
   th:utext   支持html的文本替换   <p th:utext="${htmlcontent}">content</p>
   th:object   替换对象   <div th:object="${session.user}">
   th:value   属性赋值   <input th:value = "${user.name}" />
   th:with       变量赋值运算   <div th:with="isEvens = ${prodStat.count}%2 == 0"></div>
   th:style   设置样式   <div th:style="'display:' + @{(${sitrue} ? 'none' : 'inline-block')} + ''"></div>
   th:onclick   点击事件   <td th:onclick = "'getCollect()'"></td>
   th:each       属性赋值   <tr th:each = "user,userStat:${users}">
   th:if       判断条件   <a th:if = "${userId == collect.userId}">
   th:unless   和th:if判断相反   <a th:href="@{/login} th:unless=${session.user != null}">Login</a>
   th:href       链接地址   <a th:href="@{/login}" th:unless=${session.user != null}>Login</a>
   th:switch   多路选择配合th:case使用   <div th:switch="${user.role}">
   th:fragment   th:switch的一个分支   <p th:case = "'admin'">User is an administrator</p>
   th:includ   布局标签，替换内容到引入的文件   <head th:include="layout :: htmlhead" th:with="title='xx'"></head>
   th:replace   布局标签，替换整个标签到引入的文件   <div th:replace="fragments/header :: title"></div>
   th:selectd   selected选择框选中   th:selected="(${xxx.id} == ${configObj.dd})"
   th:src       图片类地址引入   <img class="img-responsive" alt="App Logo" th:src="@{/img/logo.png}" />
   th:inline   定义js脚本可以使用变量   <script type="text/javascript" th:inline="javascript">
   th:action   表单提交的地址   <form action="subscribe.html" th:action="@{/subscribe}">
   th:remove   删除某个属性   <tr th:remove="all"> 1.all:删除包含标签和所有的孩子。2.body:不包含标记删除,但删除其所有的孩子。3.tag:包含标记的删除,但不删除它的孩子。4.all-but-first:删除所有包含标签的孩子,除了第一个。5.none:什么也不做。这个值是有用的动态评估。
   th:attr       设置标签属性，多个属性可以用逗号分隔   比如 th:attr="src=@{/image/aa.jpg},title=#{logo}"，此标签不太优雅，一般用的比较少。