| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> PHP知识库 -> vue+php关于用户权限与权限更新 -> 正文阅读 |
|
[PHP知识库]vue+php关于用户权限与权限更新 |
要想给前端页面的每个路由甚至是每个页面的一个按钮都添加相应权限,最好的办法就是将所有页面的路由存储在数据库中 上图中step代表了当前权限的层级,up_node代表此权限节点依托于上一个节点的id,一级权限的上级节点默认为-1,role_type代表权限种类,1代表根节点,2代表页面,3代表按钮。唯一标识marks为前端页面判定的唯一依据,与前端路由中meta.marks一致,如下图 由此转化为可视化页面为下图: 注意:层级关系最好和前端路由关系一致 ?而权限和用户的关系在关系表中, ?这样就可以查到每个用户有哪些权限了。下面去到前端,用户登陆后获取该用户的权限列表,如下图,其结果存在vuex中,防止篡改,每次刷新页面后重新获取: ?在导航栏中将本地路由与获取的标识匹配,未匹配到的路由隐藏 ?为防止在地址栏中输入路由跳转,须在路由守卫中进行验证,未匹配的直接拦截: ?效果如下: ?至于更新机制,我是怎么做的,关于权限的跟新判定一般采用1:在登陆后或者刷新页面后获取权限列表,但是无法使客户端实时获得最新权限。2:轮询,效率低,占用系统资源和流量过大;3:每次切换页面前请求权限列表,占用服务器资源和流量比二少点,但也高,而且用户不切页面就无法获取最新权限。4:websocket长链接,研究中。 所以本人采用了第五种:为每个用户一个权限版本字段直接写入用户表,每次修改权限给相应用户权限版本+1;初次登录时随token返给前端,前端每次请求时携带token,后台每次先验证token,再进入业务层,所有接口都判定,在当前版本小于数据库版本时,直接接口返回status码触发前端更新机制。 ?将上图方法在公共入口处调用,通过后再进入各接口逻辑 而前端也要做相应处理,当status码返回403时,返回登录界面或是更新权限表 ?以上就是本人关于vue+php实现权限系统的大致思路,要实现完整功能还需要完善一些细节,不过基本方向就是这样了 ? |
|
PHP知识库 最新文章 |
Laravel 下实现 Google 2fa 验证 |
UUCTF WP |
DASCTF10月 web |
XAMPP任意命令执行提升权限漏洞(CVE-2020- |
[GYCTF2020]Easyphp |
iwebsec靶场 代码执行关卡通关笔记 |
多个线程同步执行,多个线程依次执行,多个 |
php 没事记录下常用方法 (TP5.1) |
php之jwt |
2021-09-18 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/23 11:10:34- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |