Thymeleaf数据迭代使用th:each属性，可以迭代数组、List、Set和Map等，数组、List、Set的迭代方法类似，迭代Map则会得到一个java.util.Map.Entry对象。
在迭代过程中，还可以获取迭代状态的变量，如迭代索引、数据集合大小等等。

开发环境：IntelliJ IDEA 2019.2.2
Spring Boot版本：2.1.8

新建一个名称为demo的Spring Boot项目。

1、pom.xml
加入Thymeleaf依赖

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-thymeleaf</artifactId>

        </dependency>

2、src/main/java/com/example/demo/User.java

package com.example.demo;

public class User {

    Integer id;

    String name;

    public User(Integer id, String name) {

        this.id = id;

        this.name = name;

    }

    public Integer getId() {

        return id;

    }

    public void setId(Integer id) {

        this.id = id;

    }

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

}

3、src/main/java/com/example/demo/TestController.java

package com.example.demo;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

@Controller

public class TestController {

    @RequestMapping("/")

    public String test(Model model){

        List<User> users = new ArrayList<User>();

        users.add(new User(1,"张三"));

        users.add(new User(2,"李四"));

        users.add(new User(3,"王五"));

        model.addAttribute("users", users);

        Map<String, User> userMap = new HashMap<String,User>();

        userMap.put("a", new User(4, "赵六"));

        userMap.put("b", new User(5, "钱七"));

        model.addAttribute("userMap", userMap);

        return "test";

    }

}

