本例采用的是Springboot+thymeleaf,因?yàn)楣岔?yè)面屬于動(dòng)態(tài)頁(yè),因此需要放在templates目錄下(具體幾層自定義即可),我們這里做一個(gè)引用頭部、主體和底部公共信息的示例

創(chuàng)新互聯(lián)建站IDC提供業(yè)務(wù):成都西信服務(wù)器托管,成都服務(wù)器租用,成都西信服務(wù)器托管,重慶服務(wù)器租用等四川省內(nèi)主機(jī)托管與主機(jī)租用業(yè)務(wù);數(shù)據(jù)中心含:雙線機(jī)房,BGP機(jī)房,電信機(jī)房,移動(dòng)機(jī)房,聯(lián)通機(jī)房。

1. 公共信息頁(yè)面

head.html,使?th:fragment屬性來(lái)定義被包含的模版?段,以供其他模版引用或者包含,這里我們定義了頭部(admin_head(title))、主體(admin_common)、底部(admin_bottom)三個(gè)模板片段

    
    
    
    
    
    
    
    
    
    
    



這是公共信息


    
    

2. 引用定義好的模板片段

2.1 示例1

main.html,雙冒號(hào)(::)前面是公共頁(yè)面路徑,不受當(dāng)前頁(yè)面層級(jí)影響,直接從根路徑寫即可

我們來(lái)看一下頁(yè)面源碼,頭部信息和主體都已經(jīng)加載過來(lái)了

2.2 示例2

list.html,雙冒號(hào)(::)前面是公共頁(yè)面路徑,不受當(dāng)前頁(yè)面層級(jí)影響,直接從根路徑寫即可

    OK
    
    

我們來(lái)看一下頁(yè)面源碼,頭部信息和主體都已經(jīng)加載過來(lái)了

3. 引用說明

引用模板的時(shí)候可以使用 th:insert或者 th:replaceth:insert與th:replace 區(qū)別如下:
th:insert：將被引用的模板片段插?到自己的標(biāo)簽體中
th:replace：將被引用的模板片段替換掉自己
th:include：類似于 th:insert,?不是插??段,它只插?此?段的內(nèi)容(Thymeleaf 3.0 之后不再推薦使?)

4. 項(xiàng)目目錄結(jié)構(gòu)如下

5. 標(biāo)簽說明

th:block空標(biāo)簽詳解

6 源碼

移步碼云下載