thymeleaf实现th:each双重多重嵌套使用

最新推荐文章于 2022-01-04 14:33:22 发布

原创

最新推荐文章于 2022-01-04 14:33:22 发布 · 1.3w 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#thymeleaf #双重嵌套循环 #each

本文介绍了如何使用 Thymeleaf 的 `th:each` 指令实现在个人博客中动态加载一二级文章分类。通过后台实体类和 Controller 层的代码设置，结合 HTML 模板的双重嵌套循环，实现了文章分类的层次展示。在循环中，利用临时变量来遍历并展示各级分类。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

博主最近在做一个个人的博客网站，准备用 thymeleaf 实现一个动态加载一二级文章分类的功能，效果如下：
thymeleaf实现双重嵌套循环
后台实体类代码如下：

/**
 * @author 曲健磊
 * @date 2019-08-22 20:28:18
 * @description 一级分类实体类
 */
public class CateVO {
   

    /**
     * 一级分类id
     */
    private Integer cate1Id;

    /**
     * 一级分类名称
     */
    private String cate1Name;

    /**
     * 该一级分类下的二级分类列表
     */
    private List<Cate2> cate2List;

	// 省略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("/")