thymeleaf中的模板布局

2021-07-23 07:34:36 字數 2621 閱讀 2258

一.包括模板片段:

1:定義和引用片段,我們經常會想要包含在模板片段來自其他模板。常見的用途是頁尾、標題、選單…;

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

定義乙個頁面底部footer頁面,在每乙個需要的頁面都可以用的模板,可以通過使用th:fragment屬性

<

div

th:fragment

="copy"

>

div>

上面的**定義了乙個叫做副本的片段,我們可以很容易地包含在我們的主頁上通過使用th:includeorth:replace屬性之一:

<

body

>

...<

div

th:include

="footer :: copy"

>

div>

body

>

引用片段沒有th:fragment:

...

<

div

id="copy-section"

>

div>

...

頁面引用:th:include="templatename::domselector"

1

templatename是要引入頁面的路勁加上去掉字尾的名稱,例如footer.html頁面建立在/web-inf/templates/footer.html,所以templatename為footer;domselector就是dom選擇器,即為th:fragment中的值,或是選擇id

<

body

>

...<

div

th:include

="footer :: #copy-section"

>

div>

body

注意:1

2

3

4

5

6

7

8

9

10

帶有公共的頁面,不要帶有

<html>

<head>

<body>

直接寫內容:

<divth:fragment="copy">

擴充套件寫法,希望能靈活運用:

<

div

th:include

="footer :: ($? # : #)"

>

div>

二.可引數化的片段簽名

可以像引數一樣傳入引數:

<

div

th:fragment

="frag (onevar,twovar)"

>

<

p th:text

="$ + ' - ' + $"

>...

p>

div>

兩種呼叫方式引入頁面:

<

div

th:include

="::frag ($,$)"

>...

div>

<

div

th:include

="::frag (onevar=$,twovar=$)"

>...

div>

如果沒有帶引數,如下形式:

<

div

th:fragment

="frag"

>

...div>

依然可以使用帶引數的引入,但是必須使用第二種引入方式,另一種不行:如下是正確的引入方式

<

div

th:include

="::frag (onevar=$,twovar=$)"

>

這樣事實上,這將是相當於乙個th:includeth:with的組合

<

div

th:include

="::frag"

th:with

="onevar=$,twovar=$"

>

thymeleaf中的模板布局

一.包括模板片段 1 定義和引用片段,我們經常會想要包含在模板片段來自其他模板。常見的用途是頁尾 標題 選單 為了做到這一點,thymeleaf需要我們定義包含可用的片段,我們可以通過使用th fragment屬性。定義乙個頁面底部footer頁面,在每乙個需要的頁面都可以用的模板,可以通過使用th...

thymeleaf模板的使用

1.th eath 迭代方法 作用 遍歷 類似於 c foreach 例項 是後端傳過來的值 list,liststat td td td 0?女 男 td td 0?女 男 td td td td 這裡會輸出他的索引 0,1,2 之類的資料 tr 擴充套件 獲取迭代中的索引和其他相應的值 注意 上...

thymeleaf模板引擎

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