使用 thymeleaf 获取用户列表

1，新建ThymeleafContorllor类


package com.xiang.controller;

import com.xiang.model.User;
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;

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;

@Controller
@RequestMapping("/xiang")
public class ThymeleafContorllor {

    @GetMapping("/user/userList")
    public  String userList(Model model){
        List<User> list = new ArrayList<>();


        try {
            SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
            User user = new User();
            user.setId(001);
            user.setName("小向");
            user.setBirthday(format.parse("2000-06-23"));
            list.add(user);

            user = new User();
            user.setId(002);
            user.setName("小小");
            user.setBirthday(format.parse("2021-11-11"));
            list.add(user);

            user = new User();
            user.setId(003);
            user.setName("小小");
            user.setBirthday(format.parse("2021-11-11"));
            list.add(user);

            user = new User();
            user.setId(004);
            user.setName("小小");
            user.setBirthday(format.parse("2021-11-11"));
            list.add(user);


            model.addAttribute("users",list);

        } catch (ParseException e) {
            e.printStackTrace();
        }
        return "userList";
    }

}

2，新建model包下新建User类

package com.xiang.model;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.ToString;
import org.springframework.format.annotation.DateTimeFormat;

import java.util.Date;

@Data
@ToString
@AllArgsConstructor
@NoArgsConstructor
public class User {
//包含：id, name, birthday(日期), salary(浮点类型 工资)等字段
    private Integer id;
    private  String name;
    @DateTimeFormat(pattern ="yyyy-MM-dd")
    private Date birthday;
    private  Double salary;
}

3，在resources 下的 templates目录下编写前端代码文件名为：userList.html


<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>userList</title>
</head>
<body>


<h3>用户列表</h3>
<table border="1">
  <tr>
    <th>编号</th>
    <th>姓名</th>
    <th>生日（美国时间）</th>
    <th>生日(中国时间)</th>
  </tr>
  <tr th:each="user:${users}">
    <td th:text="${user.id}"></td>
    <td th:text="${user.name}"></td>
    <td th:text="${user.birthday}"></td>
    <td th:text="${#dates.format(user.birthday, 'yyyy-MM-dd mm:HH')}"></td>

  </tr>
</table>


</body>
</html>

3，运行结果截图