html thymeleaf遍历List

最新推荐文章于 2023-05-11 12:24:15 发布

浮生无涯

最新推荐文章于 2023-05-11 12:24:15 发布

阅读量1.4w

点赞数 4

一、问题描述现有如下数据，结构是List<Map<String,Object>>，并且Map中还嵌套了Map
在这里插入图片描述
需要在页面上显示出来，效果如下：

二、代码实现
StudentController.java
@Controller
@RequestMapping(“studentMgmt”)
public class StudentController {
@RequestMapping(“queryStudentInfo”)
public String queryStudentInfo(Model model) {
List<Map<String, Object>> resultList = new ArrayList<Map<String, Object>>();
Map<String, Object> student = new HashMap<String, Object>() {
{
put(“sid”, “101”);
put(“sname”, “张三”);
put(“sage”, “20”);
put(“scourse”, new HashMap<String, String>() {
{
put(“cname”, “语文,数学,英语”);
put(“cscore”, “93,95,98”);
}
});
}
};
resultList.add(student);
student = new HashMap<String, Object>() {
{
put(“sid”, “102”);
put(“sname”, “李四”);
put(“sage”, “30”);
put(“scourse”, new HashMap<String, String>() {
{
put(“cname”, “物理,化学,生物”);
put(“cscore”, “92,93,97”);
}
});
}
};
resultList.add(student);
model.addAttribute(“resultList”, resultList);
return “student/studentInfo”;
}
}
studentInfo.html（完整路径 /resources/templates/student/studentInfo.html）

 <body>
   <table cellpadding="0" cellspacing="0">
    <thead>
     <th>序号</th>
     <th>学生id</th>
     <th>学生姓名</th>
     <th>学生年龄</th>
     <th>学生课程-课程列表</th>
     <th>学生课程-课程分数</th>
    </thead>
 <tbody>
   <tr th:each="entries,stat:${resultList}"
    th:style="'background-color:'+@{${stat.odd}?'#F2F2F2'}">
    <td th:text="${stat.count}"></td>
    <td th:text="${entries['sid']}"></td>
    <td th:text="${entries['sname']}"></td>
    <td th:text="${entries['sage']}"></td>
  <!-- 写法一：                <td th:text="${entries['scourse']['cname']}"></td>                <td   th:text="${entries['scourse']['cscore']}"></td>-->
  <!-- 写法二：                <td th:text="*{entries['scourse']['cname']}"></td>                <td th:text="*   {entries['scourse']['cscore']}"></td>-->
  <!-- 写法三：-->
 <td th:object="${entries['scourse']}"><span
 th:text="*{['cname']}"></span></td>
 <td th:object="${entries['scourse']}"><span
 th:text="*{['cscore']}">  </span>  </td>
           </tr>
   </tbody>
           </table>
   </body>

补充：注意*{}（选择表达式）和${}（变量表达式）的区别：选择表达式计算的是选定的对象（th:object），变量表达式计算的是整个环境变量映射（写法一和写法三）如果没有选定的对象，选择表达式和变量表达式效果是一样的（写法一和写法二）

浮生无涯

关注

4
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
html thymeleaf遍历List

一、问题描述现有如下数据，结构是List<Map<String,Object>>，并且Map中还嵌套了Map需要在页面上显示出来，效果如下：二、代码实现StudentController.java@Controller@RequestMapping(“studentMgmt”)public class StudentController {@Request...
复制链接

扫一扫