-
萌态尤物2018-12-27 00:00
- 10
- 72
- 0
1、我是用elementui框架做的前后端分离的后台管理系统；
2、管理系统中有不同的管理角色，而不同的角色看到的导航菜单不相同；
3、在展示的页面中，不同角色看到的数据不同、页面级的操作也有所区别，比如说，权限高的管理员除了查看数据还能进行一些操作：新增、删除，而权限低的用户只能看到数据，并不能看到操作按钮；
问题如上所述，欢迎各位同道中人不吝赐教！
导航菜单的数据格式
[{
"menuId": 1,
"parentId": 0,
"parentName": null,
"name": "运维管理",
"path": "/",
"perms": null,
"type": null,
"children": [{
"menuId": 5,
"parentId": 1,
"parentName": null,
"name": "工单管理",
"path": "/",
"perms": null,
"type": null,
"children": [{
"menuId": 11,
"parentId": 5,
"parentName": null,
"name": "装机工单",
"path": "/mechanicOrder",
"perms": null,
"type": null,
"children": [{
"menuId": 15,
"parentId": 11,
"parentName": null,
"name": "新建装机",
"path": "",
"perms": null,
"type": null,
"children": [{
"menuId": 22,
"parentId": 15,
"parentName": null,
"name": "修改撤机",
"path": "",
"perms": null,
"type": null,
"children": null
}]
}, {
"menuId": 16,
"parentId": 11,
"parentName": null,
"name": "修改装机",
"path": "",
"perms": null,
"type": null,
"children": null
}]
}, {
"menuId": 12,
"parentId": 5,
"parentName": null,
"name": "配送工单",
"path": "/dispatchOrder",
"perms": null,
"type": null,
"children": [{
"menuId": 17,
"parentId": 12,
"parentName": null,
"name": "新增配送",
"path": "",
"perms": null,
"type": null,
"children": null
}, {
"menuId": 18,
"parentId": 12,
"parentName": null,
"name": "修改配送",
"path": "",
"perms": null,
"type": null,
"children": null
}]
}, {
"menuId": 13,
"parentId": 5,
"parentName": null,
"name": "维修工单",
"path": "/maintainOrder",
"perms": null,
"type": null,
"children": [{
"menuId": 19,
"parentId": 13,
"parentName": null,
"name": "新增配送",
"path": "",
"perms": null,
"type": null,
"children": null
}, {
"menuId": 20,
"parentId": 13,
"parentName": null,
"name": "修改配送",
"path": "",
"perms": null,
"type": null,
"children": null
}]
}, {
"menuId": 14,
"parentId": 5,
"parentName": null,
"name": "撤机工单",
"path": "/leaveOrder",
"perms": null,
"type": null,
"children": [{
"menuId": 21,
"parentId": 14,
"parentName": null,
"name": "新建撤机",
"path": "",
"perms": null,
"type": null,
"children": null
}]
}]
}, {
"menuId": 6,
"parentId": 1,
"parentName": null,
"name": "点位管理",
"path": "/",
"perms": null,
"type": null,
"children": [{
"menuId": 23,
"parentId": 6,
"parentName": null,
"name": "点位管理",
"path": "/",
"perms": null,
"type": null,
"children": [{
"menuId": 24,
"parentId": 23,
"parentName": null,
"name": "新建点位",
"path": "",
"perms": null,
"type": null,
"children": null
}, {
"menuId": 25,
"parentId": 23,
"parentName": null,
"name": "修改点位",
"path": "",
"perms": null,
"type": null,
"children": null
}, {
"menuId": 26,
"parentId": 23,
"parentName": null,
"name": "删除点位",
"path": "",
"perms": null,
"type": null,
"children": null
}, {
"menuId": 27,
"parentId": 23,
"parentName": null,
"name": "配置补货员",
"path": "",
"perms": null,
"type": null,
"children": null
}, {
"menuId": 28,
"parentId": 23,
"parentName": null,
"name": "配置维修员",
"path": "",
"perms": null,
"type": null,
"children": null
}]
}]
}, {
"menuId": 7,
"parentId": 1,
"parentName": null,
"name": "设备管理",
"path": "/",
"perms": null,
"type": null,
"children": [{
"menuId": 29,
"parentId": 7,
"parentName": null,
"name": "设备管理",
"path": "/equipManage",
"perms": null,
"type": null,
"children": [{
"menuId": 30,
"parentId": 29,
"parentName": null,
"name": "新增设备",
"path": "",
"perms": null,
"type": null,
"children": null
}, {
"menuId": 31,
"parentId": 29,
"parentName": null,
"name": "投放设备",
"path": "",
"perms": null,
"type": null,
"children": null
}, {
"menuId": 32,
"parentId": 29,
"parentName": null,
"name": "查看设备",
"path": "",
"perms": null,
"type": null,
"children": null
}]
}, {
"menuId": 33,
"parentId": 7,
"parentName": null,
"name": "设备状态",
"path": "/equipStatus",
"perms": null,
"type": null,
"children": null
}]
}, {
"menuId": 8,
"parentId": 1,
"parentName": null,
"name": "策略管理",
"path": "/",
"perms": null,
"type": null,
"children": [{
"menuId": 35,
"parentId": 8,
"parentName": null,
"name": "货道策略",
"path": "/cargoLane",
"perms": null,
"type": null,
"children": [{
"menuId": 36,
"parentId": 35,
"parentName": null,
"name": "货道配置",
"path": "/cargoLane",
"perms": null,
"type": null,
"children": [{
"menuId": 37,
"parentId": 36,
"parentName": null,
"name": "新建策略",
"path": "",
"perms": null,
"type": null,
"children": null
}]
}]
}, {
"menuId": 38,
"parentId": 8,
"parentName": null,
"name": "皮肤策略",
"path": "/skin",
"perms": null,
"type": null,
"children": null
}]
}, {
"menuId": 9,
"parentId": 1,
"parentName": null,
"name": "广告管理",
"path": "/video",
"perms": null,
"type": null,
"children": [{
"menuId": 39,
"parentId": 9,
"parentName": null,
"name": "广告管理",
"path": "/video",
"perms": null,
"type": null,
"children": [{
"menuId": 40,
"parentId": 39,
"parentName": null,
"name": "视频管理",
"path": "/video",
"perms": null,
"type": null,
"children": [{
"menuId": 42,
"parentId": 40,
"parentName": null,
"name": "新增视频",
"path": "",
"perms": null,
"type": null,
"children": null
}]
}, {
"menuId": 41,
"parentId": 39,
"parentName": null,
"name": "图片管理",
"path": "/picture",
"perms": null,
"type": null,
"children": [{
"menuId": 43,
"parentId": 41,
"parentName": null,
"name": "新增图片",
"path": "",
"perms": null,
"type": null,
"children": null
}]
}]
}]
}, {
"menuId": 10,
"parentId": 1,
"parentName": null,
"name": "库存管理",
"path": "/stock",
"perms": null,
"type": null,
"children": [{
"menuId": 45,
"parentId": 10,
"parentName": null,
"name": "库存管理",
"path": "/stock",
"perms": null,
"type": null,
"children": null
}]
}]0
打赏
收藏
点击回答
您的回答被采纳后将获得：提问者悬赏的 10 元积分
- 共 0 条
- 全部回答
-
千江锋 普通会员 1楼
后台管理系统通常使用前后端分离的方式来设计，前端负责用户界面，后端负责数据处理和业务逻辑。在前后端分离的情况下，不同的角色可以有不同的页面。
前端：前端主要是负责用户界面的开发，包括前端框架的选择、前端页面的设计、前端样式和CSS的编写等。前端的角色主要包括前端开发人员和前端设计师。
后端：后端主要是负责处理用户的请求，提供数据，以及实现业务逻辑。后端的角色主要包括后端开发人员和后端架构师。
在前端界面的设计上，前端可以根据不同的角色来设计不同的页面。例如，对于普通用户，前端可能会设计一个简洁的首页，展示一些常用的功能；对于管理员，前端可能会设计一个详细的数据管理页面，展示所有的数据信息。
在业务逻辑上，后端可以根据不同的角色来设计不同的逻辑。例如，对于管理员，后端可能会设计一个权限管理页面，根据用户的角色来决定哪些功能可以访问；对于普通用户，后端可能会设计一个数据修改页面，用户可以修改自己的数据信息。
这就是后台管理系统中前后端分离、不同角色看到的页面不同的一种实现方式。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部