th:标签

水深无声 2021-12-22 03:57 268阅读 0赞

**https://blog.csdn.net/xxb5502296/article/details/78319898**（挺全的）

https://blog.csdn.net/qq\_43279637/article/details/86406836

http://www.cnblogs.com/vinphy/p/4674247.html

https://blog.csdn.net/qwlzxx/article/details/70976509

**th:text**把表达式对应的值代替标签内的文本。（<p th:text="\#\{home.welcome\}">welcome</p>）

**th:utext**显示非转义文本。（自动解析文本中的html标签并渲染页面）

**th:object**在父标签选择对象，子标签使用**\*\{…\}**选择表达式选取值。没有选择对象，那子标签使用选择表达式和$\{…\}变量表达式是一样的效果。同时即使选择了对象，子标签仍然可以使用变量表达式。

<div th:object="${session.user}" > <p th:text="*{fisrtName}">firstname</p> <p th:text="${session.user.lastName}">lastname</p> </div>

**th:href**修改a标签的href属性，使用@\{…\}URL表达式展示路径。URL参数也可以被写进表达式。

**th:with**在当前标签范围内，创建一个本地变量(local variable)，并添加到上下文的变量map。

<div th:with="name=${user.name},nickname=${name}+'用户'">...

**th:attr**设置或者修改标签属性（不推荐），推荐使用th:value、th:action、th:class，相当于th:attr=”value=…”、th:attr=”action=…”等等。

**th:classappend、th:styleappend、th:attrappend、th:attrprepend**属性前或者后添加属性值。

**th:checked、th:disabled、th:selected**根据判断条件结果来决定是否给该checked等属性设定固定值。

**th:assert**断言，支持逗号分隔的多条件。

**th:remove**被处理时会被删除，支持参数all，tag，body，all-but-first，none。[顾名思义][Link 1]，举例all-but-first应用场景。

**th:if**判断是否需要展示此标签，当null、0、’0’、’false’、’off’、’no’时为false，否则为true。

<div th:if="${user.isAdmin()}">...

th:unless与th:if相反

**th:switch、th:case**同java中的switch、case用法

<div th:switch="${user.role}"> <p th:case="'admin'">administrator</p> <p th:case="*">other</p> </div>

**th:each**迭代，支持Iterable、Map（迭代局部变量为Map.Entry）、数组、包含对象本身的单值对象。

$\{prods\}是迭代变量，prod是本地变量(local variable)，上例中在tr范围内有效。   
th:each迭代状态变量，支持获取参数如index、count、size、current、even/odd、fisrt、last。

隐式支持迭代局部变量+Stat作为本地变量，上例中不声明iterStat可直接使用prodStat。

**th:fragment、th:include、th:replace**引入或替换模板内容，支持引入其他模板文件的部分templatename::domselector（支持XPath语法或者css选择器）、templatename::fragmentname，也支持引入整个模板templatename或者本模板内的部分::domselector

th:replace不同于th:include，它将引用模板的整个dom替换当前dom。th:include是将引用模板的dom下子元素引入到当前dom内。

fragment可引入类函数机制，同时函数参数可以不声明即使用。

th:block作为属性容器，处理属性时会消失。

th:inline内联，即把表达式直接写进html文本而不是属性，支持模式text、javascript、none。

<p th:inline="text">hello,[[${session.user.name}]]!</p>  <script th:inline="javascript"> var user = /*[[${session.user}]]*/ null; </script>

data-\{prefix\}-\{name\}对html5更友好的语法，等同于\{prefix\}:\{name\}

**th:field作用于input、select、textarea，th:field和th:object联用，**

**![1035765-20190314165814369-73380466.png][]**

<input type="text" th:field="*{date1}" />——id、name为date1，value绑定date1属性值 <ul> <li th:each="feat: ${allFeats}"> <input type="checkbox" th:field="*{feats}" th:value="${feat}">——id为feats1类推，name为feats，value为当前遍历feat的值。feats属性的值所在input会加上checked属性。 <lable th:for="${#ids.prev('feats')}"——for为feats字段当前遍历序列中最后一个id th:text="#{${'feature.'+feat}}">abc</label> </li> </ul> <select th:field="*{type}"> <option th:each="type:${types}" th:value="${type}" th:text="#${'type.'+type}}">选项</option> </select>

转载于:https://www.cnblogs.com/hongchengshise/p/10530952.html

[Link 1]: https://www.baidu.com/s?wd=%E9%A1%BE%E5%90%8D%E6%80%9D%E4%B9%89&tn=24004469_oem_dg&rsv_dl=gh_pl_sl_csd
[1035765-20190314165814369-73380466.png]: /images/20211220/34e9244ac5b24c3797aea14707a35000.png