抽取公共代码
不阐述使用选择器的方式
在一个标签中加上属性th:fragment="",其中的值是引入代码块的名称,可以随便取
<div th:fragment="ymy12138">大爱无疆</div>
引用代码片段
三种方式
- th:insert
- th:replace
- th:include
使用方式
<div th:insert="footer :: ymy12138"></div>
其中::的空格没有什么影响
解析,footer是标签,指的是外面包裹的标签,如果引用外部的html文件中的公共代码片段,这个地方写上相对路径的文件,不加“.html”,ymy12138是引用的代码片段的名称,如果是控制器,直接写上对应的控制器所对应的值就完事了
三种引入代码片段方式的不同之处
<div th:insert="footer :: copy"></div>
<div th:replace="footer :: copy"></div>
<div th:include="footer :: copy"></div>
执行结果
<div>
<footer>
© 2011 The Good Thymes Virtual Grocery
</footer>
</div>
<footer>
© 2011 The Good Thymes Virtual Grocery
</footer>
<div>
© 2011 The Good Thymes Virtual Grocery
</div>
也就是说对于insert,它是将该代码片段包裹一个footer标签然后插入到该div中
对于replace,是以footer将该div替换掉
对于incloud,是将footer替换成div这个标签,表示只是将该代码片段插入其中
引用时传值
<div th:replace="commons/bar::ymy12138(activeUri='emps')"></div>
网友评论