/**
* 模板引擎
* 1)thymeleaf-starter 关闭缓存
* 2）静态资源放static按照路径直接访问
* 3)页面放在template下。直接访问
* springboot，项目访问自动访问index.html
* 4)不重启服务器的情况下更新资源
* 1)引入dev-tools
* 2）修改完页面，ctrl shift f9 重新自动编译下页面，代码配重启
*/
pom文件添加依赖
<!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-thymeleaf -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
<version>2.1.8.RELEASE</version>
</dependency>
<!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-devtools -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<optional>true</optional>
<version>2.1.8.RELEASE</version>
</dependency>index.html使用thymeleaf内带的标签修改
<div class="header_main">
<div class="header_banner">
<div class="header_main_left">
<ul>
<li th:each="category:${categorys}">
<a href="#" class="header_main_left_a" th:attr="ctg-data=${category.catId}"><b th:text="${category.name}">家用电器</b> </a>
</li>
</ul>
</div>增加Catelog2Vo
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Catelog2Vo {
private String catelogId;
private List<Catelog3Vo> catalog3List;
private String id;
private String name;
/**
* 三级分类vo
*/
@Data
@AllArgsConstructor
@NoArgsConstructor
public static class Catelog3Vo{
private String catalog2Id;
private String name;
private String id;
}
}首页跳转一级分类
@GetMapping({"/","index.html"})
public String indexPage(Model model){
//todo 1,查出所有的一级分类
List<CategoryEntity> categoryEntities= categoryService.getLevel1Categorys();
model.addAttribute("categorys",categoryEntities);
return "index";
}获取二三级json数据
@ResponseBody
@GetMapping("index/catalog.json")
public Map<String, List<Catelog2Vo>> getCatalogJson(){
Map<String, List<Catelog2Vo>> map= categoryService.getCatalogJson();
System.out.println(map);
return map;
}一级 分类
List<CategoryEntity> getLevel1Categorys()；
@Override
public List<CategoryEntity> getLevel1Categorys() {
QueryWrapper<CategoryEntity> wrapper = new QueryWrapper<>();
wrapper.eq("parent_cid",0);
List<CategoryEntity> categoryEntities = baseMapper.selectList(wrapper);
return categoryEntities;
}二三级分类查询
Map<String, List<Catelog2Vo>> getCatalogJson();
@Override
public Map<String, List<Catelog2Vo>> getCatalogJson() {
//1.查出所有一级分类
List<CategoryEntity> level1Categorys = getLevel1Categorys();
//2封装数据
Map<String, List<Catelog2Vo>> parent_cid = level1Categorys.stream().collect(Collectors.toMap(k -> k.getCatId().toString(), v -> {
//1.每一个的一级分类，查到这个一级分类的二级分类
List<CategoryEntity> categoryEntities = baseMapper.selectList(new QueryWrapper<CategoryEntity>()
.eq("parent_cid", v.getCatId()));
//2.封装上面的结果
List<Catelog2Vo> catelog2Vos = null;
if (categoryEntities != null) {
catelog2Vos = categoryEntities.stream().map(l2 -> {
Catelog2Vo catelog2Vo = new Catelog2Vo(
v.getParentCid().toString(), null, v.getName().toString(), v.getCatId().toString()
);
//找出当前二级分类的三级分类分装成vo
List<CategoryEntity> categoryEntities1 = baseMapper.selectList(new QueryWrapper<CategoryEntity>().eq("parent_cid", l2.getCatId()));
List<Catelog2Vo.Catelog3Vo> collect=null;
if (categoryEntities1!=null){
collect = categoryEntities1.stream().map(l3 -> {
Catelog2Vo.Catelog3Vo catelog3Vo = new Catelog2Vo.Catelog3Vo(l2.getCatId().toString(), l3.getName(), l3.getCatId().toString());
return catelog3Vo;
}).collect(Collectors.toList());
}
catelog2Vo.setCatalog3List(collect);
return catelog2Vo;
}).collect(Collectors.toList());
}
return catelog2Vos;
}));
return parent_cid;
}最后数据查看json格式部分
"11": [
{
"catelogId": "0",
"catalog3List": [
{
"catalog2Id": "82",
"name": "商务休闲鞋",
"id": "774"
},
{
"catalog2Id": "82",
"name": "正装鞋",
"id": "775"
},
{
"catalog2Id": "82",
"name": "休闲鞋",
"id": "776"
},
{
"catalog2Id": "82",
"name": "凉鞋/沙滩鞋",
"id": "777"
},
{
"catalog2Id": "82",
"name": "男靴",
"id": "778"
},
{
"catalog2Id": "82",
"name": "功能鞋",
"id": "779"
},
{
"catalog2Id": "82",
"name": "拖鞋/人字拖",
"id": "780"
},
{
"catalog2Id": "82",
"name": "雨鞋/雨靴",
"id": "781"
},
{
"catalog2Id": "82",
"name": "传统布鞋",
"id": "782"
},
{
"catalog2Id": "82",
"name": "鞋配件",
"id": "783"
},
{
"catalog2Id": "82",
"name": "帆布鞋",
"id": "784"
},
{
"catalog2Id": "82",
"name": "增高鞋",
"id": "785"
},
{
"catalog2Id": "82",
"name": "工装鞋",
"id": "786"
},
{
"catalog2Id": "82",
"name": "定制鞋",
"id": "787"
}
],
"id": "鞋靴",
"name": "11"
},
{
"catelogId": "0",
"catalog3List": [
{
"catalog2Id": "83",
"name": "高跟鞋",
"id": "788"
},
{
"catalog2Id": "83",
"name": "单鞋",
"id": "789"
},
{
"catalog2Id": "83",
"name": "休闲鞋",
"id": "790"
},
{
"catalog2Id": "83",
"name": "凉鞋",
"id": "791"
},
{
"catalog2Id": "83",
"name": "女靴",
"id": "792"
},
{
"catalog2Id": "83",
"name": "雪地靴",
"id": "793"
},
{
"catalog2Id": "83",
"name": "拖鞋/人字拖",
"id": "794"
},
{
"catalog2Id": "83",
"name": "踝靴",
"id": "795"
},
{
"catalog2Id": "83",
"name": "筒靴",
"id": "796"
},
{
"catalog2Id": "83",
"name": "帆布鞋",
"id": "797"
},
{
"catalog2Id": "83",
"name": "雨鞋/雨靴",
"id": "798"
},
{
"catalog2Id": "83",
"name": "妈妈鞋",
"id": "799"
},
{
"catalog2Id": "83",
"name": "鞋配件",
"id": "800"
},
{
"catalog2Id": "83",
"name": "特色鞋",
"id": "801"
},
{
"catalog2Id": "83",
"name": "鱼嘴鞋",
"id": "802"
},
{
"catalog2Id": "83",
"name": "布鞋/绣花鞋",
"id": "803"
},
{
"catalog2Id": "83",
"name": "马丁靴",
"id": "804"
},
{
"catalog2Id": "83",
"name": "坡跟鞋",
"id": "805"
},
{
"catalog2Id": "83",
"name": "松糕鞋",
"id": "806"
},
{
"catalog2Id": "83",
"name": "内增高",
"id": "807"
},
{
"catalog2Id": "83",
"name": "防水台",
"id": "808"
}
],
"id": "鞋靴",
"name": "11"
}
],
