Thymeleaf集合对象编辑和遍历

最新推荐文章于 2023-05-10 21:11:33 发布

云海梦尘

最新推荐文章于 2023-05-10 21:11:33 发布

阅读量680

点赞数

分类专栏： # Java SE/EE 文章标签： java 开发语言 Thymeleaf

本文链接：https://blog.csdn.net/qq2523208472/article/details/124949105

版权

Java SE/EE 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

"这篇博客探讨了在前端遍历后端返回的modelView集合时，如何通过Thymeleaf动态绑定每个实体对象的属性，并在编辑后提交到后端。用户实体包含一个拓展信息的集合，每个拓展信息有描述和年龄字段。在前端编辑时，利用Thymeleaf的__${detailStat.index}

摘要由CSDN通过智能技术生成

问题说明

前端在遍历后端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>