4、src/main/resources/templates/test.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style type="text/css">

        table { border-collapse:collapse;}

        td { border: 1px solid #C1DAD7;}

    </style>

</head>

<body>

<div>迭代List</div>

<table>

    <tr th:each="user : ${users}">

        <td th:text="${user.id}"></td>

        <td th:text="${user.name}"></td>

    </tr>

</table>

<div>迭代Map</div>

<table>

    <tr th:each="map : ${userMap}">

        <td th:text="${map.key} + |--| + ${map.value.id} + |--| + ${map.value.name}"></td>

    </tr>

</table>

<div>迭代状态对象</div>

<table>

    <tr th:each="data,iterState : ${#numbers.sequence(0,2)}"

        th:style="|background-color:| + ${iterState.odd ? 'while' : 'gray'}">

        <td th:text="|从0开头的索引:| + ${iterState.index}"></td>

        <td th:text="|从1开头的索引:| + ${iterState.count}"></td>

        <td th:text="|数据集合大小:| + ${iterState.size}"></td>

        <td th:text="|当前节点:| + ${iterState.current}"></td>

        <td th:text="|是否第一次迭代:| + ${iterState.first}"></td>

        <td th:text="|是否最后一次迭代:| + ${iterState.last}"></td>

        <td th:text="|是否偶数迭代:| + ${iterState.even}"></td>

        <td th:text="|是否奇数迭代:| + ${iterState.odd}"></td>

    </tr>

</table>

上面的iterState是显式声明的迭代状态对象，也可以按默认规划“节点变量名+Stat”获取

<table>

    <tr th:each="data : ${#numbers.sequence(0,2)}"

        th:style="|background-color:| + ${dataStat.odd ? 'while' : 'gray'}">

        <td th:text="${data}"></td>

    </tr>

</table>

<table>

    <tr th:each="user : ${users}"

        th:style="|background-color:| + ${userStat.odd ? 'while' : 'gray'}">

        <td th:text="${user.id}"></td>

        <td th:text="${user.name}"></td>

    </tr>

</table>

</body>

</html>

浏览器访问：http://localhost:8080，截图如下：

右键查看网页源代码，生成的HTML源码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style type="text/css">

        table { border-collapse:collapse;}

        td { border: 1px solid #C1DAD7;}

    </style>

</head>

<body>

<div>迭代List</div>

<table>

    <tr>

        <td>1</td>

        <td>张三</td>

    </tr>

    <tr>

        <td>2</td>

        <td>李四</td>

    </tr>

    <tr>

        <td>3</td>

        <td>王五</td>

    </tr>

</table>

<div>迭代Map</div>

<table>

    <tr>

        <td>a--4--赵六</td>

    </tr>

    <tr>

        <td>b--5--钱七</td>

    </tr>

</table>

<div>迭代状态对象</div>

<table>

    <tr style="background-color:while">

        <td>从0开头的索引:0</td>

        <td>从1开头的索引:1</td>

        <td>数据集合大小:3</td>

        <td>当前节点:0</td>

        <td>是否第一次迭代:true</td>

        <td>是否最后一次迭代:false</td>

        <td>是否偶数迭代:false</td>

        <td>是否奇数迭代:true</td>

    </tr>

    <tr style="background-color:gray">

        <td>从0开头的索引:1</td>

        <td>从1开头的索引:2</td>

        <td>数据集合大小:3</td>

        <td>当前节点:1</td>

        <td>是否第一次迭代:false</td>

        <td>是否最后一次迭代:false</td>

        <td>是否偶数迭代:true</td>

        <td>是否奇数迭代:false</td>

    </tr>

    <tr style="background-color:while">

        <td>从0开头的索引:2</td>

        <td>从1开头的索引:3</td>

        <td>数据集合大小:3</td>

        <td>当前节点:2</td>

        <td>是否第一次迭代:false</td>

        <td>是否最后一次迭代:true</td>

        <td>是否偶数迭代:false</td>

        <td>是否奇数迭代:true</td>

    </tr>

</table>

上面的iterState是显式声明的迭代状态对象，也可以按默认规划“节点变量名+Stat”获取

<table>

    <tr style="background-color:while">

        <td>0</td>

    </tr>

    <tr style="background-color:gray">

        <td>1</td>

    </tr>

    <tr style="background-color:while">

        <td>2</td>

    </tr>

</table>

<table>

    <tr style="background-color:while">

        <td>1</td>

        <td>张三</td>

    </tr>

    <tr style="background-color:gray">

        <td>2</td>

        <td>李四</td>

    </tr>

    <tr style="background-color:while">

        <td>3</td>

        <td>王五</td>

    </tr>

</table>

</body>

</html>

Thymeleaf常用语法：数据迭代的更多相关文章

  1. Thymeleaf常用语法：表达式语法之运算符

    Thymeleaf表达式语法之常量分为字符串常量.数字常量.布尔值常量.空值常量:运算符分为算术运算符.关系运算符.条件运算符.无操作符. 开发环境:IntelliJ IDEA 2019.2.2Spr ...

  2. Thymeleaf常用语法：数据延迟加载

    在处理模板时,可以由模板逻辑决定是否加载数据,以提高性能.在Spring Boot控制器中设置数据时,使用LazyContextVariable可以实现这功能. 开发环境:IntelliJ IDEA ...

  3. 1-9springboot之thymeleaf常用语法（html页面）

    一.引用命名空间 <html xmlns:th="http://www.thymeleaf.org"> 在html中引入此命名空间,可避免编辑器出现html验证错误,虽 ...

  4. thymeleaf常用语法

    常用标签语法:①th:text<span th:text="${name}">1</span>注释:如果${name}有值则将替换掉1的值,若无则为1 ②t ...

  5. Thymeleaf常用语法：模板片断

    系统中的很多页面有很多公共内容,例如菜单.页脚等,这些公共内容可以提取放在一个称为“模板片断”的公共页面里面,其它页面可以引用这个 “模板片断”内容. 一.模板片断的定义 可以是html标签,也可以使 ...

  6. Thymeleaf常用语法：模板注释

    Thymeleaf模板注释分为标准HTML/XML注释.解析层注释.原型注释三种. 一.注释说明 1.标准HTML/XML注释 直接通过浏览器打开,不显示,Thymeleaf模板引擎解析也不处理,但查 ...

  7. Thymeleaf常用语法：HTML属性设置

    使用Thymeleaf的属性来设置HTML属性.(1)使用th:attr属性可以修改原来HTML节点的属性:(2)th:attr属性可以同时设置多个属性:(3)每一个HTML属性都有对应的Thymel ...

  8. Thymeleaf常用语法：使用星号表达式

    在处理模板时,一般情况都是使用变量表达式 ${...} 来显示变量,还可以使用选定对象表达式 *{...},它也称为星号表达式.如果在模板中先选定了对象,则需要使用星号表达式.Thymeleaf的内置 ...

  9. Thymeleaf常用语法：条件判断 if、switch case

    if语句条件判断使用th:if,它会判断表达式是否成立,表达式的结果支持boolean.number.character.String及其他类型.满足下面情况,if语句成立:(1) 表达式的结果是数字 ...

随机推荐

  1. 浅析椭圆曲线加密算法（ECC）

    本文首发于先知社区,原文链接:https://xz.aliyun.com/t/6295 数学基础 黎曼几何中的"平行线" 欧几里得<几何原本>中提出五条公设: 过相异两 ...

  2. 安卓AlertDialog四种对话框的最科学编写用法

    首先我们上图: xml的代码如下,用于编写按钮: <?xml version="1.0" encoding="utf-8"?> <Linear ...

  3. Distributed Systems: When you should build them, and how to scale. A step-by-step guide.

    原文链接 https://medium.com/free-code-camp/distributed-systems-when-you-should-build-them-and-how-to-sca ...

  4. 13-Node.js学习笔记-MongoDB

    数据库相关概念 在一个数据库软件最终可以包含多个数据仓库,在每个数据仓库中可以包含多个数据集合,每个数据集合中可以包含多条文档(具体的数据) database: 数据库,mongoDB数据库软件中可以 ...

  5. 推荐一种非常好的新版DSP库源码移植方式，含V7，V6和V5的IAR以及MDK5的AC5和AC6版本

    说明: 1.新版CMSIS V5.6里面的DSP库比以前的版本人性化了好多. 2.本帖为大家分享一种源码的添加方式,之前一直是用的库方便,不方便查看源码部分. 3.DSP教程可以还看第1版的,在我们的 ...

  6. Cross-Site Scripting:Persistent 跨站点脚本：持久性

  7. rsync高级同步工具

    1.什么是rsync rsync 是一款开源的.快速的.多功能的.可实现全量及增量的本地或远程数据同步备份的优秀工具,rsync软件使用于 unix/linux/windows等多种操作系统平台. 2 ...

  8. Prometheus学习系列（九）之Prometheus 存储

    前言 本文来自Prometheus官网手册 和 Prometheus简介 存储 Prometheus是一个本地磁盘时间序列数据库,但也可选择与远程存储系统集成,其本地时间序列数据库以自定义格式在磁盘上 ...

  9. Create a Report in Visual Studio 在Visual Studio中创建报表

    In this lesson, you will learn how to create reports in the integrated reporting system. This system ...

  10. RESTful 架构风格

    在移动互联网的大潮下,『微服务』的概念也越来越被大家接受并应用于实践,日益增多的web service逐渐统一于RESTful 架构风格,如果开发者对RESTful 架构风格不甚了解,则开发出的所谓R ...