Thymeleaf 标签学习之 th:each 的使用

脸¹点也不○

已于 2023-03-23 11:06:38 修改

阅读量6k

点赞数 6

CC 4.0 BY-SA版权

分类专栏： Thymeleaf 文章标签： java html

于 2023-03-06 15:12:56 首次发布

本文链接：https://blog.csdn.net/haoyanchun314/article/details/129360078

Thymeleaf 专栏收录该内容

6 篇文章

订阅专栏

文章详细介绍了如何在Thymeleaf中遍历List和Map，提供了具体的HTML和Java代码示例。对于List，展示了如何访问遍历状态如索引、个数、当前对象等；对于Map，演示了获取当前对象的key和value的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、使用范围

支持 Iterable、Map、数组、List等

二、结构属性详解

遍历List

<div th:each="temp,status :${list}></div>

${list}：是后台传过来的要进行遍历的集合
temp：${list}中的遍历的对象【可以随便取名】
status：是循环体的信息，通过该变量可以获取如下遍历的状态对象【可以随便取名】
3-1. status.index → 当前索引，从0开始
3-2. status.count → 当前迭代对象的个数，从1开始
3-3. status.size → 被迭代对象的长度
3-4. status.current → 当前对象
3-5. status.even → 当前索引是否为偶数
3-6. status.odd → 当前索引是否为奇数
3-7. status.first → 当前遍历对象是否是第一个
3-8. status.last → 当前对象是否是最后一个

遍历Map

<div th:each=" temp : ${map}"></div>

getKey() → 获取当前对象的key
getValue() → 获取当前对象的value

二、使用详解

JAVA代码

@GetMapping(value = "/test")
public ModelAndView th2(ModelAndView model) {
    ModelAndView model1 = new ModelAndView("thymeleaf");
    // List集合作成
    List<String> list = new ArrayList<>();
    list.add("admin");
    list.add("role");
    list.add("age");
    model1.addObject("list", list);

    // Map集合作成
    Map<String, String> map = new HashMap<>();
    map.put("key1", "value1");
    map.put("key2", "value2");
    map.put("key3", "value3");
    model1.addObject("map", map);
    return model1;
}

1.遍历List `与数组同样使用`

实例：

<div th:each="temp,status : ${list}">
    <span th:text="${status.index}"></span>
    <span th:text="${status.count}"></span>
    <span th:text="${status.size}"></span>
    <span th:text="${status.current}"></span>
    <span th:text="${status.even}"></span>
    <span th:text="${status.odd}"></span>
    <span th:text="${status.first}"></span>
    <span th:text="${status.last}"></span>
    <span th:text="${temp}"></span>
</div>

Html编译结果：

索引 (index)	迭代个数 (count)	被迭代对象长度 (size)	当前对象 (current)	索引是否为偶数 (even)	索引是否为奇数 (odd)	是否是第一个 (first)	是否是最后一个 (last)	当前对象 (temp)
0	1	3	admin	false	true	true	false	admin
1	2	3	role	true	false	false	false	role
2	3	3	age	false	true	false	true	age

2.遍历Map

实例：

<div th:each=" temp : ${map}">
    <span th:text="${temp}"></span>
    <span th:text=" 'key:'+ ${temp.getKey()}"></span>
    <span th:text=" 'value:'+${temp.getValue()}"></span>
</div>