Thymeleaf的 th:* 属性之—— 模板布局& th:with& 属性优先级

最新推荐文章于 2023-05-10 21:04:18 发布

那些年的代码

最新推荐文章于 2023-05-10 21:04:18 发布

阅读量523

点赞数

分类专栏： Thymeleaf

本文链接：https://blog.csdn.net/weixin_44018338/article/details/100083786

版权

Thymeleaf 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

3.7 模板布局

模板名称：layout.html

3.7.1 th:fragment

e.g.模板名为footer.html页面body部分如下：

<body>
　　<div th:fragment="copy">
      &copy; 2011 The Good Thymes Virtual Grocery
    </div>
</body>

fragment片段定义语法：

如th:fragment=”copy”这样就定义了一个名为copy的fragment

3.7.2 th:include and th:replace

<1>引入fragment的形式：简单地，templatename::fragmentname(不惟一)

 <div th:insert="~{footer :: copy}"></div>

equals.

<div th:insert="footer :: copy"></div>

<2>二者的区别 th:include:将fragment的内容包含进来； th:replace:用fragment替换掉所在标签

3.7.3 th:remove

一般用于将模拟数据在真实环境中移除：

th:remove可以以五种不同的方式行事，具体取决于它的价值

all：删除包含标签及其所有子项。
body：不要删除包含的标签，但删除其所有的孩子。
tag：删除包含的标签，但不要删除其子项。
all-but-first：除去第一个包含标签的所有子项。
none：没做什么。该值对于动态评估是有用的。

e.g.

 <tr th:remove="all">
    <td>Mild Cinnamon</td>
    <td>1.99</td>
    <td>yes</td>
</tr>

<a href="/something" th:remove="${condition}? tag : none">Link text not to be removed</a>

3.8 th:with

模板名称:with.html 定义局部变量

1.可一次定义多个,逗号分隔

e.g.

<div th:with="firstPer=${list[0]}">  
    <p>The name of the first person is <span th:text="${firstPer.userName}">Julius Caesar</span>.</p>  
</div>

<div th:with="firstPer=${list[0]},secondPer=${list[1]}">  
    <p>The name of the first person is <span th:text="${firstPer.userName}">Julius Caesar</span>.</p>  
    <p> But the name of the second person is  <span th:text="${secondPer.userName}">Marcus Antonius</span>.  
    </p>  
</div>

2.可复用

e.g.

<div th:with="company=${user.company},account=${accounts[company]}">  
    <div th:text="${company}"></div>  
    <div th:text="${account}"></div>  
</div>