在页面编辑中,有一些公共的页面部分(比如header,footer等)可以抽取出来放到模板中,其他页面使用的时候可以调取该模板,这样的好处是如果修改这些公共部分,只修改模板中的代码即可。
为了做到这一点,Thymeleaf需要我们定义包含可用的片段,我们可以通过使用:
- th:fragment属性定义模板
- th:include属性引入模板
例如:
1.创建一个template.html模板文件,加入如下代码:
<!--fotter--> <div th:fragment="footer"> <div class="page-footer"> <div class="scroll-to-top"> <i class="icon-arrow-up"></i> </div> </div> </div>
注意:要加入th标签引用,<html lang="en" xmlns:th="http://www.thymeleaf.org">
2.在其他页面中引用即可:
<div th:include="template :: footer"></div>
引用语法解释:th:include="templatename::domselector"
templatename是要引入页面的路劲加上去掉后缀的名称,例如footer.html页面建立在/WEB-INF/templates/footer.html,所以templatename为footer;domselector就是dom选择器,即为th:fragment中的值,或是选择id
注意:这里同样也需要引入th标签。
其他灵活运用方式,请参考: