Thymeleaf 之基本用法和常見錯誤

2021-10-03 17:05:30 字數 1022 閱讀 8655

thymeleaf的使用是由兩部分組成的:標籤 + 表示式,標籤是thymeleaf的語法結構,而表示式就是語法裡的內容實現。

通過標籤 + 表示式,讓資料和模板結合,最終轉換成html**,返回給使用者。

首先引入提示

在html頁面中引入thymeleaf命名空間,此時在html模板檔案中動態的屬性使用th:命名空間修飾 ,這樣才可以在其他標籤裡面使用th:*這樣的語法.這是下面語法的前提:

"en" xmlns:th=

"">

thymeleaf 基本表示式

$ 變數表示式,用於訪問容器上下文環境中的變數,功能同jstl中${}

* 選擇表示式,一般是th:object之後,直接取object中的屬性。當沒有選取物件時,其功能等同於$

# 訊息表示式 通常與th:text屬性一起使用,指明宣告了th:text的標籤的文字是#{}中的key所對應的value,而標籤內的文字將不會顯示

訊息表示式通常用於顯示頁面靜態文字,將靜態文字維護在properties檔案中也方面維護,做國際化等

2、thymeleaf引入方法:

thymeleaf在idea中變數名報錯 變數未定義的問題

雖然不影響執行 解決辦法:

1、 只需要按 alt + enter , 選擇declare external variable in comment annotion,然後在新增的注釋 `` 的 type 中輸入你的型別即可.

2、直接去掉波浪線 ,去掉thymeleaf下的expression variables validation 的對勾即可

Thymeleaf 基本用法總結

一 引用命名空間 在html中引入此命名空間,可避免編輯器出現html驗證錯誤,雖然加不加命名空間對thymeleaf的功能沒有任何影響。二 輸出內容 2.1 welcome to our grocery store 說明 1.th text 用來將內容輸出到所在標籤的body中。2.用來引入資料h...

Thymeleaf 基本用法總結

thymeleaf 基本用法總結 一 引用命名空間 在html中引入此命名空間,可避免編輯器出現html驗證錯誤,雖然加不加命名空間對thymeleaf的功能沒有任何影響。二 輸出內容 2.1 welcome to our grocery store 說明 1.th text 用來將內容輸出到所在標...

Thymeleaf 基本用法總結

一 引用命名空間 在html中引入此命名空間,可避免編輯器出現html驗證錯誤,雖然加不加命名空間對thymeleaf的功能沒有任何影響。二 輸出內容 2.1 welcome to our grocery store 說明 1.th text 用來將內容輸出到所在標籤的body中。2.用來引入資料h...