Thymeleaf的循环遍历方式有哪些

2023-07-02 14:07:39 456人浏览安东尼

摘要

这篇文章主要介绍“Thymeleaf的循环遍历方式有哪些”，在日常操作中，相信很多人在Thymeleaf的循环遍历方式有哪些问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Thymeleaf的循环遍历方式有哪些

这篇文章主要介绍“Thymeleaf的循环遍历方式有哪些”，在日常操作中，相信很多人在Thymeleaf的循环遍历方式有哪些问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Thymeleaf的循环遍历方式有哪些”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

循环遍历list集合

1.实体类

使用lombok插件，省去getter和setter，toString等方法的书写

Thymeleaf的循环遍历方式有哪些

代码

package com.SpringBoot_thyleaf2.model;import lombok.Data;@Datapublic class User {    private Integer id;    private String nick;    private String phone;    private String address;}

2.控制类

使用controller等注解

Thymeleaf的循环遍历方式有哪些

代码

import java.util.ArrayList;import java.util.List;@Controllerpublic class UserController {    @RequestMapping("/each/list")    public String eachList(Model model){        List<User> userList=new ArrayList<>();        for (int i=0;i<10;i++){            User user=new User();            user.setId(100+i);            user.setNick("陈"+i);            user.setPhone("123456"+i);            user.setAddress("苏杭"+i);            userList.add(user);        }        model.addAttribute("userList",userList);        return "eachList";    }}

3.each.html

Thymeleaf的循环遍历方式有哪些

代码

<!DOCTYPE html><html lang="en" xmlns:th="Http://www.thymeleaf.org" ><head>    <meta charset="UTF-8">    <title>循环遍历list集合</title></head><body><div th:each="user,userStat:${userList}">    <span th:text="${userStat.current}"/>    <span th:text="${user.id}"/>    <span th:text="${user.nick}"/>    <span th:text="${user.phone}"/>    <span th:text="${user.address}"/></div></body></html>

说明

user指的是当前循环的对象的变量名称，可以随意定义，但要于下面 " . 属性"引用保持一致相当于增强for循环的临时变量

userStat指当前循环对象状态的变量(可选，默认就是你第一步设置的对象变量名称+ Stat)

${userList }是当前循环的集合

其中userStat有很多属性

Thymeleaf的循环遍历方式有哪些

他们的结果按顺序展示如下

Thymeleaf的循环遍历方式有哪些

current展示当前的user对象 index是索引属性，从0开始 count是计数，下标从1开始 first，last，odd，even均是返回boolean值，分别判断下标是否为第一个/最后一个/奇数/偶数 size指的是当前userList的大小，返回的是同一个值

循环遍历map集合

1.控制类

Thymeleaf的循环遍历方式有哪些

代码

 @RequestMapping("/each/map")    public String eachMap(Model model){        Map<Integer,Object> userMaps=new HashMap<>();        for(int i=0;i<10;i++){            User user=new User();            user.setId(i);            user.setNick("王"+i);            user.setPhone("123456"+i);            user.setAddress("苏杭"+i);            userMaps.put(i,user);        }        model.addAttribute("userMaps",userMaps);        return "eachMap";    }}

2.each.html

Thymeleaf的循环遍历方式有哪些

代码

<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org" ><head>    <meta charset="UTF-8">    <title>循环遍历Map集合</title></head><body><div th:each="userMap,userMapStat:${userMaps}">    <span th:text="${userMapStat.index}"/>    <span th:text="${userMapStat.count}"/>    <span th:text="${userMap.geTKEy()}"/>    <span th:text="${userMap.value}"/>    <span th:text="${userMap.value.id}"/>    <span th:text="${userMap.value.nick}"/>    <span th:text="${userMap.value.phone}"/>    <span th:text="${userMap.value.address}"/></div></body></html>

map遍历结果

Thymeleaf的循环遍历方式有哪些

map集合和list集合遍历类似

循环遍历数组

数组的遍历和list的遍历一样，看到这里可以不用看了。

控制类代码

    @RequestMapping("/each/array")    public String eachArray(Model model){        User[] userArray=new User[10];        for(int i=0;i<10;i++){            User user=new User();            user.setId(i);            user.setNick("李"+i);            user.setPhone("123456"+i);            user.setAddress("苏杭"+i);            userArray[i]=user;        }        model.addAttribute("userArray",userArray);        return "eachArray";    }}

eachArray.html

<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org" ><head>    <meta charset="UTF-8">    <title>循环遍历数组</title></head><body><div th:each="user,userStat:${userArray}">    <span th:text="${userStat.index}"/>    <span th:text="${userStat.count}"/>    <span th:text="${user.id}"/>    <span th:text="${user.nick}"/>    <span th:text="${user.phone}"/>    <span th:text="${user.address}"/></div></body></html>

遍历结果

Thymeleaf的循环遍历方式有哪些