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

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

查看Thymeleaf的文檔

在開始之前，我們首先需要查看Thymeleaf的官方文檔，以了解其基本用法和特性?？梢栽谖臋n中找到示例代碼，其中在HTML標(biāo)簽內(nèi)部有一個屬性【xmlns:th】，如下圖所示：

添加Thymeleaf屬性到HTML文件

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

在Controller中傳入?yún)?shù)

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

在HTML文件中獲取后端的值

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

啟動Spring Boot項目并測試

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

Thymeleaf渲染效果

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

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

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