[JAVAEE] Thymeleaf 基本语法: 迭代循环

th:each 遍历集合

基本语法：

<div th:each="变量名 : 集合"> <p th:text="${变量名}"></p>
</div>

示例：遍历对象集合

后台代码

@Controller
public class TestController {@RequestMapping("/th")public String index(Model model) {List<Student> stuList = new ArrayList<Student>();stuList.add(new Student(2019001, "小明"));stuList.add(new Student(2019002, "小丽"));stuList.add(new Student(2019003, "小王"));model.addAttribute("stuList", stuList);return "th/index";}
}

前端代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<table><tr><th>学号</th><th>姓名</th></tr><tr th:each="stu:${stuList}"><td th:text="${stu.id}">000</td><td th:text="${stu.name}">nobody</td></tr>
</table></body>
</html>

Student.java

package com.example.demo.bean;public class Student {private Integer id;  //学号private String name;  //姓名public Student() {}public Student(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;}
}

运行结果:

迭代状态变量的使用

在集合的迭代过程还可以获取状态变量，只需在变量后面指定状态变量名即可，通过状态变量的属性可获取集合的下标/序号、总数、是否为单数/偶数行、是否为第一个/最后一个等信息。

<div th:each = "变量名，状态变量名 : 集合" > <p th:text = "${状态变量.属性}" ></p>
</div>

注：如果缺省状态变量名，则迭代器会默认以变量名开头的状态变量 xxxStat

状态变量的属性
index：当前迭代对象的序号，从0开始，这是索引属性
count：当前迭代对象的序号，从1开始，这个是统计属性
size：迭代变量元素的总量，这是被迭代对象的大小属性
even/odd：布尔值，当前循环是否是偶数/奇数（从0开始计算）
first：布尔值，当前循环是否是第一个
last：布尔值，当前循环是否是最后一个
current：当前迭代变量

示例：带状态变量的遍历(加了一点样式)

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<table><tr><th>序号(从0开始)</th><th>序号(从1开始)</th><th>学号</th><th>姓名</th></tr><tr th:each=" stu, stat : ${stuList}" th:class="${ stat.odd } ? 'odd' : 'even' "><td th:text=" ${ stat.index } ">0</td><td th:text=" ${ stat.count } +'/' + ${ stat.size }">1</td><td th:text="${stu.id}">000</td><td th:text="${stu.name}">nobody</td></tr>
</table>
<style> table {border-collapse: collapse;width: 500px;
}th, td {border: 1px solid blue;text-align: center;
}.odd {background-color: lightcyan; /*奇数样式*/
}.even {background-color: lightyellow; /*偶数样式*/
} </style></body>
</html>

运行结果:

[JAVAEE] Thymeleaf 基本语法: 迭代循环相关推荐

[JAVAEE] Thymeleaf 基本语法:常用表达式
Thymeleaf 基本语法常用表达式变量表达式 ${ } 使用方法:th:xx = "${ }" 获取对象属性值给 th:xx . 后台代码: Student s=new S ...
[JAVAEE] Thymeleaf 基本语法: form相关标签
th:action 指定表单提交地址 th:value 给value属性赋值 th:field 能自动生成id.name和value属性 form表单示例运行结果更改数据点击保存控制器代码:T ...
Thymeleaf基础语法
Thymeleaf基础语法今天学习一下Thymeleaf的基础语法. 1-引入Thymeleaf 首先,将view层页面中的html标签进行修改,然后在View层页面文件的其它标签里使用th:*动态 ...
thymeleaf模板html a标签,Thymeleaf常用语法：模板片断
Thymeleaf常用语法:模板片断系统中的很多页面有很多公共内容,例如菜单.页脚等,这些公共内容可以提取放在一个称为"模板片断"的公共页面里面,其它页面可以引用这个 " ...
关于thymeleaf配置语法运用以及静态资源问题总结 2021-06-08
在使用springBoot的时候一般用templates的包来放置静态资源,对于这个包来说它很特殊,这个包它需要导入thymeleaf的依赖才可以用它来和前后端做交互,下面将介绍一下它的使用方法: 导 ...
Thymeleaf基本语法及使用方法
目录官网:thymeleaf使用方法 1.thymeleaf简介 2.基本语法 2.1.表达式 2.2.字面量 2.3.文本操作 2.4.数学运算 2.5.布尔运算 2.6.比较运算 2.7.条件运 ...
Thymeleaf常用语法：模板片断
系统中的很多页面有很多公共内容,例如菜单.页脚等,这些公共内容可以提取放在一个称为"模板片断"的公共页面里面,其它页面可以引用这个 "模板片断"内容. 一.模 ...
Thymeleaf的语法规则
目录标准变量表达式${} 介绍案例:标准变量表达式显示实体对象中的属性选择变量表达式*{} 介绍案例:选择变量表达式显示实体对象中的属性案例:选择变量表达式显示实体对象中的属性 URL表达式 ...
thymeleaf常用语法
常用标签语法:①th:text<span th:text="${name}">1</span>注释:如果${name}有值则将替换掉1的值,若无则为1 ②t ...

[JAVAEE] Thymeleaf 基本语法: 迭代循环

th:each 遍历集合

迭代状态变量的使用

[JAVAEE] Thymeleaf 基本语法: 迭代循环相关推荐

最新文章

热门文章