递归处理vue菜单数据
结构不多说，bean的封装很简单，直接上核心代码吧，自己根据需要把不要的属性自己过滤掉：
public List<MenuBo> getMenuByUserId(Long user_id,Long company_id) {
//获取所有的菜单
List<MenuBo> rootMenu = new ArrayList<>();
rootMenu = companyFuncInfoMapper.getMenuByUserId(user_id);
List<Long> func_list = companyFuncInfoMapper.getFuncCompanyIdShipByCompanyId(company_id);
Iterator<MenuBo> it=rootMenu.iterator();
while(it.hasNext()){
MenuBo menuBoIt=it.next();
if(!func_list.contains(menuBoIt.getId())){
it.remove();
}
}
//最后的结果
List<MenuBo> menuList = new ArrayList<>();
// 先找到所有的一级菜单
for (int i = 0; i < rootMenu .size(); i++) {
// 一级菜单没有parentId
if (rootMenu .get(i).getPid()==0L) {
// 一级菜单没有parentId
menuList.add(rootMenu.get(i));
}
}
// 为一级菜单设置子菜单，getChild是递归调用的
for (MenuBo menu : menuList) {
Meta meta = new Meta();
meta.setBreadName(menu.getBreadName());
meta.setBreadIcon(menu.getBreadIcon());
meta.setTitle(menu.getBreadName());
menu.setComponent(menu.getComponent());
menu.setMeta(meta);
menu.setChildren(getChild(menu.getId(), rootMenu));
}
return menuList;
}
获取子菜单的方法：
private static List<MenuBo> getChild(Long id, List<MenuBo> rootMenu) {
// 子菜单
List<MenuBo> childList = new ArrayList<>();
for (MenuBo menu : rootMenu) {
// 遍历所有节点，将父菜单id与传过来的id比较
if (menu.getPid()!=null) {
if (menu.getPid().intValue()==id.intValue()) {
Meta meta = new Meta();
meta.setBreadName(menu.getBreadName());
meta.setBreadIcon(menu.getBreadIcon());
meta.setTitle(menu.getBreadName());
menu.setMeta(meta);
menu.setComponent(menu.getComponent());
menu.setTitle(menu.getBreadName());
childList.add(menu);
}
}
}
// 把子菜单的子菜单再循环一遍
for (MenuBo children : childList) {// 没有url子菜单还有子菜单
if (StringUtils.isBlank(children.getPath())) {
// 递归
children.setChildren(getChild(children.getId(), rootMenu));
}
} // 递归退出条件
if (childList.size() == 0) {
return null;
}
return childList;
}
最终结果：
{
"code": "000000",
"msg": "SUCCESS",
"data": [{
"id": 119,
"pid": 0,
"path": "",
"name": "parkManage",
"breadName": "停车场管理",
"component": "homePage",
"breadIcon": "logo-buffer",
"title": null,
"func_type": "0",
"children": [{
"id": 121,
"pid": 119,
"path": "",
"name": "parkInfo",
"breadName": "停车场基本信息",
"component": "parkManagement/parkInfo/parkInfo",
"breadIcon": "ios-cafe",
"title": "停车场基本信息",
"func_type": "0",
"children": [{
"id": 140,
"pid": 121,
"path": "",
"name": "parkInfoManage",
"breadName": "停车场信息管理",
"component": "parkManagement/parkInfo/parkInfoManage",
"breadIcon": "ios-cafe",
"title": "停车场信息管理",
"func_type": "2",
"children": null,
"meta": {
"breadName": "停车场信息管理",
"breadIcon": "ios-cafe",
"title": "停车场信息管理"
}
}, {
"id": 146,
"pid": 121,
"path": "businessUser",
"name": "businessUser",
"breadName": "商家用户管理",
"component": "parkManagement/parkInfo/businessUser",
"breadIcon": "ios-cafe",
"title": "商家用户管理",
"func_type": "2",
"children": null,
"meta": {
"breadName": "商家用户管理",
"breadIcon": "ios-cafe",
"title": "商家用户管理"
}
}],
"meta": {
"breadName": "停车场基本信息",
"breadIcon": "ios-cafe",
"title": "停车场基本信息"
}
}, {
"id": 122,
"pid": 119,
"path": "parkConfig",
"name": "parkConfig",
"breadName": "停车场配置",
"component": "parkManagement/parkConfig/parkConfig",
"breadIcon": "ios-cafe",
"title": "停车场配置",
"func_type": "0",
"children": null,
"meta": {
"breadName": "停车场配置",
"breadIcon": "ios-cafe",
"title": "停车场配置"
}
}],
"meta": {
"breadName": "停车场管理",
"breadIcon": "logo-buffer",
"title": "停车场管理"
}
}, {
"id": 123,
"pid": 0,
"path": "",
"name": "flowDetails",
"breadName": "流水明细查询",
"component": "homePage",
"breadIcon": "logo-buffer",
"title": null,
"func_type": "0",
"children": [{
"id": 124,
"pid": 123,
"path": "carflowInfos",
"name": "carflowInfos",
"breadName": "离场记录",
"component": "flowDetailsQuiry/carflowInfo",
"breadIcon": "ios-cafe",
"title": "离场记录",
"func_type": "0",
"children": null,
"meta": {
"breadName": "离场记录",
"breadIcon": "ios-cafe",
"title": "离场记录"
}
}, {
"id": 126,
"pid": 123,
"path": "flowingWater",
"name": "flowingWater",
"breadName": "在场车辆",
"component": "flowDetailsQuiry/flowingWater",
"breadIcon": "ios-cafe",
"title": "在场车辆",
"func_type": "0",
"children": null,
"meta": {
"breadName": "在场车辆",
"breadIcon": "ios-cafe",
"title": "在场车辆"
}
}, {
"id": 125,
"pid": 123,
"path": "payWater",
"name": "payWater",
"breadName": "收费流水",
"component": "flowDetailsQuiry/payWater",
"breadIcon": "ios-cafe",
"title": "收费流水",
"func_type": "0",
"children": null,
"meta": {
"breadName": "收费流水",
"breadIcon": "ios-cafe",
"title": "收费流水"
}
}],
"meta": {
"breadName": "流水明细查询",
"breadIcon": "logo-buffer",
"title": "流水明细查询"
}
}, {
"id": 127,
"pid": 0,
"path": "",
"name": "reportQuery",
"breadName": "报表查询",
"component": "homePage",
"breadIcon": "logo-buffer",
"title": null,
"func_type": "0",
"children": [{
"id": 128,
"pid": 127,
"path": "chargeDailyReport",
"name": "chargeDailyReport",
"breadName": "收费统计日报表",
"component": "reportQuery/chargeDailyReport",
"breadIcon": "ios-cafe",
"title": "收费统计日报表",
"func_type": "0",
"children": null,
"meta": {
"breadName": "收费统计日报表",
"breadIcon": "ios-cafe",
"title": "收费统计日报表"
}
}, {
"id": 147,
"pid": 127,
"path": "vehicleReport",
"name": "vehicleReport",
"breadName": "车辆进出场报表",
"component": "reportQuery/vehicleReport",
"breadIcon": "ios-cafe",
"title": "车辆进出场报表",
"func_type": "0",
"children": null,
"meta": {
"breadName": "车辆进出场报表",
"breadIcon": "ios-cafe",
"title": "车辆进出场报表"
}
}, {
"id": 148,
"pid": 127,
"path": "temporaryReport",
"name": "temporaryReport",
"breadName": "临停收费报表",
"component": "reportQuery/temporaryReport",
"breadIcon": "ios-cafe",
"title": "临停收费报表",
"func_type": "0",
"children": null,
"meta": {
"breadName": "临停收费报表",
"breadIcon": "ios-cafe",
"title": "临停收费报表"
}
}, {
"id": 149,
"pid": 127,
"path": "paymentReport",
"name": "paymentReport",
"breadName": "支付统计报表",
"component": "reportQuery/paymentReport",
"breadIcon": "ios-cafe",
"title": "支付统计报表",
"func_type": "0",
"children": null,
"meta": {
"breadName": "支付统计报表",
"breadIcon": "ios-cafe",
"title": "支付统计报表"
}
}],
"meta": {
"breadName": "报表查询",
"breadIcon": "logo-buffer",
"title": "报表查询"
}
}, {
"id": 129,
"pid": 0,
"path": "",
"name": "financialControl",
"breadName": "财务管理",
"component": "homePage",
"breadIcon": "logo-buffer",
"title": null,
"func_type": "0",
"children": [{
"id": 130,
"pid": 129,
"path": "merchant",
"name": "merchant",
"breadName": "商家充值",
"component": "financialManage/merchant",
"breadIcon": "ios-cafe",
"title": "商家充值",
"func_type": "0",
"children": null,
"meta": {
"breadName": "商家充值",
"breadIcon": "ios-cafe",
"title": "商家充值"
}
}, {
"id": 131,
"pid": 129,
"path": "vipRecharge",
"name": "vipRecharge",
"breadName": "VIP开通/续费",
"component": "financialManage/vipRecharge",
"breadIcon": "ios-cafe",
"title": "VIP开通/续费",
"func_type": "0",
"children": null,
"meta": {
"breadName": "VIP开通/续费",
"breadIcon": "ios-cafe",
"title": "VIP开通/续费"
}
}, {
"id": 144,
"pid": 129,
"path": "rechargeRule",
"name": "rechargeRule",
"breadName": "充值规则管理",
"component": "financialManage/rechargeRule",
"breadIcon": "ios-cafe",
"title": "充值规则管理",
"func_type": "0",
"children": null,
"meta": {
"breadName": "充值规则管理",
"breadIcon": "ios-cafe",
"title": "充值规则管理"
}
}],
"meta": {
"breadName": "财务管理",
"breadIcon": "logo-buffer",
"title": "财务管理"
}
}, {
"id": 132,
"pid": 0,
"path": "",
"name": "carOwnerManagement",
"breadName": "车主管理",
"component": "homePage",
"breadIcon": "logo-buffer",
"title": null,
"func_type": "0",
"children": [{
"id": 133,
"pid": 132,
"path": "carOwner",
"name": "carOwner",
"breadName": "车主信息",
"component": "carOwnerManagement/carowner",
"breadIcon": "ios-cafe",
"title": "车主信息",
"func_type": "0",
"children": null,
"meta": {
"breadName": "车主信息",
"breadIcon": "ios-cafe",
"title": "车主信息"
}
}, {
"id": 134,
"pid": 132,
"path": "vehicle",
"name": "vehicle",
"breadName": "车辆管理",
"component": "carOwnerManagement/vehicle/vehicle",
"breadIcon": "ios-cafe",
"title": "车辆管理",
"func_type": "0",
"children": null,
"meta": {
"breadName": "车辆管理",
"breadIcon": "ios-cafe",
"title": "车辆管理"
}
}, {
"id": 135,
"pid": 132,
"path": "vipType",
"name": "vipType",
"breadName": "VIP类型",
"component": "carOwnerManagement/vip/vip",
"breadIcon": "ios-cafe",
"title": "VIP类型",
"func_type": "0",
"children": null,
"meta": {
"breadName": "VIP类型",
"breadIcon": "ios-cafe",
"title": "VIP类型"
}
}],
"meta": {
"breadName": "车主管理",
"breadIcon": "logo-buffer",
"title": "车主管理"
}
}, {
"id": 44,
"pid": 0,
"path": "",
"name": "systemManagement",
"breadName": "系统管理",
"component": "homePage",
"breadIcon": "logo-buffer",
"title": null,
"func_type": "0",
"children": [{
"id": 47,
"pid": 44,
"path": "userManagement",
"name": "userManagement",
"breadName": "用户管理",
"component": "systemManagement/userManagement/user",
"breadIcon": "ios-cafe",
"title": "用户管理",
"func_type": "0",
"children": null,
"meta": {
"breadName": "用户管理",
"breadIcon": "ios-cafe",
"title": "用户管理"
}
}, {
"id": 48,
"pid": 44,
"path": "roleManagement",
"name": "roleManagement",
"breadName": "角色管理",
"component": "systemManagement/roleManagement/role",
"breadIcon": "ios-cafe",
"title": "角色管理",
"func_type": "0",
"children": null,
"meta": {
"breadName": "角色管理",
"breadIcon": "ios-cafe",
"title": "角色管理"
}
}, {
"id": 49,
"pid": 44,
"path": "functionalManagement",
"name": "functionalManagement",
"breadName": "功能管理",
"component": "systemManagement/functionalManagement/functional",
"breadIcon": "ios-cafe",
"title": "功能管理",
"func_type": "0",
"children": null,
"meta": {
"breadName": "功能管理",
"breadIcon": "ios-cafe",
"title": "功能管理"
}
}],
"meta": {
"breadName": "系统管理",
"breadIcon": "logo-buffer",
"title": "系统管理"
}
}, {
"id": 142,
"pid": 0,
"path": "/homePage",
"name": "",
"breadName": "首页",
"component": "homePage",
"breadIcon": "ios-home",
"title": null,
"func_type": "0",
"children": [{
"id": 143,
"pid": 142,
"path": "",
"name": "homeMain",
"breadName": "控制台",
"component": "homeMain/homeMain",
"breadIcon": "md-settings",
"title": "控制台",
"func_type": "0",
"children": null,
"meta": {
"breadName": "控制台",
"breadIcon": "md-settings",
"title": "控制台"
}
}],
"meta": {
"breadName": "首页",
"breadIcon": "ios-home",
"title": "首页"
}
}]
}
大家看json结构自己写一下实体类就行了。
递归处理vue菜单数据的更多相关文章
- C# 递归读取XML菜单数据
在博客园注册了有4年了,很遗憾至今仍未发表过博客,趁周末有空发表第一篇博客.小生不才,在此献丑了! 最近在研究一些关于C#的一些技术,纵观之前的开发项目的经验,做系统时显示系统菜单的功能总是喜欢把数据 ...
- PHP递归获得树形菜单和遍历文件夹下的所有文件以及子文件夹
PHP递归获得树形菜单和遍历文件夹下的所有文件以及子文件夹 一.使用递归获取树形菜单 数据表category(id,name,parent_id) <?php class category{ / ...
- 基于MVC4+EasyUI的Web开发框架经验总结（3）- 使用Json实体类构建菜单数据
最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...
- 使用Json实体类构建菜单数据
基于MVC4+EasyUI的Web开发框架经验总结(3)- 使用Json实体类构建菜单数据 最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框 ...
- JAVA递归生成树形菜单
递归生成一个如图的菜单,编写两个类数据模型Menu.和创建树形的MenuTree.通过以下过程实现: 1.首先从菜单数据中获取所有根节点. 2.为根节点建立次级子树并拼接上. 3.递归为子节点建立次级 ...
- （转）基于MVC4+EasyUI的Web开发框架经验总结（3）- 使用Json实体类构建菜单数据
http://www.cnblogs.com/wuhuacong/p/3669708.html 最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开 ...
- 原生js实现 vue的数据双向绑定
原生js实现一个简单的vue的数据双向绑定 vue是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时 ...
- TreeView递归绑定无限分类数据
TreeView递归绑定无限分类数据 实现一个动态绑定,无限级分类数据时,需要将数据绑定到TreeView控件,分类表的结构是这样的: 字段 类型 Id int ParentId int Name N ...
- 详解vue的数据binding原理
自从angular火了以后,各种mv*框架喷涌而出,angular虽然比较火,但是他的坑还是蛮多的,还有许多性能问题被人们吐槽.比如坑爹的脏检查机制,数据binding是受人喜爱的,脏检查就有点…性能 ...
随机推荐
- golang 使用匿名结构体的问题
golang允许使用匿名结构体,形如 type Test struct { param1 struct { param2 string } } 一般在使用的时候可以直接这样初始化 a := Test{ ...
- CRC32明文攻击
明文攻击是一种较为高效的攻击手段,大致原理是当你不知道一个zip的密码,但是你有zip中的一个已知文件(文件大小要大于12Byte)时, 因为同一个zip压缩包里的所有文件都是使用同一个加密密钥来加密 ...
- Ubuntu 18.04中截图工具Shutter的编辑按钮不可用的解决办法
Shutter是一个由第三方提供的在Ubuntu上运行的截图工具,相对于系统自带的截图工具(默认可通过Ctrl + Shift + Print快捷键启动截图),最大的优点就是可以即时对图片进行编辑,在 ...
- DNS域名解析过程，域名的认识
DNS域名解析过程 参考知乎:https://www.zhihu.com/question/23042131 当你通过浏览器输入url访问资源时,会请求DNS解析域名成对应的IP地址,由IP地址在去与 ...
- 浅论Python密文输入密码的方法
近来做作业(老男孩那个9.9元的训练营)我想写一个装逼点的密文输入密码,类似于: 这个东西我先前实现过,忘了获取一个字节的方法是什么,于是去网上找,发现网上的实现方式大部分都有问题. 一.网上(百度) ...
- handsontable的基础应用
handsontable是一款页面端的表格式交互插件,可以通过她加载显示表格内容,能够支持合并项.统计.行列拖动等. 同时,支持对加载后的表格页面的处理:添加/删除行/列,合并单元格等操作. 我在项目 ...
- Winform开发的应用环境和相关技术介绍
随着时间的推移,Winform也算是能够坚持下来最久的技术之一了,它的昔日辉煌和现今的依旧活跃,导致了它依旧拥有者很庞大的用户群体,虽然目前很多技术日新月异的,曾经的ASP.ASP.NET WebFo ...
- marathon传参一
今天试了下marathon传参,新建一个job,增加一个参数,然后用cmd方式,echo出来 定义的json: { "id": "test1", "l ...
- storybook实践
很久之前就听说过storybook,一直想实践一下
- maven打包额外的资源文件
在用Maven打包的时候发现,有一些资源文件打包不到jar包中,于是了解了一下Maven的打包配置,最后得到了解决问题的办法. Maven资源文件的默认约定 构建Maven项目的时候,如果没有进行特殊 ...