Thymeleaf each嵌套解决前端一对多查询的问题

问题描述

  今天写代码的时候用到了一个一对多的查询，使用的是springboot和Mybatis,在把查询出来的结果传给前端（使用的是thymeleaf模板引擎）显示的时候遇到了问题，因为后端传过来的数据是集合中套着集合，所以前端应该进行两次循环遍历从而得出我想要的对象属性。先丢我的错误代码：

<tr th:each="dormitory:${dormitories}" th:each="repair:${dormitory.getRepairs()}">
    <td th:text="${dormitory.getDid()}"></td>
    <td th:text="${repair.getInfo()}"></td>
    <td th:text="${repair.getState()}"></td>
    <td th:text="${#dates.format(repair.getDate(),'yyyy-MM-dd')}"></td>
    <td>
        <a class="btn btn-sm btn-primary" th:href="@{/stuFindRepair/}+${repair.getRid()}">查看</a>
        <a class="btn btn-sm btn-primary" th:href="@{/stuRepair/}+${repair.getRid()}">修改</a>
    </td>
</tr>

报错信息：

Caused by: org.attoparser.ParseException: 
(Line = 69, Column = 62) Malformed markup: Attribute "th:each" appears more than once in element

这个错误信息意思是不能同时在一个标签中使用两次"th:each"。

解决办法：

借助其他标签来进行一次遍历然后在当前标签中遍历一次，拿到自己要的对象属性，而标签中刚好span标签没有其他属性，不会页面产生影响，所以就使用它。

 <span th:each="dormitory:${dormitories}" >
      <tr th:each="repair:${dormitory.getRepairs()}">
          <td th:text="${dormitory.getDid()}"></td>
          <td th:text="${repair.getInfo()}"></td>
          <td th:text="${repair.getState()}"></td>
          <td th:text="${#dates.format(repair.getDate(),'yyyy-MM-dd')}"></td>
          <td>
              <a class="btn btn-sm btn-primary" th:href="@{/stuFindRepair/}+${repair.getRid()}">查看</a>
              <a class="btn btn-sm btn-primary" th:href="@{/stuRepair/}+${repair.getRid()}">修改</a>
          </td>
     </tr>
</span>

此致，对今天的遇到的问题和解决办法分享给大家，希望对碰到同样问题的人有所帮助，加油！