Thymeleaf模板在Spring Boot中如何进行数据绑定

   2024-09-30 9700
核心提示:在 Spring Boot 中,使用 Thymeleaf 模板进行数据绑定主要包括以下几个步骤:添加依赖首先,确保你的项目中已经添加了 Thymeleaf

在 Spring Boot 中,使用 Thymeleaf 模板进行数据绑定主要包括以下几个步骤:

添加依赖

首先,确保你的项目中已经添加了 Thymeleaf 和 Spring Boot 相关的依赖。在 pom.xml 文件中添加以下依赖:

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

创建一个 Controller 类,用于处理 HTTP 请求并返回 Thymeleaf 模板。例如,创建一个名为 UserController 的类:

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.RequestMapping;@Controller@RequestMapping("/user")public class UserController {    @GetMapping("/form")    public String showForm(Model model) {        model.addAttribute("user", new User());        return "userForm";    }    @PostMapping("/submit")    public String submitForm(@ModelAttribute User user) {        // 处理提交的数据,例如保存到数据库        System.out.println("User: " + user);        return "userResult";    }}
创建实体类

创建一个实体类,例如 User,用于存储表单数据:

public class User {    private String name;    private int age;    // getter 和 setter 方法    // ...    @Override    public String toString() {        return "User{" +                "name='" + name + '\'' +                ", age=" + age +                '}';    }}
创建 Thymeleaf 模板

在 src/main/resources/templates 目录下创建两个 Thymeleaf 模板文件:userForm.html 和 userResult.html。

userForm.html:

<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head>    <title>User Form</title></head><body>    <h1>User Form</h1>    <form action="#" th:action="@{/user/submit}" th:object="${user}" method="post">        <label for="name">Name:</label>        <input type="text" id="name" th:field="*{name}" />        <br/>        <label for="age">Age:</label>        <input type="number" id="age" th:field="*{age}" />        <br/>        <input type="submit" value="Submit" />    </form></body></html>

userResult.html:

<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head>    <title>User Result</title></head><body>    <h1>User Result</h1>    <p th:text="'Name: ' + ${user.name}"></p>    <p th:text="'Age: ' + ${user.age}"></p></body></html>
运行应用程序

运行你的 Spring Boot 应用程序,然后访问 http://localhost:8080/user/form,你将看到一个表单,可以输入用户信息。提交表单后,将显示用户信息。这就是在 Spring Boot 中使用 Thymeleaf 模板进行数据绑定的基本过程。

 
举报打赏
 
更多>同类物流大全
推荐图文
推荐物流大全
点击排行

网站首页  |  关于我们  |  联系方式 | 网站留言    |  赣ICP备2021007278号