Thymeleaf新增頁面模板

2022-05-21 18:42:15 字數 927 閱讀 5146

在頁面編輯中,有一些公共的頁面部分(比如header,footer等)可以抽取出來放到模板中,其他頁面使用的時候可以調取該模板,這樣的好處是如果修改這些公共部分,只修改模板中的**即可。

為了做到這一點,thymeleaf需要我們定義包含可用的片段,我們可以通過使用:

例如:1.建立乙個template.html模板檔案,加入如下**:

<

div

th:fragment

="footer"

>

<

div

class

="page-footer"

>

<

div

class

="scroll-to-top"

>

<

i class

="icon-arrow-up"

>

i>

div>

div>

div>

注意:要加入th標籤引用,

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中的模板布局

thymeleaf引擎模板公共頁面抽取

1 抽取公共片段 2 引入公共片段 模板名 選擇器 模板名 片段名3 預設效果 insert的公共片段在div標籤中 如果使用th insert等屬性進行引入,可以不用寫 行內寫法可以加上 三種引入公共片段的th屬性 th insert 將公共片段整個插入到宣告引入的元素中 th replace 將...

使用ThymeLeaf新增和引入公共頁面

1,公共頁面提取,公共頁面一般都是頭尾,用th fragment屬性標記公共部分,屬性值用來引用 doctype html common header 我是公共頁面 我叫common page.html 判斷誰的activeuri 等於傳過來的activeuri,誰等於誰就亮 2,其他頁面引入公共頁...

thymeleaf模板引擎

thymeleaf 模組引擎類似於jsp的el表示式 1.引入thymeleaf org.springframework.boot spring boot starter thymeleaf 3.0.11.release 2.1.1 2.thymeleaf的使用 語法只要我們把html檔案放在cla...