您现在的位置是:网站首页> 编程资料编程资料
thymeleaf实现th:each双重多重嵌套功能_其它综合_
2023-05-27 160人已围观
简介 thymeleaf实现th:each双重多重嵌套功能_其它综合_
博主最近在做一个个人的博客网站,准备用 thymeleaf 实现一个动态加载一二级文章分类的功能,效果如下:
后台实体类代码如下:
/** * @author 曲健磊 * @date 2019-08-22 20:28:18 * @description 一级分类实体类 */ public class CateVO { /** * 一级分类id */ private Integer cate1Id; /** * 一级分类名称 */ private String cate1Name; /** * 该一级分类下的二级分类列表 */ private Listcate2List; // 省略set get方法 } /** * @author 曲健磊 * @date 2019-08-15 20:18:44 * @description 二级分类实体类 */ public class Cate2 { /** * 二级分类id */ private Integer id; /** * 二级分类名称 */ private String cateName; }
Controller 层的代码如下:
@Controller @RequestMapping("/") public class IndexController { @Autowired private CateService cateService; /** * 我配置的项目端口号是:80 * 所以,当用户在浏览器上输入:127.0.0.1:80 或 127.0.0.1 时请求会进到这个方法里 */ @GetMapping("/") public String defaultWebPage(HttpServletRequest request){ // 1.模拟获取所有的一级分类以及每个一级分类下的所有二级分类 ListallCateList = new ArrayList (); // 1.1.一级分类 CateVO cateVO1 = new CateVO(); cateVO1.setCate1Id(1); cateVO1.setCate1Name("大数据"); // 1.2.该一级分类下的二级分类列表 List cate2_1List = new ArrayList (); // 1.2.1.第一个二级分类 Cate2 cate2_1_1 = new Cate2(); cate2_1_1.setId(1); cate2_1_1.setCateName("Hadoop"); // 1.2.2.第二个二级分类 Cate2 cate2_1_2 = new Cate2(); 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 (CateVO cate1 : cateList) { System.out.println(cate1.cate1Name); // cate1这个变量现在就存在于request域中,我们可以直接调用它的属性和方法 for (Cate2 cate2 : cate1.cate2List) { System.out.println(cate2.cateName); // 依次类推,如果有三级分类这里继续调用cate2的属性或方法就可以 } }
cate1:${cateList}
这个写法是固定的格式,冒号前的 cate1 是新定义的临时变量,cateList 是我们在 Controller 中放入 request 域中的变量;在一级分类循环里面,我们是可以直接获取刚才定义的临时变量:cate1 的。
所以,我们可以继续 th:each 遍历该一级分类的二级分类列表,三级四级以此类推。
总结
以上所述是小编给大家介绍的thymeleaf实现th:each双重多重嵌套功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
相关内容
- win10环境下使用Hyper-V进行虚拟机创建的教程(图解)_其它综合_
- 使用curl命令行模拟登录WordPress的方法_其它综合_
- 基于Laravel + Vue + Element 实现 人力资源系统(考勤应用 )_其它综合_
- 阿里巴巴开源 Dragonwell JDK 最新版本 8.1.1-GA 发布_其它综合_
- 分别使用vue和Android实现长按券码复制功能_其它综合_
- 使用阿里大于(大鱼)平台进行发送手机验证码的流程_其它综合_
- flask+layui+echarts实现前端动态图展示数据效果_其它综合_
- win10 + anaconda3 + python3.6 安装tensorflow + keras的步骤详解_其它综合_
- 使用微信助手搭建微信返利机器人流程_其它综合_
- 简单介绍HTTP请求方式中8种请求方法_其它综合_
点击排行
- TYSB手游公测版下载-TYSB官方唯一正版手游下载 _安卓网
- 青云传之琉璃梦手游下载-青云传之琉璃梦官方版下载 v5.7.0安卓版_安卓网
- 爆枪突击专用修改器下载-爆枪突击无限兑换码 v1.0.0.3辅助修改_安卓网
- 丛林动物宝宝发型沙龙游戏-丛林动物宝宝发型沙龙(休闲装扮)Baby Jungle Animal Hair Salon v1.0.10_安卓网
- 洗牌猫下载-洗牌猫(卡牌对战)Shuffle Cats v0.14.8_安卓网
- 终极奥特超人50周年版下载-终极奥特超人50周年版(奥特曼正版授权) v2.3_安卓网
- project h手机|project h安卓-project h手机版(虚拟空间女友)预约 v1.0_安卓网
- project h试玩版-project h手游试玩版预约 v1.0_安卓网