Spring Boot 动态加载 HTML

Spring Boot 是一个用于快速构建基于 Spring 框架的 Java 应用程序的开发框架。它提供了很多便利的功能，其中包括动态加载 HTML 页面的能力。本文将介绍如何使用 Spring Boot 实现动态加载 HTML 页面，并提供相关的代码示例。

1. 什么是动态加载 HTML？

动态加载 HTML 意味着在运行时根据需要生成 HTML 页面。与静态 HTML 页面相比，动态加载 HTML 页面更加灵活和可定制。通过动态加载 HTML 页面，我们可以根据特定的条件或用户请求生成不同的页面内容。

2. 如何实现动态加载 HTML？

要实现动态加载 HTML，我们可以使用 Spring Boot 中的 Thymeleaf 模板引擎。Thymeleaf 是一个流行的服务器端 Java 模板引擎，它允许我们在 HTML 页面中使用动态内容。

以下是使用 Spring Boot 和 Thymeleaf 实现动态加载 HTML 的步骤：

2.1 添加依赖

首先，我们需要在项目的构建文件（pom.xml）中添加 Thymeleaf 相关的依赖。可以在 Maven 或 Gradle 中添加以下依赖：

<dependencies>
    <!-- 其他依赖 -->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
</dependencies>

2.2 创建 HTML 模板

接下来，我们需要创建一个 HTML 模板，该模板将作为我们动态加载的基础。可以在 src/main/resources/templates 目录下创建一个名为 dynamic.html 的文件，并添加以下内容：

<!DOCTYPE html>
<html xmlns:th="
<head>
    <meta charset="UTF-8">
    <title>动态加载 HTML</title>
</head>
<body>
    默认标题
    <p th:text="${content}">默认内容</p>
</body>
</html>

在上面的代码中，我们使用了 Thymeleaf 的语法来指定动态内容的位置。

2.3 创建 Controller

然后，我们需要创建一个 Controller 类来处理请求并动态加载 HTML 页面。可以创建一个名为 DynamicController.java 的文件，并添加以下内容：

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class DynamicController {

    @GetMapping("/dynamic")
    public String dynamic(Model model) {
        model.addAttribute("title", "动态加载标题");
        model.addAttribute("content", "动态加载内容");
        return "dynamic";
    }
}

上面的代码中，我们使用了 @Controller 注解将类声明为一个控制器，并使用 @GetMapping 注解将 dynamic() 方法映射到 /dynamic 路径。在该方法中，我们使用 Model 参数来传递动态内容的值，并返回模板名称 "dynamic"。

2.4 运行应用程序

最后，我们可以运行我们的应用程序并访问 /dynamic 路径来查看动态加载的 HTML 页面。可以使用以下命令运行应用程序：

mvn spring-boot:run

访问 http://localhost:8080/dynamic 将显示动态加载的 HTML 页面，其中包含动态的标题和内容。

3. 序列图

为了更好地理解动态加载 HTML 的过程，我们可以使用序列图来描述相关的交互。以下是动态加载 HTML 的序列图：

sequenceDiagram
    participant User
    participant Controller
    participant ViewResolver
    participant TemplateEngine
    participant Thymeleaf
    participant HTMLTemplate

    User->>Controller: 发起请求 /dynamic
    Controller->>Controller: 处理请求
    Controller->>ViewResolver: 解析视图名 "dynamic"
    ViewResolver->>TemplateEngine: 解析模板 "dynamic"
    TemplateEngine->>Thymeleaf: 处理模板 "dynamic"
    Thymeleaf->>HTMLTemplate: 渲染动态内容
    HTMLTemplate-->>Thymeleaf: 返回渲染后的内容
    Thymeleaf-->>TemplateEngine: 返回渲染后的内容
    TemplateEngine-->>ViewResolver: 返回视图对象