• 25.在springboot中使用thymeleaf循环（list,array,map）

    说明：

    本项目是在https://blog.csdn.net/weixin_59334478/article/details/126749179?spm=1001.2014.3001.5501https://blog.csdn.net/weixin_59334478/article/details/126749179?spm=1001.2014.3001.5501

    springboot文章23

    修改而来

    pom.xml文件，核心配置文件等文件，与文章23保持一致，本文只展示最新添加的文件，以减小文章冗余，更容易看出循环的使用方法。

    知识点：

    语法说明：
    th:each="user, iterStat : ${userlist}" 中的 ${userList} 是后台传过来的集合
    ◼ user
    定义变量，去接收遍历 ${userList} 集合中的一个数据
    ◼ iterStat
    ${userList} 循环体的信息
    ◼ 其中 user 及 iterStat 自己可以随便取名
    ◼ interStat 是循环体的信息，通过该变量可以获取如下信息
    index: 当前迭代对象的 index（从 0 开始计算）
    count: 当前迭代对象的个数（从 1 开始计算）这两个用的较多
    size: 被迭代对象的大小
    current: 当前迭代变量
    even/odd: 布尔值，当前循环是否是偶数 / 奇数（从 0 开始计算）
    first: 布尔值，当前循环是否是第一个
    last: 布尔值，当前循环是否是最后一个
    注意：循环体信息 interStat 也可以不定义，则默认采用迭代变量加上 Stat 后缀，即userStat

    1.index.html

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>index.htmltitle>
    6. head>
    7. <body>
    8. <h3>index.html------学习模板thymeleaf的语法h3>
    9. <a href="tpl/expression1">标准变量表达式a>
    10. <br/>
    11. <a href="tpl/expression2">选择变量表达式a>
    12. <br/>
    13. <a href="tpl/link">链接表达式a>
    14. <br/>
    15. <a href="tpl/eachList">循环Lista><br/>
    16. <a href="tpl/eachArray">循环Arraya><br/>
    17. <a href="tpl/eachMap">循环Mapa><br/>
    18.  
    19. body>
    20. html>

     2.ThymeleafController类

    1. package com.it.controller;
    2.  
    3. import com.it.entity.SysUser;
    4. import org.springframework.stereotype.Controller;
    5. import org.springframework.ui.Model;
    6. import org.springframework.web.bind.annotation.GetMapping;
    7. import org.springframework.web.bind.annotation.RequestMapping;
    8. import org.springframework.web.bind.annotation.ResponseBody;
    9.  
    10. import javax.jws.WebParam;
    11. import java.util.ArrayList;
    12. import java.util.HashMap;
    13. import java.util.List;
    14. import java.util.Map;
    15.  
    16. @Controller
    17. @RequestMapping("/tpl")
    18. public class ThymeleafController {
    19.  
    20.  
    21.     //标准变量表达式
    22.     @GetMapping("/expression1")
    23.     public String expression1(Model model){
    24.         //添加数据到model
    25.         model.addAttribute("site","www.baidu.com");
    26.         model.addAttribute("myuser",new SysUser(1001,"小绿","女",22));
    27.  
    28.         //指定视图
    29.         return "expression1";
    30.     }
    31.  
    32.     //选择变量表达式
    33.     @GetMapping("/expression2")
    34.     public String expression2(Model model){
    35.         //添加数据到model
    36.         model.addAttribute("site2","www.bibili.com");
    37.         model.addAttribute("myuser2",new SysUser(1002,"小王","男",26));
    38.  
    39.         //指定视图
    40.         return "expression2";
    41.     }
    42.  
    43.  
    44.     //链接表达式
    45.     @GetMapping("/link")
    46.     public String link(Model model){
    47.         model.addAttribute("userId",1003);
    48.         return "link";
    49.     }
    50.  
    51.     //测试链接表达式的地址
    52.     @GetMapping("/queryAccount")
    53.     @ResponseBody
    54.     public String queryAccount(Integer id){
    55.         return "queryAccount,参数id="+id;
    56.     }
    57.  
    58.     //测试链接表达式有两个参数的地址
    59.     @GetMapping("queryUser")
    60.     @ResponseBody
    61.     public String queryUser(String name,Integer age){
    62.         return "queryUser,有两个参数：name="+name+",age="+age;
    63.     }
    64.  
    65.  
    66.     //循环list
    67.     @GetMapping("/eachList")
    68.     public String eachList(Model model){
    69.         List list=new ArrayList<>();
    70.         list.add(new SysUser(1002,"张山","男",20));
    71.         list.add(new SysUser(1003,"小明","男",20));
    72.         list.add(new SysUser(1004,"小红","女",22));
    73.         list.add(new SysUser(1005,"小花","女",21));
    74.         model.addAttribute("myusers",list);
    75.         return "eachList";
    76.     }
    77.  
    78.  
    79.     //循环数组
    80.     @GetMapping("/eachArray")
    81.     public String eachArray(Model model){
    82.         SysUser userArray[]=new SysUser[3];
    83.         userArray[0]=new SysUser(1001,"小王","男",23);
    84.         userArray[1]=new SysUser(1002,"小李","男",22);
    85.         userArray[2]=new SysUser(1003,"小胡","女",23);
    86.         model.addAttribute("userarray",userArray);
    87.         return "eachArray";
    88.     }
    89.  
    90.     //循环map
    91.     @GetMapping("/eachMap")
    92.     public String eachMap(Model model){
    93.         Map map=new HashMap<>();
    94.         map.put("user1",new SysUser(1001,"小黑","男",23));
    95.         map.put("user2",new SysUser(1002,"小白","男",22));
    96.         map.put("user3",new SysUser(1003,"小红","女",23));
    97.         model.addAttribute("mymap",map);
    98.         return "eachMap";
    99.     }
    100.  
    101.  
    102. }

    3.eachList.html

    1. html>
    2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>each循环title>
    6. head>
    7. <body>
    8.  
    9. <div style="margin-left: 400px">
    10.     
    11.     <br/>
    12.  
    13.     <table border="1">
    14.         <thead>
    15.         <tr>
    16.             <td>编号td>
    17.             <td>id序号td>
    18.             <td>nametd>
    19.             <td>sextd>
    20.             <td>agetd>
    21.         tr>
    22.         thead>
    23.         <tbody>
    24.         <tr th:each="user,userI:${myusers}">
    25.             <td th:text="${userI.count}">td>
    26.             <td th:text="${user.id}">td>
    27.             <td th:text="${user.name}">td>
    28.             <td th:text="${user.sex}">td>
    29.             <td th:text="${user.age}">td>
    30.         tr>
    31.         tbody>
    32.     table>
    33.  
    34. div>
    35.  
    36. body>
    37. html>

    4.eachArray.html

    1. html>
    2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>each循环title>
    6. head>
    7. <body>
    8.  
    9. <div style="margin-left: 400px">
    10.    <div th:each="user:${userarray}">
    11.        <p th:text="${user.id}">p>
    12.        <p th:text="${user.name}">p>
    13.        <p th:text="${user.sex}">p>
    14.        <p th:text="${user.age}">p>
    15.        <br/>
    16.        <hr/>
    17.    div>
    18.  
    19. div>
    20.  
    21. body>
    22. html>

    5.eachMap.html

    1. html>
    2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>循环maptitle>
    6. head>
    7. <body>
    8. <div style="margin-left: 400px">
    9.     <div th:each="map,mapStat:${mymap}">
    10.         <p th:text="${map.key}">p>
    11.         <p th:text="${map.value}">p>
    12.         <p th:text="${map.value.id}">p>
    13.         <p th:text="${map.value.name}">p>
    14.         <p th:text="${map.value.sex}">p>
    15.         <p th:text="${map.value.age}">p>
    16.         <p th:text="${mapStat.count}">p>
    17.     div>
    18. div>
    19. body>
    20. html>

    测试：

    1.list循环测试

     循环遍历的数据按照原样展示输出

     循环遍历的数据加上循环变量的编号，按照表格的样式进行展示

     2.array循环测试

     

    点击循环Array

    3.map循环测试

    点击循环Map

  • 相关阅读:
    altera系列fifo和ram
    数据结构知识点总结12-(第六章.图)-图的存储结构及图的遍历
    AI | 第1章 机器学习 Sklearn 入门笔记
    四种Python逐行读取文件内容的方法
    Vue常见指令补充（附加案例）
    （十）笔记.net学习Lambda和Linq表达式
    List 对象集合，如何优雅地返回给前端？
    WPF 应用迁移到 Electron 框架过程记录
    JVM 参数使用总结
    CockroachDB-备份与恢复(6)RESTORE命令
  • 原文地址：https://blog.csdn.net/weixin_59334478/article/details/126757609