Thymeleaf常用语法：数据迭代

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常用语法：数据迭代的更多相关文章

Thymeleaf常用语法：表达式语法之运算符
Thymeleaf表达式语法之常量分为字符串常量.数字常量.布尔值常量.空值常量:运算符分为算术运算符.关系运算符.条件运算符.无操作符. 开发环境:IntelliJ IDEA 2019.2.2Spr ...
Thymeleaf常用语法：数据延迟加载
在处理模板时,可以由模板逻辑决定是否加载数据,以提高性能.在Spring Boot控制器中设置数据时,使用LazyContextVariable可以实现这功能. 开发环境:IntelliJ IDEA ...
1-9springboot之thymeleaf常用语法（html页面）
一.引用命名空间 <html xmlns:th="http://www.thymeleaf.org"> 在html中引入此命名空间,可避免编辑器出现html验证错误,虽 ...
thymeleaf常用语法
常用标签语法:①th:text<span th:text="${name}">1</span>注释:如果${name}有值则将替换掉1的值,若无则为1 ②t ...
Thymeleaf常用语法：模板片断
系统中的很多页面有很多公共内容,例如菜单.页脚等,这些公共内容可以提取放在一个称为“模板片断”的公共页面里面,其它页面可以引用这个 “模板片断”内容. 一.模板片断的定义可以是html标签,也可以使 ...
Thymeleaf常用语法：模板注释
Thymeleaf模板注释分为标准HTML/XML注释.解析层注释.原型注释三种. 一.注释说明 1.标准HTML/XML注释直接通过浏览器打开,不显示,Thymeleaf模板引擎解析也不处理,但查 ...
Thymeleaf常用语法：HTML属性设置
使用Thymeleaf的属性来设置HTML属性.(1)使用th:attr属性可以修改原来HTML节点的属性:(2)th:attr属性可以同时设置多个属性:(3)每一个HTML属性都有对应的Thymel ...
Thymeleaf常用语法：使用星号表达式
在处理模板时,一般情况都是使用变量表达式 ${...} 来显示变量,还可以使用选定对象表达式 *{...},它也称为星号表达式.如果在模板中先选定了对象,则需要使用星号表达式.Thymeleaf的内置 ...
Thymeleaf常用语法：条件判断 if、switch case
if语句条件判断使用th:if,它会判断表达式是否成立,表达式的结果支持boolean.number.character.String及其他类型.满足下面情况,if语句成立:(1) 表达式的结果是数字 ...

随机推荐

Apache—伪静态配置和使用
https://jingyan.baidu.com/article/ae97a646a7419bbbfd461df7.html https://blog.csdn.net/weixin_4178205 ...
MySQL数据库Group by分组之后再统计数目Count(*)与不分组直接统计数目的区别
简述问题“统计最新时刻处于某一状态的设备的数量” 1. 首先子查询结果,可以看到每个设备最新的状态信息 2.1 在子查询的基础上,对设备状态进行分组,进行统计每个状态的设备数量 2.1.1 可以看到处 ...
Bash脚本编程之数组
数组简介在bash脚本编程当中,变量是存储单个元素的内存空间:而数组是存储多个元素的一段连续的内存空间. 数组由数组名和下标构成,如下. ARRAY_NAME[SUBSCRIPT] 数组按照下标的类 ...
Unity-使用UnityRemote调试手机Android Studio打印日志
抛出问题: 1.Unity调试Android的时候默认情况是build打包成apk,安装到手机运行,调试起来很不方便,如何快速在手机上运行呢? 2.如何像unity的console一样在andro ...
东芝半导体最新ARM开发板——TT_M3HQ开箱评测
前言最近从面包板社区申请到一块东芝最新ARM Cortex-M3内核的开发板--TT_M3HQ,其实开发板收到好几天了,这几天一直在构思怎么来写这第一篇评测文章,看大家在社区也都发了第一篇评测,我也 ...
Java 操作Word书签（三）：用文本、图片、表格替换书签
本篇文章将继续介绍通过Java来操作Word书签的方法,即替换Word中已有书签,包括用新的文本.图片.表格等替换原有书签处的内容. 使用工具:Free Spire.Doc for Java (免费版 ...
基于SpringBoot前后端分离的点餐系统
基于SpringBoot前后端分离的点餐系统开发环境:主要采用Spring boot框架和小程序开发项目简介:点餐系统,分成卖家端和买家端.买家端使用微信小程序开发,实现扫码点餐.浏览菜单.下单. ...
linux下的服务器上传与下载
上传 scp 文件用户名@服务器ip 服务器保存路径例如:scp bookmarks_2019_6_24.html root@192.168.0.103:/home 下载 scp 用户名@服务器i ...
如何抓取 framework input 事件相关 log
出现事件输入相关的问题时, 建议先 followhttp://429564140.iteye.com/blog/2355405来检测对应的设备是否有响应输入如果没有响应输入,则可能是 driver ...
Nginx：反向代理
与众不同的生活方式很累人呢,因为找不到借口在上一章节中,我们以及了解到正向.反向代理.负载均衡和动静分离的基本概念,安装教程,而在本节中将会了解到在本文要点: 1.理清概念 2.Linux ...

Thymeleaf常用语法：数据迭代

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

随机推荐

热门专题