Thymeleaf添加頁面模板


在頁面編輯中,有一些公共的頁面部分(比如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標簽。

 

 

 

其他靈活運用方式,請參考:

thymeleaf中的模板布局

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM