1. 引言
随着Web应用程序的复杂性增加，传统的静态页面已经不能满足用户的需求。动态Web页面通过使用模板引擎可以方便地展示动态内容，并且允许开发者更加灵活地管理页面布局和内容。
2. 准备工作
在开始之前，请确保你已经安装了以下软件和组件：
- Java开发环境
- Spring Boot框架
- Thymeleaf模板引擎
3. 创建Spring Boot项目
首先，让我们创建一个基本的Spring Boot项目。假设我们的包名是cn.juwatech.webdemo。
package cn.juwatech.webdemo; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class WebDemoApplication { public static void main(String[] args) { SpringApplication.run(WebDemoApplication.class, args); } }
4. 添加Thymeleaf依赖
在pom.xml中添加Thymeleaf的Spring Boot Starter依赖：
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
5. 创建Controller
编写一个简单的Controller，用于处理Web页面请求：
package cn.juwatech.webdemo.controller; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; @Controller public class HomeController { @GetMapping("/") public String home(Model model) { model.addAttribute("message", "Hello, Spring Boot & Thymeleaf!"); return "home"; } }
6. 创建Thymeleaf模板
在src/main/resources/templates目录下创建home.html，作为我们的Thymeleaf模板：
<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Spring Boot & Thymeleaf Demo</title> </head> <body> <h1>Welcome</h1> <p th:text="'Message from Controller: ' + ${message}"></p> </body> </html>
7. 运行应用程序
启动Spring Boot应用程序，并访问http://localhost:8080，你将看到动态生成的页面显示了来自Controller的消息。
8. 添加更多功能
可以进一步扩展功能，如表单提交、条件渲染、循环展示等，Thymeleaf提供了丰富的语法和功能，帮助开发者轻松构建动态Web页面。
9. 集成前端资源
除了动态内容，Spring Boot也能很好地集成前端资源管理，如CSS、JavaScript等。在src/main/resources/static目录下放置静态资源文件，Spring Boot将会自动映射它们。
10. 总结
通过本文，我们学习了如何使用Spring Boot和Thymeleaf构建动态Web页面。从项目创建开始，到Thymeleaf模板的编写和Controller的配置，我们逐步了解了如何利用这些工具创建交互性强、内容动态的Web应用。
