thymeleaf模板引擎

2022-06-14 18:24:12 字數 2456 閱讀 3497

thymeleaf 模組引擎類似於jsp的el表示式

1.引入thymeleaf

org.springframework.boot

spring-boot-starter-thymeleaf

3.0.11.release

2.1.1

2.thymeleaf的使用&語法只要我們把html檔案放在classpath:/templates;thymeleaf會自動渲染

1)場景:我們controller有資料需要在html展示

a.      在controller層寫資料例如:

b.   在html引入    thymeleaf的命名空間

並在body裡寫入

c.  啟動 springboot 訪問/success

3.thymeleaf命名的規則

1)基本屬性

html有的屬性,thymeleaf基本都有,而常用的屬性大概有七八個。其中th屬性執行的優先順序從1~8,數字越低優先順序越高。

一、th:text:設定當前元素的文字內容,相同功能的還有th:utext,兩者的區別在於前者不會轉義html標籤,後者會。優先順序不高:order=7

二、th:value:設定當前元素的value值,類似修改指定屬性的還有th:srcth:href。優先順序不高:order=6

三、th:each:遍歷迴圈元素,和th:text或th:value一起使用。注意該屬性修飾的標籤位置,詳細往後看。優先順序很高:order=2

四、th:if:條件判斷,類似的還有th:unlessth:switchth:case。優先順序較高:order=3

五、th:insert:**塊引入,類似的還有th:replaceth:include,三者的區別較大,若使用不恰當會破壞html結構,常用於公共**塊提取的場景。優先順序最高:order=1

六、th:fragment:定義**塊,方便被th:insert引用。優先順序最低:order=8

七、th:object:宣告變數,一般和*{}一起配合使用,達到偷懶的效果。優先順序一般:order=4

2)表示式

一、變數表示式$

例子:p>

二、選擇表示式*

name: span>p>

age: span>p>

habbit: span>p>

div>

三、url鏈結表示式 @

maina>

、獲取國際化內容 #

五、片段引用表示式 ~

簡單測試一下:controller層

html 頁面:  其中 表示th:text   [()]表示th:utext

檢視頁面

thymeleaf 模板引擎 的迴圈讀取

1.pom檔案中加入 thymeleaf 的jar org.springframework.boot spring boot starter thymeleaf 在templates下建立乙個html檔案 3.html 如下 注意 xmlns th 這是引入 thymeleaf 的標籤庫 後台傳過來...

thymeleaf引擎模板公共頁面抽取

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

一起學習thymeleaf模板引擎

簡單說,thymeleaf 是乙個跟 velocity freemarker 類似的模板引擎,它可以完全替代 jsp 相較與其他的模板引擎,它有如下三個極吸引人的特點 1.thymeleaf 在有網路和無網路的環境下皆可執行,即它可以讓美工在瀏覽器檢視頁面的靜態效果,也可以讓程式設計師在伺服器檢視帶...