1. 程式人生 > 程式設計 >springBoot加入thymeleaf模板的方式

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

常用標籤介紹

在這裡插入圖片描述

在這裡插入圖片描述
在這裡插入圖片描述

到此這篇關於springBoot加入thymeleaf模板的方式的文章就介紹到這了,更多相關springBoot thymeleaf模板內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!