Java基礎(chǔ)總結(jié)之Thymeleaf詳解
一、Thymeleaf語(yǔ)法
標(biāo)簽
在HTML頁(yè)面上使用Thymeleaf標(biāo)簽,Thymeleaf 標(biāo)簽?zāi)軌騽?dòng)態(tài)地替換掉靜態(tài)內(nèi)容,使頁(yè)面動(dòng)態(tài)展示。為了大家更直觀的認(rèn)識(shí)Thymeleaf,下面展示一個(gè)在HTML文件中嵌入了Thymeleaf的頁(yè)面文件,示例代碼如下:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" media="all"
href="../../css/gtvg.css" rel="external nofollow" th:href="@{/css/gtvg.css}" rel="external nofollow" />
<title>Title</title>
</head>
<body>
<p th:text="${hello}">歡迎進(jìn)入Thymeleaf的學(xué)習(xí)</p>
</body>
</html>
thymelef常用標(biāo)簽
| 標(biāo)簽 | 說(shuō)明 |
| th:insert | 布局標(biāo)簽,替換內(nèi)容到引入的文件 |
| th:replace | 頁(yè)面片段包含(類(lèi)似JSP中的include標(biāo)簽) |
| th:each | 元素遍歷(類(lèi)似JSP中的c:forEach標(biāo)簽) |
| th:if | 條件判斷,如果為真 |
| th:unless | 條件判斷,如果為假 |
| th:switch | 條件判斷,進(jìn)行選擇性匹配 |
| th:case | 條件判斷,進(jìn)行選擇性匹配 |
| th:value | 屬性值修改,指定標(biāo)簽屬性值 |
| th:href | 用于設(shè)定鏈接地址 |
| th:src | 用于設(shè)定鏈接地址 |
| th:text | 用于指定標(biāo)簽顯示的文本內(nèi)容 |
標(biāo)準(zhǔn)表達(dá)式
| 說(shuō)明 | 表達(dá)式語(yǔ)法 |
| 變量表達(dá)式 | ${…} |
| 選擇變量表達(dá)式 | *{…} |
| 消息表達(dá)式 | #{…} |
| 鏈接URL表達(dá)式 | @{…} |
| 片段表達(dá)式 | ~{…} |
1.1 變量表達(dá)式${…}
主要用于獲取上下文中的變量值,示例代碼如下:
<p th:text="${title}">這是標(biāo)題</p>
Thymeleaf為變量所在域提供了一些內(nèi)置對(duì)象,具體如下所示
# ctx:上下文對(duì)象 # vars:上下文變量 # locale:上下文區(qū)域設(shè)置 # request:(僅限Web Context)HttpServletRequest對(duì)象 # response:(僅限Web Context)HttpServletResponse對(duì)象 # session:(僅限Web Context)HttpSession對(duì)象 # servletContext:(僅限Web Context)ServletContext對(duì)象
假設(shè)要在Thymeleaf模板引擎頁(yè)面中動(dòng)態(tài)獲取當(dāng)前國(guó)家信息,可以使用
#locale內(nèi)置對(duì)象,示例代碼如下
The locale country is: <span th:text="${#locale.country}">US</span>
1.2 選擇變量表達(dá)式*{…}
和變量表達(dá)式用法類(lèi)似,一般用于從被選定對(duì)象而不是上下文中獲取屬性值,如果沒(méi)有選定對(duì)象,則和變量表達(dá)式一樣,示例代碼如下
<div th:object="${book}">
<p>titile: <span th:text="*{title}">標(biāo)題</span>.</p>
</div>
*{title} 選擇變量表達(dá)式獲取當(dāng)前指定對(duì)象book的title屬性值。
1.3 消息表達(dá)式 #{…}
消息表達(dá)式#{…}主要用于Thymeleaf模板頁(yè)面國(guó)際化內(nèi)容的動(dòng)態(tài)替換和展示,使用消息表達(dá)式#{…}進(jìn)行國(guó)際化設(shè)置時(shí),還需要提供一些國(guó)際化配置文件。
1.4 鏈接表達(dá)式 @{…}
鏈接表達(dá)式@{…}一般用于頁(yè)面跳轉(zhuǎn)或者資源的引入,在Web開(kāi)發(fā)中占據(jù)著非常重要的地位,并且使用也非常頻繁
<a th:href="@{http://localhost:8080/order/details(orderId=${o.id})}" rel="external nofollow" >view</a>
<a th:href="@{/order/details(orderId=${o.id},pid=${p.id})}" rel="external nofollow" >view</a>
鏈接表達(dá)式@{…}分別編寫(xiě)了絕對(duì)鏈接地址和相對(duì)鏈接地址。
在有參表達(dá)式中,需要按照@{路徑(參數(shù)名稱(chēng)=參數(shù)值,參數(shù)名稱(chēng)=參數(shù)值…)}的形式編寫(xiě),同時(shí)該參數(shù)的值可以使用變量表達(dá)式來(lái)傳遞動(dòng)態(tài)參數(shù)值
1.5 片段表達(dá)式 ~{…}
片段表達(dá)式~{…}用來(lái)標(biāo)記一個(gè)片段模板,并根據(jù)需要移動(dòng)或傳遞給其他模板。其中,最常見(jiàn)的用法是使用th:insert或th:replace屬性插入片段
<div th:insert="~{thymeleafDemo::title}"></div>
thymeleafDemo為模板名稱(chēng),Thymeleaf會(huì)自動(dòng)查找“/resources/templates/”目錄下的thymeleafDemo模板,title為片段名稱(chēng)
二、基本使用
2.1 Thymeleaf模板基本配置
首先 在Spring Boot項(xiàng)目中使用Thymeleaf模板,首先必須保證引入Thymeleaf依賴(lài)
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
其次,在全局配置文件中配置Thymeleaf模板的一些參數(shù)。一般Web項(xiàng)目都會(huì)使用下列配置
spring.thymeleaf.cache = true #啟用模板緩存 spring.thymeleaf.encoding = UTF_8 #模板編碼 spring.thymeleaf.mode = HTML5 #應(yīng)用于模板的模板模式 spring.thymeleaf.prefix = classpath:/templates/ #指定模板頁(yè)面存放路徑 spring.thymeleaf.suffix = .html #指定模板頁(yè)面名稱(chēng)的后綴
上述配置中:
spring.thymeleaf.cache表示是否開(kāi)啟Thymeleaf模板緩存,默認(rèn)為true,在開(kāi)發(fā)過(guò)程中通常會(huì)關(guān)閉緩存,保證項(xiàng)目調(diào)試過(guò)程中數(shù)據(jù)能夠及時(shí)響應(yīng);
spring.thymeleaf.prefix指定了Thymeleaf模板頁(yè)面的存放路徑,默認(rèn)為classpath:/templates/;
spring.thymeleaf.suffix指定了Thymeleaf模板頁(yè)面的名稱(chēng)后綴,默認(rèn)為.html
到此這篇關(guān)于Java基礎(chǔ)總結(jié)之Thymeleaf模板的文章就介紹到這了,更多相關(guān)Java Thymeleaf模板內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
java連接MySQL數(shù)據(jù)庫(kù)的代碼
這篇文章主要為大家詳細(xì)介紹了java連接MySQL數(shù)據(jù)庫(kù)的相關(guān)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10
解決springboot遇到autowire注入為null的問(wèn)題
這篇文章主要介紹了解決springboot遇到autowire注入為null的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2021-03-03
關(guān)于maven本地倉(cāng)庫(kù)的配置方式
這篇文章主要介紹了關(guān)于maven本地倉(cāng)庫(kù)的配置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06
詳解 maven的pom.xml用<exclusion>解決版本問(wèn)題
這篇文章主要介紹了詳解 maven的pom.xml用<exclusion>解決版本問(wèn)題的相關(guān)資料,希望通過(guò)本文能幫助到大家,需要的朋友可以參考下2017-09-09
MyBatis各種類(lèi)型查詢數(shù)據(jù)參數(shù)綁定的實(shí)現(xiàn)
本文主要介紹了MyBatis各種類(lèi)型查詢數(shù)據(jù)參數(shù)綁定的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06

