在頁面編輯中,有一些公共的頁面部分(比如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標簽。
其他靈活運用方式,請參考:
