三级分类

查询分级菜单

导入分类信息

在数据库electricity_pmspms_category表中插入商品分类数据。直接将 sql 文件pms_catelog.sql数据导入数据库。

Controller 层

CategoryController类中编写方法调用 service 层方法。

/**
* 查询树形列表
*/
@RequestMapping("/list/tree")
//@RequiresPermissions("product:category:list")
public R list(@RequestParam Map<String, Object> params){
List<CategoryEntity> entities = categoryService.listWithTree();
return R.ok().put("data", entities);
}

Service 层

CategoryService接口中编写 listWithTree 方法,并在CategoryServiceImpl类中实现该方法,调用 dao 层获取分级的分类信息。

/**
* 按照树形等级查询所有分类
* @return 列表
*/
@Override
public List<CategoryEntity> listWithTree() {
// 查询所有分类
List<CategoryEntity> entities = baseMapper.selectList(null);
// 组装成父子关系的树形结构
List<CategoryEntity> menus = entities.stream().filter((categoryEntity) ->
// 过滤出一级列表
categoryEntity.getParentCid() == 0
).map((menu) -> {
// 设置子分类
menu.setChildren(getChildren(menu, entities));
return menu;
}).sorted((menu1, menu2) -> {
return (menu1.getSort() == null ? 0 : menu1.getSort()) - (menu2.getSort() == null ? 0 : menu2.getSort());
}).collect(Collectors.toList());// 收集成List
return menus;
}

/**
* 递归获取子分类
* @param root 当前分类
* @param all 所有分类
* @return 子分类集合
*/
private List<CategoryEntity> getChildren(CategoryEntity root, List<CategoryEntity> all) {
List<CategoryEntity> children = all.stream().filter(categoryEntity -> {
// 要查询的分类的父分类ID等于当前分类的ID,表明要查询的分类是当前分类的子分类
return categoryEntity.getParentCid().equals(root.getCatId());
}).map(categoryEntity -> {
// 递归查询子分类
categoryEntity.setChildren(getChildren(categoryEntity, all));
return categoryEntity;
}).sorted((menu1, menu2) -> {
// 分类的排序
return (menu1.getSort() == null ? 0 : menu1.getSort()) - (menu2.getSort() == null ? 0 : menu2.getSort());
}).collect(Collectors.toList());
return children;
}

在递归获取子分类信息时,需要一个字段保存子分类信息,该字段数据库中没有。需要在CategoryEntity类添加字段。

/**
* 子分类,不是数据库的字段
*/
@TableField(exist = false)
private List<CategoryEntity> children;

配置网关路由

新建分类信息前端页面

启动renren-fast后台项目和renren-fast-vue前端项目,在前端页面系统管理中,选择菜单管理,然后新建目录商品管理,在该目录下再新建分类维护菜单,菜单 url 为product/category