Thymeleaf添加頁面模板

時間 2019-11-12

標籤 thymeleaf 添加頁面模板简体版

原文原文鏈接

在頁面編輯中，有一些公共的頁面部分（好比header，footer等）能夠抽取出來放到模板中，其餘頁面使用的時候能夠調取該模板，這樣的好處是若是修改這些公共部分，只修改模板中的代碼便可。html

爲了作到這一點,Thymeleaf須要咱們定義包含可用的片斷,咱們能夠經過使用：dom

th:fragment屬性定義模板
th:include屬性引入模板

例如：佈局

1.建立一個template.html模板文件，加入以下代碼：post

<!--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">url

2.在其餘頁面中引用便可：spa

<div th:include="template :: footer"></div>

引用語法解釋：th:include="templatename::domselector"code

templatename是要引入頁面的路勁加上去掉後綴的名稱，例如footer.html頁面創建在/WEB-INF/templates/footer.html，因此templatename爲footer;domselector就是dom選擇器，即爲th:fragment中的值，或是選擇idxml

注意：這裏一樣也須要引入th標籤。htm

其餘靈活運用方式，請參考：blog

相關標籤/搜索