Thymeleaf 实现迭代器例子th:each

最新推荐文章于 2024-07-17 15:34:35 发布

前方太黑暗

最新推荐文章于 2024-07-17 15:34:35 发布

阅读量593

点赞数 2

分类专栏： Thymeleaf 文章标签： th:each th:with Thymeleaf迭代器

本文链接：https://blog.csdn.net/xcc_2269861428/article/details/101703178

版权

Thymeleaf 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

第一种直接使用传递过来的参数进行遍历

@GetMapping("/one")
    public String one(ModelMap map){
        List<User> list = new ArrayList<>();
        User user = new User();
        user.setId(100);
        user.setName("马上10月1了");

        User user2 = new User();
        user2.setId(101);
        user2.setName("70周年到了");

        User user3 = new User();
        user3.setId(102);
        user3.setName("在家看直播，外加火箭队中国赛");

        list.add(user);
        list.add(user2);
        list.add(user3);
        map.addAttribute("list",list);
        return "one";
    }

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        <li th:each="user : ${list}" th:text="${user.getName()}"></li>
    </ul>
</body>
</html>

第二种可以使用局部变量的形式 th:with

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul th:with="ul_list=${list}">
        <li th:each="user : ${ul_list}" th:text="${user.getName()}"></li>
    </ul>
</body>
</html>

使用th:with 创建局部变量后，我们可以在ul标签的里面任意调用

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul th:with="ul_list=${list}">
        <li th:each="user : ${ul_list}" th:text="${user.getName()}"></li>
        =====================================================
        <p th:each="user : ${ul_list}" th:text="${user.getName()}"></p>
    </ul>
</body>
</html>