在SpringBoot使用Thymeleaf模板引擎

小灰灰 2024-03-26 16:01 69阅读 0赞

**第一步：在pom.xml文件导入thymeleaf依赖**

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

这时候代码会出现报红的情况，点击右上角的按钮，加载依赖就可以解决

![3c749c00aa064bd899f338c03dac2b84.png][]

**第二步：创建thymeleaf的模板页面**

1、在templates文件夹下创建一个HTML文件，右键templates文件夹，New,HTML File

![0e3c395950474cd7b6d9798852dcdce2.png][]

创建好的.html文件需要对<html>的开始标签进行修改

th:text="$\{\}" 这是thymeleaf特有的标签，学过EL表达式就会知道这个类似于EL的c标签<c:out>,<c:set>之类的

<!DOCTYPE html>
    <html xmlns:th="http:/www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>index</title>
    </head>
    <body>
    <h1 th:text="${message}">Hi!</h1>
    </body>
    </html>

**第三步：创建Controller类**

@Controller
    public class ThymeleafController {
        @GetMapping({"/" , "/index"}) 
        public String index(Model model){
            model.addAttribute("message","Hello，thymeleaf");
            return "index"; //返回index视图
        }
    }

**@Controller** 作用：返回一个视图

**\{"/" , "/index"\}** 作用：可以使用/或者/index来访问controller的方法

**最后，启动项目**

点击右上角的绿色箭头，到浏览器输入http://localhost:8080/index访问（可以在下方控制台查看机子的端口号）

效果图，在这里就不展示了

[3c749c00aa064bd899f338c03dac2b84.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/a91c5d2a32bf43e0b1a6dec1227f2c22.png
[0e3c395950474cd7b6d9798852dcdce2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/fc6d699df3b04b3bb8d5bafeebd90c6e.png