一、前端页面
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 版权协议,转载请附上原文出处链接和本声明。