thymeleaf实现th:each双重多重嵌套功能

2023-08-08 14:33:04 66

博主最近在做一个个人的博客网站，准备用thymeleaf实现一个动态加载一二级文章分类的功能，效果如下：

后台实体类代码如下：

/**
*@author曲健磊
*@date2019-08-2220:28:18
*@description一级分类实体类
*/
publicclassCateVO{
/**
*一级分类id
*/
privateIntegercate1Id;
/**
*一级分类名称
*/
privateStringcate1Name;
/**
*该一级分类下的二级分类列表
*/
privateListcate2List;
//省略setget方法
}
/**
*@author曲健磊
*@date2019-08-1520:18:44
*@description二级分类实体类
*/
publicclassCate2{
/**
*二级分类id
*/
privateIntegerid;
/**
*二级分类名称
*/
privateStringcateName;
}

Controller层的代码如下：

@Controller
@RequestMapping("/")
publicclassIndexController{
@Autowired
privateCateServicecateService;
/**
*我配置的项目端口号是：80
*所以，当用户在浏览器上输入：127.0.0.1:80或127.0.0.1时请求会进到这个方法里
*/
@GetMapping("/")
publicStringdefaultWebPage(HttpServletRequestrequest){
//1.模拟获取所有的一级分类以及每个一级分类下的所有二级分类
ListallCateList=newArrayList();
//1.1.一级分类
CateVOcateVO1=newCateVO();
cateVO1.setCate1Id(1);
cateVO1.setCate1Name("大数据");

//1.2.该一级分类下的二级分类列表
Listcate2_1List=newArrayList();

//1.2.1.第一个二级分类
Cate2cate2_1_1=newCate2();
cate2_1_1.setId(1);
cate2_1_1.setCateName("Hadoop");

//1.2.2.第二个二级分类
Cate2cate2_1_2=newCate2();
cate2_1_2.setId(1);
cate2_1_2.setCateName("Spark");

cate2_1List.add(cate2_1_1);
cate2_1List.add(cate2_1_2);
//1.3.把所有的二级分类添加到该一级分类下
cateVO1.setCate2List(cate2_1List);
//1.4.把所有的一级分类放入列表中，多个的话以此类推（通常都是直接查数据库的）
allCateList.add(cateVO1);
//2.将一级分类列表放入request域中。
request.setAttribute("cateList",allCateList);
//3.返回index.html页面
return"index";
}
}

前台html的代码如下（简化）：

博主直接用java代码解释一下上面的th:each那里是什么意思吧：

//cateList就是我们在Controller中向request域中设置的那个属性
for(CateVOcate1:cateList){
System.out.println(cate1.cate1Name);

//cate1这个变量现在就存在于request域中，我们可以直接调用它的属性和方法
for(Cate2cate2:cate1.cate2List){
System.out.println(cate2.cateName);

//依次类推，如果有三级分类这里继续调用cate2的属性或方法就可以
}
}

cate1:${cateList}这个写法是固定的格式，冒号前的cate1是新定义的临时变量，cateList是我们在Controller中放入request域中的变量；在一级分类循环里面，我们是可以直接获取刚才定义的临时变量：cate1的。

所以，我们可以继续th:each遍历该一级分类的二级分类列表，三级四级以此类推。

总结

以上所述是小编给大家介绍的thymeleaf实现th:each双重多重嵌套功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

thymeleaf实现th:each双重多重嵌套功能

热门推荐

随机推荐