051 首页三级分类从数据库中动态加载

index.html

1. <div class="all-sorts-list">
2.                                         <div class="yui3-u Left all-sort">
3.                                                 <h4>全部商品分类</h4>
4.                                         </div>
5.                                         <div class="sort">
6.                                                 <div class="all-sort-list2">
7.                                                         <div class="item" th:each="category : ${categorys}">
8.                                                                 <h3>
9.                                                                         <a href="" th:text="${category.name}">手机、数码、充值</a>
10.                                                                 </h3>
11.                                                                 <div class="item-list clearfix">
12.                                                                         <div class="subitem">
14.                                                                                 <dl class="fore" th:each="category2 : ${category.category2VoList}">
15.                                                                                         <dt>
16.                                                                                                 <a href="" th:text="${category2.name}">音像</a>
17.                                                                                         </dt>
18.                                                                                         <dd>
19.                                                                                                 <em th:each="category3 : ${category2.category3VoList}">
20.                                                                                                         <a href="" th:text="${category3.name}">音乐</a>
21.                                                                                                 </em>
22.                                                                                         </dd>
23.                                                                                 </dl>
25.                                                                         </div>
26.                                                                 </div>
27.                                                         </div>
28.                                                 </div>
29.                                         </div>
30.                                 </div>

复制代码

CategoryVo.java

1. package com.xd.cubemall.product.vo;
4. import lombok.AllArgsConstructor;
5. import lombok.Data;
6. import lombok.NoArgsConstructor;
8. import java.util.List;
10. /**
11. * 一级分类
12. */
13. @NoArgsConstructor
14. @AllArgsConstructor
15. @Data
16. public class CategoryVo {
17.    
19.     private String id;
20.     private String name;
21.     // 关联的二级分类集合
22.     private List<Category2Vo> Category2VoList;
24. }

复制代码

Category2Vo.java

1. package com.xd.cubemall.product.vo;
4. import lombok.AllAr

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。