快捷導(dǎo)航

springboot 中 thymeleaf 常用的語法完整實(shí)例

更新時(shí)間：2024年03月28日 11:59:46 作者：人生萬事須自為，跬步江山即寥廓。

在 Spring Boot 項(xiàng)目中,Thymeleaf 是一個(gè)常用的模板引擎,它提供了豐富的語法來動(dòng)態(tài)渲染 HTML 頁面,下面給大家介紹springboot 中 thymeleaf 常用的語法完整實(shí)例,感興趣的朋友一起看看吧

Thymeleaf 常用語法

表達(dá)式：

<!-- 獲取變量值 -->
<p th:text="${message}">默認(rèn)消息</p>
<!-- 獲取對(duì)象的屬性 -->
<p th:text="${user.name}">默認(rèn)用戶名</p>

選擇：

<!-- 判斷 -->
<p th:if="${user.active}">用戶激活</p>
<!-- 選擇 -->
<div th:switch="${user.role}">
    <p th:case="'admin'">管理員</p>
    <p th:case="'user'">普通用戶</p>
</div>

鏈接：

<!-- 跳轉(zhuǎn)到指定 URL -->
<a th:href="@{/profile}" rel="external nofollow" >查看資料</a>
<!-- 帶參數(shù)的 URL -->
<a th:href="@{/profile(id=${user.id})}" rel="external nofollow"  rel="external nofollow" >查看資料</a>

屬性：

<!-- 替換屬性 -->
<div th:attr="id=${user.id}, class=${user.active ? 'active' : 'inactive'}">用戶信息</div>

片段：

<!-- 引入片段 -->
<div th:insert="~{commons :: header}">頁面頭部</div>
<!-- 替換片段 -->
<div th:replace="~{commons :: header}">頁面頭部</div>

內(nèi)容：

<!-- 插入內(nèi)容 -->
<div th:insert="~{commons :: content">
    <!-- 頁面內(nèi)容 -->
</div>
<!-- 替換內(nèi)容 -->
<div th:replace="~{commons :: content">
    <!-- 頁面內(nèi)容 -->
</div>

完整代碼

以下是一個(gè)完整的 Spring Boot + Thymeleaf 示例，包括一個(gè)簡單的控制器和一個(gè) Thymeleaf 模板文件。

pom.xml

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
    <!-- 其他依賴 -->
</dependencies>

application.properties

spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.cache=false

ThymeleafController.java

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class ThymeleafController {
    @GetMapping("/")
    public String index(Model model) {
        model.addAttribute("message", "歡迎來到 Spring Boot + Thymeleaf 示例！");
        return "index";
    }
}

index.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Spring Boot + Thymeleaf 示例</title>
</head>
<body>
    <h1 th:text="${message}">默認(rèn)消息</h1>
</body>
</html>

application.properties

properties

spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.cache=false

index.html (繼續(xù))

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Spring Boot + Thymeleaf 示例</title>
</head>
<body>
    <h1 th:text="${message}">默認(rèn)消息</h1>
    <p th:if="${user.active}">用戶已激活</p>
    <p th:unless="${user.active}">用戶未激活</p>
    <div th:switch="${user.role}">
        <p th:case="'admin'">管理員</p>
        <p th:case="'user'">普通用戶</p>
        <p th:case="*">未知角色</p>
    </div>
    <a th:href="@{/profile(id=${user.id})}" rel="external nofollow"  rel="external nofollow" >查看資料</a>
    <div th:insert="~{commons :: header}">頁面頭部</div>
    <div th:replace="~{commons :: content}">頁面內(nèi)容</div>
</body>
</html>

Commons.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>公共片段</title>
</head>
<body>
    <div th:fragment="header">頁面頭部</div>
    <div th:fragment="content">頁面內(nèi)容</div>
</body>
</html>

總結(jié)

Thymeleaf 提供了豐富的語法來動(dòng)態(tài)渲染 HTML 頁面，包括表達(dá)式、選擇、鏈接、屬性、片段和內(nèi)容等。通過這些語法，你可以輕松地在 Spring Boot 應(yīng)用中實(shí)現(xiàn)數(shù)據(jù)驅(qū)動(dòng)的頁面渲染。在實(shí)際開發(fā)中，你可以根據(jù)項(xiàng)目需求靈活運(yùn)用這些語法，以創(chuàng)建功能豐富且易于維護(hù)的 Web 應(yīng)用。

以上內(nèi)容涵蓋了 Thymeleaf 的基本語法和示例代碼，希望這能幫助你了解如何在 Spring Boot 項(xiàng)目中使用 Thymeleaf。

到此這篇關(guān)于springboot 中 thymeleaf 常用的語法的文章就介紹到這了,更多相關(guān)springboot thymeleaf 語法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: