springBoot加入thymeleaf模板

1.新建springBoot專案

在前面有兩種方式

2.加入thymeleaf模板引擎

SpringBoot推薦使用thymeleaf模板引擎
語法簡單，功能更強大
要想引入thymeleaf，只需要在pom,xml檔案中加入如下依賴就可以了
在這裡插入圖片描述

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

3.在controller中定義跳轉的頁面

在這裡插入圖片描述會自動去templates資料夾下去找index.html

在這裡插入圖片描述

4.執行，然後存取專案

輸入http://localhost:8080/testThymeleaf即可存取index.html

在這裡插入圖片描述

5.在html頁面中加入thymeleaf模板標籤所需的名稱空間

在這裡插入圖片描述

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>測試thymeleaf模板</title>
</head>
<body>
歡迎來到測試thymeleaf介面
</body>
</html>

6.將controller資料通過thymeleaf標籤傳到前端介面

把資料放在controller的map中
在這裡插入圖片描述前端通過標籤取出資料

顯示效果

在這裡插入圖片描述

6.thymeleaf標籤語法

官方檔案
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.pdf
thymeleaf中文
https://raledong.gitbooks.io/using-thymeleaf/content/Chapter1/section1.1.html

常用標籤介紹
在這裡插入圖片描述

在這裡插入圖片描述