如何在spring boot中将数据从一个html页面转移到另一个html页面？

在Spring Boot中，将数据从一个HTML页面转移到另一个HTML页面通常涉及以下几个步骤：

基础概念

Thymeleaf模板引擎：Spring Boot默认使用Thymeleaf作为模板引擎来渲染HTML页面。
Controller：Spring Boot中的控制器，用于处理HTTP请求并返回相应的视图。
Model：用于在控制器和视图之间传递数据。

类型

GET请求：用于获取数据并显示在页面上。
POST请求：用于提交表单数据并进行处理。

应用场景

表单提交：用户在一个页面填写表单，提交后在另一个页面显示提交的数据。
分页显示：在一个页面显示部分数据，点击下一页后在另一个页面显示更多数据。

示例代码

1. 创建Controller

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

@Controller
public class MyController {

    @GetMapping("/page1")
    public String showPage1() {
        return "page1";
    }

    @PostMapping("/page2")
    public String showPage2(@RequestParam String data, Model model) {
        model.addAttribute("data", data);
        return "page2";
    }
}

2. 创建HTML页面

page1.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Page 1</title>
</head>
<body>
    <h1>Page 1</h1>
    <form action="/page2" method="post">
        <input type="text" name="data" placeholder="Enter data">
        <button type="submit">Submit</button>
    </form>
</body>
</html>

page2.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Page 2</title>
</head>
<body>
    <h1>Page 2</h1>
    <p th:text="'Data received: ' + ${data}"></p>
</body>
</html>