前端面试题：后台管理系统的权限怎么弄，如何根据权限展示不同的页面

妖狐艹你老母 2023-06-24 04:57 74阅读 0赞

简介：

后台管理系统中的权限管理是常见的问题，因为，后端管理牵扯到不同工作人员的职责和权限，所以，对于后台管理系统来说，不同的人员登录进入到系统后，看到的菜单（功能）是不一样的，这就是所谓的后台管理系统的权限。

亲：如果你觉得下面的描述不够你使用，可以看我在掘金写这篇文章：[后台管理系统的权限以及vue处理权限的思路][vue]

一、后台管理系统的权限怎么弄（前端）?

1、首先后台管理系统的菜单的做成“活的”，即，菜单不能是纯粹的静态的，而应该是根据后端返回来的数据，来显示菜单的。

2、菜单如何做成活的？

如：

1）、前端登录（给后端发送用户名和密码），后端验证成功后，会根据登录的用户，给前端返回来菜单数据，比如：

[
        {
            "id":"001",
            "title":"菜单01",
            "url":"menu01.html"
        },
        {
            "id":"002",
            "title":"菜单02",
            "url":"menu02.html"
        },
        {
            "id":"003",
            "title":"菜单04",
            "url":"menu04.html"
        }
    ]

前端只需要把它循环一下，显示在页面上就行。

二、如何根据权限展示不同的页面

其实，这个跟第一个问题是一样的。

三、再来解释一下，权限设置（如果你想进一步了解，就看这一点，如果不需要，那就不用看这一点了）

1、权限设置：

1）、后台管理系统，会给每个用户分配权限，分配权限有几个角度： 根据角色分配权限，根据用户分配权限。

如果是根据角色（如：开发人员）分配权限，那么，属于该角色的用户（如果你是开发人员）都会拥有相同的权限。这样相当于批量给人员分配权限。

进一步在角色（批量）分配权限的基础上，可以再针对个别用户进行单独设置权限。

[vue]: https://juejin.cn/post/6907052603033518093

发表评论取消回复

表情：

评论列表（有 0 条评论，74人围观）

还没有评论，来说两句吧...

相关阅读

相关后台管理系统的权限实现，根据权限展示不同的页面

后台菜单权限设计实现思路设计一款后台产品时，用户角色权限控制是最常遇到的问题，本文以最简单最基本菜单权限设计实现，采用具体案例来说明权限设计应该怎么实现。原始需求：

今天药忘吃喽~/ 2023年09月28日 15:43/ 0 赞/ 90 阅读

相关 mysql管理员权限怎么弄

mysql管理工具哪个好mysql管理工具哪个好mysql管理工具哪个好推荐两款：1、MySQLWorkbenchMySQLWorkbench是一款图形化的数据库设计工

我不是女神ヾ/ 2023年09月25日 09:19/ 0 赞/ 144 阅读

相关 vue 后台管理登录权限不同，不同的导航菜单

后台管理不同的权限登录，后台的导航栏显示不同菜单 1.router.js 路由页面的配置首先路由页面分两块，一块是默认的路由，无论用户的权限是什么，都会访问到的页面

绝地灬酷狼/ 2023年07月24日 02:22/ 0 赞/ 114 阅读

相关前端面试题：后台管理系统的权限怎么弄，如何根据权限展示不同的页面

简介：后台管理系统中的权限管理是常见的问题，因为，后端管理牵扯到不同工作人员的职责和权限，所以，对于后台管理系统来说，不同的人员登录进入到系统后，看到的菜单（功能

妖狐艹你老母/ 2023年06月24日 04:57/ 0 赞/ 75 阅读

相关 VUE中如何实现后台管理系统的权限控制

[https://baijiahao.baidu.com/s?id=1612050097808380696&wfr=spider&for=pc][https_baijiahao

￡神魔★判官ぃ/ 2022年11月14日 11:51/ 0 赞/ 318 阅读

相关后台权限管理系统

项目简介 CommonAdmin是一个按钮级权限管理系统，包含企业后台最常用的系统模块，代码简洁，开箱即用。访问地址：[https://gitee.com/caoch

秒速五厘米/ 2022年09月02日 05:25/ 0 赞/ 718 阅读

相关后台权限管理系统

项目简介 CommonAdmin是一个按钮级权限管理系统，包含企业后台最常用的系统模块，代码简洁，开箱即用。访问地址：[https://gitee.com/caoch

客官°小女子只卖身不卖艺/ 2022年08月29日 10:48/ 0 赞/ 478 阅读

相关 Vue+Nuxt如何实现后台管理系统的权限控制

页面权限控制分为两种：菜单中的页面是否能被访问页面中的按钮（增、删、改）的权限控制是否显示大致的页面访问权限的流程：详细实现过程： 1、创建路由表

痛定思痛。/ 2022年01月26日 06:45/ 0 赞/ 480 阅读

相关电商后台管理系统权限管理角色列表的权限信息渲染

一代码 1 修改 Roles.vue <template> <div>

我会带着你远行/ 2021年07月25日 00:54/ 0 赞/ 651 阅读

相关电商后台管理系统权限管理角色列表的分配权限

一代码 1 修改 Roles.vue <template> <div>

深碍√TFBOYSˉ_/ 2021年07月24日 12:05/ 0 赞/ 641 阅读