后台项目 Express-Mysql-Vue3-TS-Pinia 分析按钮权限

517 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第9天,点击查看活动详情

分析按钮权限

引言

通过之前一段时间 ExpressMysql 的学习

这里尝试来搭建一个 后台系统 来巩固下学习的技术。

分析按钮权限

这里先分析下为什么需要按钮权限,以及如何一步一步 通过 自定义指令 来实现这个功能点

首先是,如果这个系统的某个页面,只想要给用户展示,但是这个页面的一些功能,并不想给没有权限的用户来使用!

说白了,就是 这个页面 允许你可以看,但一些按钮你不能操作

所以不管我们是将这个按钮禁止使用,还是隐藏都可以,就是不让用户操作。

但是我们之前一直是处理 路由,控制展示页面的 url,但是系统是如何知道这个用户 是否能够 控制页面内部的按钮 能否展示呢?

菜单

当然,这里我们还是选择通过配置菜单,来控制页面按钮是否展示

为什么还是通过菜单配置来进行呢?

  • 因为是处理 具体某个页面 下,然后这个页面下的某个按钮是否展示

  • 那么我们给这个页面下,再添加按钮权限即可

那么我们应该如何添加呢,如果像平常一样添加,肯定是不可取的,那么我们需要给每个菜单一个字段,那就是 perms 权限

  • 当然这个 只有 权限菜单 按钮才能够拥有

  • 既然这个 权限菜单 按钮拥有了 这个权限字段,那么它就不再拥有 url地址 这个字段

所以我们可以很快的分析出来,权限的配置就如下图所示

image.png

总结

通过 Express-Mysql-Vue3-TS-Pinia 做出一个 后台系统 项目

这一节,分析了,如何给页面的按钮,添加权限