詳解Thymeleaf的三種循環遍歷方式
循環遍歷list集合
1.實體類
使用lombok插件,省去getter和setter,toString等方法的書寫
代碼
package com.springboot_thyleaf2.model; import lombok.Data; @Data public class User { private Integer id; private String nick; private String phone; private String address; }
2.控制類
使用controller等註解
代碼
import java.util.ArrayList; import java.util.List; @Controller public 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
代碼
<!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>
說明
1.user指的是當前循環的對象的變量名稱,可以隨意定義,但要於下面 " . 屬性"引用保持一致相當於增強for循環的臨時變量
2.userStat指當前循環對象狀態的變量(可選,默認就是你第一步設置的對象變量名稱+ Stat)
3.${userList }是當前循環的集合
其中userStat有很多屬性
他們的結果按順序展示如下
current展示當前的user對象 index是索引屬性,從0開始 count是計數,下標從1開始 first,last,odd,even均是返回boolean值,分別判斷下標是否為第一個/最後一個/奇數/偶數 size指的是當前userList的大小,返回的是同一個值
循環遍歷map集合
1.控制類
代碼
@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
代碼
<!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遍歷結果
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的三種循環遍歷方式的文章就介紹到這瞭,更多相關Thymeleaf循環遍歷內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- Java基礎之Thymeleaf的簡單使用
- SpringBoot2.x 集成 Thymeleaf的詳細教程
- SpringMVC RESTFul實現列表功能
- SpringBoot整合Thymeleaf與FreeMarker視圖層技術
- Springboot+Thymeleaf+Jpa實現登錄功能(附源碼)