一、前端页面

1、前端页面1

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>循环遍历list集合</title>
</head>
<body>

    <!--
        user:变量
        userStat:将要遍历的对象
        userStat可以省略,默认为变量加Stat,例如:user + Stat = userStat
    -->

    <div th:each="user, userStat:${userList}">
        <span th:text="${user.id}"></span><br>
        <span th:text="${user.name}"></span><br>
        <span th:text="${user.phone}"></span><br>
        <span th:text="${user.address}"></span><br>
    </div>
</body>
</html>

2、前端页面2

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>循环遍历map集合</title>
</head>
<body>

<!--
    map:变量
    mapStat:将要遍历的对象
    mapStat可以省略,默认为变量加Stat,例如:map + Stat = mapStat
-->

    <div th:each="map, mapStat:${userMap}">
        <span th:text="${mapStat.index}"></span><br>
        <span th:text="${mapStat.count}"></span><br>
        <span th:text="${map.key}"></span><br>
        <span th:text="${map.value}"></span><br>
        <span th:text="${map.value.id}"></span><br>
        <span th:text="${map.value.name}"></span><br>
        <span th:text="${map.value.phone}"></span><br>
        <span th:text="${map.value.address}"></span><br>
    </div>
</body>
</html>

3、前端页面3

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>循环遍历array数组</title>
</head>
<body>

    <!--
        user:变量
        userStat:将要遍历的对象
        userStat可以省略,默认为变量加Stat,例如:user + Stat = userStat
    -->

    <div th:each="user, userStat:${userArray}">
        <span th:text="${userStat.index}"></span><br>
        <span th:text="${userStat.count}"></span><br>
        <span th:text="${user.id}"></span><br>
        <span th:text="${user.name}"></span><br>
        <span th:text="${user.phone}"></span><br>
        <span th:text="${user.address}"></span><br>
    </div>
</body>
</html>

4、前端页面4

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>循环遍历复杂集合</title>
</head>
<body>


    <div th:each="myListMap:${myList}">
        <div th:each="myListMapList:${myListMap}">
            <div th:each="myListMapListUser:${myListMapList}">
                <div th:text="myListMapListUser.id"></div>
                <div th:text="myListMapListUser.name"></div>
                <div th:text="myListMapListUser.phone"></div>
                <div th:text="myListMapListUser.address"></div>
            </div>
        </div>
    </div>
</body>
</html>

二、后台控制器

package com.springboot.controller;

import com.springboot.beans.User;
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;

/**
 * @author dc
 * @date 2020/5/21 - 13:37
 */
@Controller
public class MyController {

    @RequestMapping("/first")
    public String doFirst(Model model){
        ArrayList<User> list = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            User user = new User();
            user.setId(100 + i);
            user.setName("张" + i);
            user.setPhone("1361234567" + i);
            user.setAddress("北京市大兴区" +i);
            list.add(user);
        }
        model.addAttribute("userList", list);
        return "/eachList";
    }


    @RequestMapping("/second")
    public String doSecond(Model model){
        HashMap<Integer, Object> userMap = new HashMap<>();
        for (int i = 0; i < 10; i++) {
            User user = new User();
            user.setId(i);
            user.setName("李四" + i);
            user.setPhone("1390000000" + i);
            user.setAddress("天津市" +i);
            userMap.put(i, user);
        }
        model.addAttribute("userMap", userMap);
        return "/eachMap";
    }


    @RequestMapping("/third")
    public String doThird(Model model){
        User[] userArray = new User[10];
        for (int i = 0; i < 10; i++) {
            User user = new User();
            user.setId(i);
            user.setName("王五" + i);
            user.setPhone("1380000000" + i);
            user.setAddress("深圳市" +i);
            userArray[i] = user;
        }
        model.addAttribute("userArray", userArray);
        return "/eachArray";
    }


    @RequestMapping("/fourth")
    public String doFourth(Model model){
        List<Map<Integer, List<User>>> myList = new ArrayList<>();
        for (int i = 0; i < 2; i ++){
            Map<Integer, List<User>> myMap = new HashMap<>();
            for (int j = 0; j < 2; j ++){
                List<User> myUserList = new ArrayList<>();
                for (int k = 0; k < 3; k ++){
                    User user = new User();
                    user.setId(k);
                    user.setName("田七" + k);
                    user.setPhone("1350000000" + k);
                    user.setAddress("广州市" + i);
                    myUserList.add(user);
                }
                myMap.put(j, myUserList);
            }
            myList.add(myMap);
        }
        model.addAttribute("myList", myList);
       return "/eachAll";
    }
}

版权声明:本文为weixin_43925059原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/weixin_43925059/article/details/106258621