多级分类列表查询

最新推荐文章于 2024-06-26 14:36:13 发布

睡觉的狐狸

最新推荐文章于 2024-06-26 14:36:13 发布

阅读量3.2k

点赞数

分类专栏： angulars spring 文章标签：多级分类列表

本文链接：https://blog.csdn.net/weixin_39437913/article/details/100212395

版权

spring 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

angulars

4 篇文章 0 订阅

订阅专栏

实现思路

在数据库中，使用parent_id标签，将父id和子列表关联起来。
在这里插入图片描述

面包屑导航

实现思路将浏览的记录，标记放到$scope中进行保存，用entity1,entity2…进行区分

1

修改 itemCatController.js

$scope.grade=1;//默认为 1 级

//设置级别

$scope.setGrade=function(value){

$scope.grade=value;

}

//读取列表

$scope.selectList=function(p_entity){

if($scope.grade==1){//如果为 1 级

$scope.entity_1=null;

$scope.entity_2=null;

}

if($scope.grade==2){//如果为 2 级

$scope.entity_1=p_entity;

$scope.entity_2=null;

}

if($scope.grade==3){//如果为 3 级

$scope.entity_2=p_entity;

}
}
 
$scope.findByParentId(p_entity.id);

2

修改列表的查询下级按钮，设定级别值后显示列表,
如果grade!=3显示这个按钮

<span ng-if="grade!=3">

<button type="button" class="btn bg-olive btn-xs"
ng-click="setGrade(grade+1);selectList(entity)">查询下级</button>

</span>

3

绑定面包屑

<ol class="breadcrumb">

<li><a href="#" ng-click="grade=1;selectList({id:0})">顶级分类列表</a></li>

<li><a href="#" ng-click="grade=2;selectList(entity_1)">{{entity_1.name}}</a></li>

<li><a href="#" ng-click="grade=3;selectList(entity_2)">{{entity_2.name}}</a></li>

</ol>