快捷導(dǎo)航

SpringBoot中使用Thymeleaf模板詳情

更新時(shí)間：2022年04月25日 11:58:31 作者：??YuShiwen????

這篇文章主要介紹了SpringBoot中使用Thymeleaf模板詳情，hymeleaf是適用于Web和獨(dú)立環(huán)境的現(xiàn)代服務(wù)器端Java模板引擎，能夠處理HTML，XML，JavaScript，CSS甚至純文本，下文更多相關(guān)資料介紹需要的小伙伴可以參考一下

一.什么是Thymeleaf

官網(wǎng)原話(huà)：Thymeleaf是適用于Web和獨(dú)立環(huán)境的現(xiàn)代服務(wù)器端Java模板引擎，能夠處理HTML，XML，JavaScript，CSS甚至純文本。 Thymeleaf的主要目標(biāo)是提供一種優(yōu)雅且高度可維護(hù)的模板創(chuàng)建方式。為此，它以自然模板的概念為基礎(chǔ)，以不影響模板用作設(shè)計(jì)原型的方式將其邏輯注入模板文件。這樣可以改善設(shè)計(jì)溝通，并縮小設(shè)計(jì)團(tuán)隊(duì)與開(kāi)發(fā)團(tuán)隊(duì)之間的差距。Thymeleaf是一個(gè)HTML5模板引擎，可用于Web環(huán)境中的應(yīng)用開(kāi)發(fā)。Thymeleaf提供了一個(gè)用于整合Spring MVC的可選模塊，在應(yīng)用開(kāi)發(fā)中，你可以使用Thymeleaf來(lái)完全代替JSP或其他模板引擎，如Velocity、FreeMarker等。Thymeleaf的主要目標(biāo)在于提供一種可被瀏覽器正確顯示的、格式良好的模板創(chuàng)建方式。thymeleaf模板引擎，替代jsp。

二.SpringBoot中使用Thymeleaf模板

1.pom.xml中添加thymeleaf依賴(lài)

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

2.關(guān)閉thymeleaf緩存

在application.yml中的spring:下添加如下代碼(能讓改動(dòng)的頁(yè)面及時(shí)生效，實(shí)現(xiàn)類(lèi)似熱部署效果)：

#能讓改動(dòng)的頁(yè)面及時(shí)生效，實(shí)現(xiàn)類(lèi)似熱部署效果
thymeleaf:
    cache: false

注意縮進(jìn)，添加后縮進(jìn)如下：

3.創(chuàng)建thymeleaf模板頁(yè)面

創(chuàng)建一個(gè)普通的html文件hello.html，如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
</body>
</html>

在html的標(biāo)簽上加入名稱(chēng)空間xmlns:th="http://www.thymeleaf.org"表示該頁(yè)面是一個(gè)thymeleaf模板頁(yè)面。即把上述代碼中<html lang="en">換成<html lang="en" xmlns:th="http://www.thymeleaf.org"> 這樣就可以在頁(yè)面中的標(biāo)簽內(nèi)使用th屬性取出model中的值，類(lèi)似于EL表達(dá)式。具體用法代碼如下：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <p th:text="'歡迎來(lái)到中國(guó)，我叫'+${name}+',今年'+${age}+'歲。'"></p>
    <p>歡迎來(lái)到中國(guó)，我叫<span th:text="${name}"></span>,今年<span th:text="${age}"></span>歲。</p>
</body>
</html>

4.創(chuàng)建一個(gè)類(lèi)（用于與上述html頁(yè)面交互）

ackage com.ysw.springboot01.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
@RequestMapping("/thy")
public class ThymeleafController {
    @RequestMapping("/hello")
    public String hello0(Model model){
        //向model中存入數(shù)據(jù)
        model.addAttribute("name","李白");
        model.addAttribute("age","18");
        //跳轉(zhuǎn)到hello.html模版引擎
        return "hello";
    }
}