thymeleaf中的模板布局

一.包括模板片段:

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

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

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

<

div 
th:fragment
="copy"
>
2014 the good thymes virtual grocery
div>

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

<

body
>
...  
<
div 
th:include
="footer :: copy"
>
div>
body
>

引用片段沒有th:fragment:

...

<
div 
id="copy-section"
>
2011 the good thymes virtual grocery
div>
...

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

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

<

body
>
...  
<
div 
th:include
="footer :: #copy-section"
>
div>
body

注意:

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

直接寫內容：

擴充套件寫法，希望能靈活運用：

<

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:include和th: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...