当前位置：首页 > news >正文

springboot 下的Thymeleaf 前端渲染引擎

news 2026/6/24 21:26:16

Thymeleaf 是一种现代化的服务器端 Java 模板引擎，常用于 Spring Boot 项目中，支持动态页面渲染和前后端分离。

1. 创建 Spring Boot 项目

使用 IDE（如 IntelliJ IDEA）创建一个 Spring Boot 项目。
在项目创建时，选择以下依赖： Spring Web：用于构建 Web 应用。 Thymeleaf：模板引擎支持。

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

2. 配置 Thymeleaf

在 application.properties 或 application.yml 中添加以下配置：

spring.thymeleaf.cache=false # 禁用缓存（开发时使用）
spring.thymeleaf.prefix=classpath:/templates/ # 模板文件路径
spring.thymeleaf.suffix=.html # 模板文件后缀
spring.thymeleaf.encoding=UTF-8 # 文件编码

3. 编写 Controller

创建一个控制器类，用于处理请求并传递数据到模板：

package com.example.demo.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class DemoController {@GetMapping("/hello")public String hello(Model model) {model.addAttribute("message", "欢迎使用 Thymeleaf!");return "hello"; // 对应 templates/hello.html
   }
}

4. 创建 Thymeleaf 模板

在 src/main/resources/templates 目录下创建 hello.html 文件：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head><title>Thymeleaf 示例</title>
</head>
<body><h1 th:text="${message}">默认消息</h1>
</body>
</html>

5. 启动项目并测试