Thymeleaf基礎學習之路

2021-08-21 10:28:59 字數 3200 閱讀 6130

贈送thymeleaf3官方文件,英文的,不過也能看明白,大概就是教你怎麼取出來文字或者物件然後根據它特定的語法展示出來

二、各種語法使用

(1)例子:

注意幾點: 

使用 @這種方式引入,在渲染後的html 裡會自動生成 上下文路徑

如果使用瀏覽器直接開啟當前的 hello.html, 依然可以看到css 和 js 效果,因為如下**起作用:

所以這樣就非常方便前端開發和測試。

test.html 把控制器中準備的資料展示出來

(1). 轉義和非轉義的html(第乙個text是直接輸出html的東西,第二個text是輸出經過瀏覽器解析後的html)

顯示結果如下

(2). 獲取物件屬性的兩種方式,這裡可以直接呼叫方法了,其中,currentproduct是後台返回來的物件

(3). 使用 *{} 方式顯示當前物件的屬性

(4)算數運算,這裡之演示了加法,其他的減法,乘法什麼的略過不表

(1)新建乙個 include.html 檔案,然後裡面用 th:fragment 標記**片段。

footer1 是 不帶引數的,

footer2 是帶引數的

這兩種情況也是包含業務經常會用到的做法

使用的時候就按照如下方式:

就達到了包含的效果,其中第二種可以傳參。

除了th:replace, 還可以用th:insert, 區別:

th:insert :保留自己的主標籤,保留th:fragment的主標籤。 th:replace :不要自己的主標籤,保留th:fragment的主標籤。

(1)thymeleaf 的條件判斷是通過 th:if 來做的,只有為真的時候,才會顯示當前元素,其中testboolean為後台傳過來的boolean值

如果testboolean 是 true ,本句話就會顯示

取反可以用not, 或者用th:unless.

取反 ,所以如果testboolean 是 true ,本句話就不會顯示

unless 等同於上一句,所以如果testboolean 是 true ,本句話就不會顯示

除此之外,三元表示式也比較常見

不只是布林值的 true 和 false, th:if 表示式返回其他值時也會被認為是 true 或 false,規則如下:

boolean 型別並且值是 true, 返回 true

數值型別並且值不是 0, 返回 true

字元型別(char)並且值不是 0, 返回 true

string 型別並且值不是 "false", "off", "no", 返回 true

不是 boolean, 數值, 字元, string 的其他型別, 返回 true

值是 null, 返回 false

(1)、使用 th:each 遍歷

(2)、結合 select 還是用 th:each,但是放在option元素上,就可以遍歷出多個下拉框出來了。

其中 th:selected 表示被選中的項。

(3)、結合單選框,單選框也是同樣的做法,其中 th:checked用於判斷是否選中

(4)、帶狀態的遍歷

使用 th:each="p,status: $ 方式遍歷就把狀態放在 status裡面了, 同時還用3元表示式判斷奇偶 ,

status裡還包含了如下資訊:

index 屬性, 0 開始的索引值

count 屬性, 1 開始的索引值

size 屬性, 集合內元素的總量

current 屬性, 當前的迭代物件

even/odd 屬性, boolean 型別的, 用來判斷是否是偶數個還是奇數個

first 屬性, boolean 型別, 是否是第乙個,

last 屬性, bo

olean 型別, 是否是最後乙個

(1)、使用#dates這個內建工具進行格式化日期,now是後台返回的物件

直接輸出日期 $:

預設格式化 $:

自定義格式化 $:

像 #date 這樣的 thymeleaf內建工具有很多種,一共有如下16種。

execution info

messages

uris/urls

conversions

dates

calendars

numbers

strings

objects

booleans

arrays

lists

sets

maps

aggregates

ids

thymeleaf學習筆記

thymeleaf 學習簡單記錄,其中使用springboot 配置server.servlet.context path thy href details.html th href viewa href details.html th href viewa href details.html th...

Thymeleaf學習筆記 二)

語法 含義 預設呼叫轉換函式,將其轉換為string 示例 語法 含義 在預處理階段,替換為對應的message information,基於locale 示例 th text some text here.語法 th attr attrname 含義 設定節點中特定屬性的值 示例 th attr ...

Thymeleaf學習筆記 三

1 定義fragment 語法 th fragement 示例 xmlns th th fragment copy div body html fragmeng使用示例 footer copy 下面是乙個動態的模板fragment示例 footer.admin 上述示例中,功能強大,可以實現動態的f...