Thymeleaf集合对象编辑和遍历

问题说明

前端在遍历后端modelView的时候，如何将集合中的每个对象对应上后端集合每个实体对象，并且在前端编辑集合中每个实体对象后，submit后端时后端可以接收到这个修改后的集合

后端实体Entity

// 用户实体
class User {
 private int id;
 private List<Attr> attrs;
}
// 拓展信息
class Attr {
 private String desc;
 private int age;
}

Controller层

@GetMapping("/edit_user/{id}")
public String editAllUser(ModelMap mmap,@PathVariable("id") Integer id)
{
    User user= userService.selectById(id);
    mmap.put("user", user);
    return "/user/edit";
}

Thymeleaf 前端遍历

此处使用__双下划线预编译指令，可以实现遍历时动态获取数组下标

<div th:object="${user}">
    <div  th:each="detail:*{attrs}">
         <input type="text" th:field="*{attrs[__${detailStat.index}__].desc}" >
         <input type="number" th:field="*{attrs[__${detailStat.index}__].age}">
    </div>
</div>