thymeleaf模板的使用

2021-09-12 06:13:58 字數 2118 閱讀 2404

1. th:eath----迭代方法

作用:遍歷 , 類似於 c:foreach

例項:

<

!-- $是後端傳過來的值 --

>

"list, liststat: $"

>

"$">

<

/td>

"$">

<

/td>

"$">

<

/td>

"$==0?'女':'男'"

>

<

/td>

"$">

<

/td>

"$==0?'女':'男'"

>

<

/td>

"$">

<

/td>

"$">

<

/td>

"$">

<

/td>

<

!-- 這裡會輸出他的索引(0,1,2)之類的資料 --

>

<

/tr>

擴充套件:獲取迭代中的索引和其他相應的值(注意:上面的 usernliststat ,我們是通過它來獲取索引之類的值的)

狀態變數定義在乙個th:每個屬性和包含以下資料:

1.當前迭代索引,從0開始。這是索引屬性。index

2.當前迭代索引,從1開始。這是統計屬性。count

3.元素的總量迭代變數。這是大小屬性。 size 

4.iter變數為每個迭代。這是目前的財產。 current 

5.是否當前迭代是奇數還是偶數。這些even/odd的布林屬性。  

6.是否第乙個當前迭代。這是first布林屬性。  

7.是否最後乙個當前迭代。這是last布林屬性

2. th:attr標籤----修改任意屬性

作用:當後端傳入引數,我們需要使用thymeleaf標籤獲取值,而有些標籤thymeleaf沒有定製,所以這時候就需要用到它了

使用方法:

使用前:

(注意:因為不是th標籤,所以這樣是獲取不到傳入的值的)

" $ "

>

<

/div>

使用後:(這樣才能正確的獲取值)

"data-target= $ "

>

<

/div>

"$ "

>

<

/div>

<

!-- 前 --

>

"id = $ "

>

<

/div>

<

!-- 後 --

>

注意:如果我們需要修改標籤的屬性,其實可以直接在標籤前面加 th :就可以了(就算沒有提示有這個標籤,也能獲取${}中的值)

" $ "

>

<

/div>

3. 拼接字串

作用:當我們標籤中的資料需要 動態值 + 固定值 的時候

需要的結果 :data-target=

" #mymodal0 " ( 這裡假設$獲取到的值為0)

"'#mymodal' + $"

>

<

/div>

拼接:"data-target='#mymodal' + $"

>

<

/div>

4. 如何引用靜態資源(擴充套件springboot知識)

注意:因為這樣的引用方式是使用了相對路徑,所以注意 『../

模板引用:方式相同,只是多幾個字母

"../js/jquery-3.3.1.min.js"

>

<

/script>

"../js/jquery-3.3.1.min.js"

>

<

/script>

thymeleaf模板使用小記

1 遍歷物件陣列 取物件key,可通過itemstat.current.key 取物件資料,可通過itemstat.current.value 狀態變數有以下幾個屬性 itemstat index 當前迭代物件的index 從0開始計算 count 當前迭代物件的index 從1開始計算 size ...

thymeleaf模板使用的快速配置

個人筆記 在使用thymeleaf的時候,為了快捷,可以做一下配置 首先是引包,然後在配置檔案加上如下配置 spring.thymeleaf.cache false spring.thymeleaf.check template location true spring.thymeleaf.cont...

thymeleaf模板引擎

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