當開發Spring Boot項目時，我們經常會使用Thymeleaf作為模板引擎來渲染前端頁面。本文將介紹如何在HTML文件中引入Thymeleaf，并使用其自動提示功能。 查看Thymeleaf的

當開發Spring Boot項目時，我們經常會使用Thymeleaf作為模板引擎來渲染前端頁面。本文將介紹如何在HTML文件中引入Thymeleaf，并使用其自動提示功能。

查看Thymeleaf的文檔

在開始之前，我們首先需要查看Thymeleaf的官方文檔，以了解其基本用法和特性。可以在文檔中找到示例代碼，其中在HTML標簽內部有一個屬性【xmlns:th】，如下圖所示：

添加Thymeleaf屬性到HTML文件

接下來，我們需要將示例中的【xmlns:th】屬性添加到我們的項目的HTML文件中。這樣，在該HTML文件中，我們就可以使用Thymeleaf的自動提示功能了，如下圖所示：

在Controller中傳入參數

為了在前端獲取后端的值，我們需要在自己的Controller中設置一個Map變量，并將其傳遞給Thymeleaf。示例如下：

在HTML文件中獲取后端的值

在HTML文件中，我們可以使用【th:text】屬性通過【${}】方式來獲取后端傳遞的值。示例如下：

啟動Spring Boot項目并測試

現在，我們可以啟動Spring Boot項目，并在瀏覽器中輸入對應的地址來測試前端是否成功獲取后端的值。示例如下：

Thymeleaf渲染效果

我們可以進一步進行實驗，在HTML文件的傳值標簽中添加一段文字。然后，通過瀏覽器直接打開該HTML文件，我們可以看到瀏覽器顯示的是標簽中的文字，而不是Thymeleaf渲染后的結果。這是因為直接打開HTML文件時，沒有經過Thymeleaf渲染。示例如下：

但是，如果我們通過瀏覽器訪問經過Thymeleaf渲染后的HTML文件，就會看到后端傳遞的值被正確替換了標簽中的內容。示例如下：

通過以上步驟，我們可以在Spring Boot項目中成功引入Thymeleaf并使用其自動提示功能，實現前后端數據的交互和渲染。