Thymeleaf模板引用java

原创

mob64ca12dedda8 2025-01-06 06:20:05 ©著作权

文章标签 User Java spring 文章分类 Java 后端开发

©著作权归作者所有：来自51CTO博客作者mob64ca12dedda8的原创作品，请联系作者获取转载授权，否则将追究法律责任

Thymeleaf模板引用Java

Thymeleaf是一种Java的现代服务器端模板引擎，通常用于Web应用中的HTML、XML等文件的开发。它的语法简单、灵活，并且与Spring框架的结合使用非常好。本文将介绍如何在Thymeleaf模板中引用Java对象，以便数据显示。

基本用法

使用Thymeleaf，你可以轻松地在HTML中引用Java对象的属性。例如，假设我们有一个简单的Java类User，它有两个属性：name和age。

public class User {
    private String name;
    private int age;

    // 构造函数
    public User(String name, int age) {
        this.name = name;
        this.age = age;
    }

    // getter 和 setter
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }
}

接下来，我们在控制器中创建一个User对象，并将其添加到模型中：

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

@Controller
public class UserController {

    @GetMapping("/user")
    public String getUser(Model model) {
        User user = new User("Alice", 30);
        model.addAttribute("user", user);
        return "user"; // 返回的模板名称
    }
}

Thymeleaf模板中的引用

在user.html模板中，我们可以通过Thymeleaf语法引用User对象的属性。

<!DOCTYPE html>
<html xmlns:th="
<head>
    <title>User Information</title>
</head>
<body>
    User Information
    <p>Name: <span th:text="${user.name}">Default Name</span></p>
    <p>Age: <span th:text="${user.age}">Default Age</span></p>
</body>
</html>

在这里，我们使用了${user.name}和${user.age}来引用User对象的name和age属性。当用户访问/user路径时，Thymeleaf会渲染出相应的用户信息。

类图

为了更好地理解这些类之间的关系，这里是一个类图，展示了User类及其与UserController的关系。

classDiagram
    class User {
        +String name
        +int age
        +getName()
        +getAge()
    }

    class UserController {
        +getUser(Model model)
    }

    UserController --> User : creates

开发进度

开发一个简单的Thymeleaf模板的过程可以用甘特图展示，以下是一个基本的开发计划：

gantt
    title Thymeleaf Template Development Plan
    dateFormat  YYYY-MM-DD
    section Preparation
    Set up Spring Boot         :done,    des1, 2023-10-01, 2023-10-02
    section Development
    Create User model         :done,    des2, 2023-10-03, 2023-10-05
    Develop UserController    :done,    des3, 2023-10-06, 2023-10-07
    Build Thymeleaf template   :active,  des4, 2023-10-08, 2023-10-10
    section Testing
    Unit testing               :         des5, after des4, 3d
    Integration testing        :         des6, after des5, 3d