Springboot詳解如何整合使用Thymeleaf

2022-06-28 14:02:54

模板引擎的作用就是我們來寫一個頁面模板，比如有些值呢，是動態的，我們寫一些表示式。而這些值，從哪來呢，就是我們在後臺封裝一些資料。然後把這個模板和這個資料交給我們模板引擎，模板引擎按照我們這個資料幫你把這表示式解析、填充到我們指定的位置，然後把這個資料最終生成一個我們想要的內容給我們寫出去，這就是我們這個模板引擎

如果我們沒有模板引擎的話，在頁面中會提示500

引入Thymeleaf

在專案中加入依賴

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

Thymeleaf 官網：https://www.thymeleaf.org/

Thymeleaf 在Github 的主頁：https://github.com/thymeleaf/thymeleaf

Spring官方檔案：找到我們對應的版本

https://docs.spring.io/spring-boot/docs/2.3.7.RELEASE/reference/htmlsingle/

我們可以有通過上述的頁面找到我們需要的依賴，進而複製貼上即可。

引入之後我們再次執行。nice

注意：使用Thymeleaf，只需要匯入對應的依賴即可。同時我們的html頁面試放在我們的templates目錄下的。

至於為什麼，我們看原始碼，這段原始碼在ThymeleafProperties下。

private String prefix = "classpath:/templates/";
private String suffix = ".html";

取值

那麼我們應該怎麼取值呢

首先在controller下編寫程式碼

@Controller
public class HelloController {
    @RequestMapping("/test")
    public String hello(Model model){
        model.addAttribute("msg","王木木");
        return "test";
    }
}

接下來我們在html頁面中編寫

因為我們要使用thymeleaf，需要在html檔案中匯入名稱空間的約束。

<html lang="en" xmlns:th="http://www/thymeleaf.org">

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www/thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:text="${msg}"></div>
</body>
</html>

成功執行後

這裡需要這個的th標籤。所有的html元素都科一被thymeleaf替換接管，格式為th:元素名

有無跳脫

從controller傳一段資訊

model.addAttribute("msg","<h1>王木木</h1>");

html中使用跳脫和不跳脫的情況

<div th:text="${msg}"></div>
<div th:utext="${msg}"></div>

執行結果

迴圈

同樣在controller裡傳一段資訊

model.addAttribute("users", Arrays.asList("wangmumu","王木木"));

接下來在html中進行取值

<h2 th:each="user:${users}" th:text="${user}"></h2>

執行結果

到此這篇關於Springboot詳解如何整合使用Thymeleaf的文章就介紹到這了,更多相關Springboot Thymeleaf內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！

Springboot詳解如何整合使用Thymeleaf

目錄

引入Thymeleaf

取值

有無跳脫

迴圈

熱門文章