好资源导航 » 文章资讯 » layui递归实现动态左侧菜单

layui递归实现动态左侧菜单

2023-08-18 15:11:04 64

本文实例为大家分享了layui递归实现动态左侧菜单的具体代码，供大家参考，具体内容如下

我知道两种方式实现：

一、先加载所有的主菜单，之后通过点击主菜单在加载该菜单的子菜单(缺点,如果判断是否已经加载过，那么动态添加了菜单，这里显示不出来,不判断的话，每次点击都会请求一次，这样请求的次数就太多了，服务器不太好的话可能会成为高并发的一个原因)

二、就是以下的了，使用递归一次性全部加载出来（缺点,耗费服务器内存）

如果动态添加一个菜单，你当前页面不手动刷新菜单不会显示，这个问题可以考虑用websocket实现

首先是service层如何获取所有的菜单(主菜单和所有的子菜单)

/**
*获取所有菜单
**/
@Override
publicListgetParentMeun(){
//获取所有的菜单(包括子菜单和父级菜单)
Listlist=meunDao.getParentMeun();
//创建一个集合用于保存所有的主菜单
ListrootMeun=newArrayList<>();
//遍历所有菜单集合,如果是主菜单的话直接放入rootMeun集合
for(MeunInfoinfo:list){
//判断为0是因为我的主菜单标识是0
if(info.getMeunParent()==0){
rootMeun.add(info);
}
}


//这个是遍历所有主菜单,分别获取所有主菜单的所有子菜单
for(MeunInfoinfo:rootMeun){
//获取所有子菜单递归
ListchildrenList=getchildrenMeun(info.getId(),list);
//这个是实体类中的子菜单集合
info.setChildrenList(childrenList);
}
returnrootMeun;
}

/**
*递归获取子菜单(这个我也不太理解，copy过去就行)
**/
publicListgetchildrenMeun(intid,ListallMeun){
//用于保存子菜单
ListchildrenList=newArrayList<>();
for(MeunInfoinfo:allMeun){
//判断当前的菜单标识是否等于主菜单的id
if(info.getMeunParent()==id){
//如果是的话就放入主菜单对象的子菜单集合
childrenList.add(info);
}
}

//这里就是递归了，遍历所有的子菜单
for(MeunInfoinfo:childrenList){
info.setChildrenList(getchildrenMeun(info.getId(),allMeun));
}

//如果子菜单为空的话，那就说明某菜单下没有子菜单了，直接返回空,子菜单为空的话就不会继续
//迭代了
if(childrenList!=null&&childrenList.size()==0){
returnnull;
}
returnchildrenList;
}

接下来是实体类

//菜单id
privateintid;
//菜单标题
privateStringmeunTitle;
//菜单地址
privateStringmeunUrl;
//菜单状态
privateintmeunStatus;
//菜单标识
privateintmeunParent;
//菜单排序
privateintmeunSort;
//子菜单集合
privateListchildrenList;

//getset省略

之后你可以测试，可以拿到结果,这个自行测试

界面代码(注意这里我是用的是layui)





Title


#index-container,html,body{
margin:0px;
padding:0px;
}
#index-container{
width:100%;
height:auto;

}

#index-navigationbar{
width:100%;
height:60px;
}

#index-navigationbarul{
padding-left:77%;
}

#index-commonmenu{
width:15%;
height:519px;
float:left;
}
#indixe-tab{
width:84.9%;
height:150px;
float:right;
}









控制台9


个人中心


我

修改信息
安全管理
退了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

layui递归实现动态左侧菜单

热门推荐

随机推荐