Thymeleaf引入公共片段方式

引入公共片段

引入公共片段的th属性，包括三种方式

th:insert

将公共片段，整个插入到声明引入的元素中

th:replace

将声明引入的元素，替换为公共片段

th:include

将被引入的片段的内容，包含进这个标签中

抽取公共片段

1 <footer th:fragment="copy">
2 &copy; 2011 The Good Thymes Virtual Grocery
3 </footer>

引入方式

1 <div th:insert="footer :: copy"></div>
2 <div th:replace="footer :: copy"></div>
3 <div th:include="footer :: copy"></div>

页面效果

 1 <div>
 2 <footer>
 3 &copy; 2011 The Good Thymes Virtual Grocery
 4 </footer>
 5 </div>
 6 
 7 <footer>
 8 &copy; 2011 The Good Thymes Virtual Grocery
 9 </footer>
10 
11 <div>
12 &copy; 2011 The Good Thymes Virtual Grocery
13 </div>

注意

引入语法~{} 
波浪线、花括号可以写，可以不写

但是，在行内写法中[[~{}]]、[(~{})] 
必须，加上~{}

 

参考：https://blog.csdn.net/nangeali/article/details/82215708

posted @ 2019-03-21 21:44  清晨的第一抹阳光  阅读(1785)  评论(0)  编辑  收藏  举报