在HTML中引入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并使用其自动提示功能，实现前后端数据的交互和渲染。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。