当前位置: 首页 > news >正文

第五节:Vben Admin权限-前端控制方式

系列文章目录

第一节:Vben Admin介绍和初次运行
第二节:Vben Admin 登录逻辑梳理和对接后端准备
第三节:Vben Admin登录对接后端login接口
第四节:Vben Admin登录对接后端getUserInfo接口
第五节:Vben Admin权限-前端控制方式


文章目录

  • 系列文章目录
  • 前言
  • 一、Vben Admin权限分析
    • 菜单从何而来
  • 二、角色权限(前端方式控制)
    • 1.手动添加路由
    • 2.路由多语配置
    • 3. 页面文件创建
    • 4.结合角色生成菜单
  • 总结


前言

上一节,我们完成了登录功能,已经顺利登录到工作台页面。在工作台页面可以看到左侧已经存在了一些路由菜单。本节我们首先要分析下路由的来龙去脉。


一、Vben Admin权限分析

Vben Admin的项目文档部分,有权限的介绍 传送门
这里我们分别展开分析下,前端角色和后端动态获取模式下,分别如何使用权限,进行项目开发。

项目中集成了三种权限处理方式

  • 通过用户角色来过滤菜单(前端方式控制),菜单和路由分开配置
  • 通过用户角色来过滤菜单(前端方式控制),菜单由路由配置自动生成
  • 通过后台来动态生成路由表(后台方式控制)

查看当前权限模式:目前默认是Route_Mapping方式,即第二种。
在这里插入图片描述

菜单从何而来

我们登陆进去工作台后,左侧会自动显示很多的菜单,这些菜单是如何自动生成出来的呢,带着这个问题,我们分析下。
在我们登陆后,除了请求了用户getUserInfo接口,同时还触发了permissionStore.buildRoutesAction()方法。
在这里插入图片描述
在buildRoutesAction的定义中,我们看到根据projectSetting.permissionMode的三种类型,分别进行了处理;

相关文章:

第五节:Vben Admin权限-前端控制方式

系列文章目录 第一节:Vben Admin介绍和初次运行 第二节:Vben Admin 登录逻辑梳理和对接后端准备 第三节:Vben Admin登录对接后端login接口 第四节:Vben Admin登录对接后端getUserInfo接口 第五节:Vben Admin权限-前端控制方式 文章目录 系列文章目录前言一、Vben Admin权…...

蓝桥杯备赛第二篇(背包问题)

1. 01 背包(采用状态压缩) public static void main(String[] args) {Scanner scanner new Scanner(System.in);int M scanner.nextInt();int N scanner.nextInt();int[] value new int[N 1];int[] weight new int[N 1];int[] dp new int[M 1];…...

【postgresql 基础入门】带过滤条件的查询,where子句中的操作符介绍,案例展示,索引失效的大坑就在这里

查询数据-过滤数据 ​专栏内容: postgresql内核源码分析手写数据库toadb并发编程 ​开源贡献: toadb开源库 个人主页:我的主页 管理社区:开源数据库 座右铭:天行健,君子以自强不息;地势坤&#…...

vue项目打包获取git commit信息并输出到打包后的指定文件夹中

需求背景: 前端项目经常打包,发包部署,为了方便测试及运维发现问题时与正确commit信息对比 实现方式: 使用Node.js的child_process模块来执行git命令 实现步骤: 1.在package.json的同级目录下新建一个version.js文件。…...

vue 移动端app预览和保存pdf踩坑

需求 使用Vue开发h5,嵌套到Android和IOS的Webview里,需要实现pdf预览和保存功能,预览pdf的功能,我这边使用了三个库,pdf5,pdf.js,vue.pdf,现在把这三个库在app端的坑分享一下。先说…...

Vueuse:打造高效的 Vue.js 开发利器

Vueuse:打造高效的 Vue.js 开发利器 Vueuse 是一个功能强大的 Vue.js 生态系统工具库,它提供了一系列的可重用的 Vue 组件和函数,帮助开发者更轻松地构建复杂的应用程序。本文将介绍 Vueuse 的主要特点和用法,以及它在 Vue.js 开发…...

mysql锁的创建方式

在 MySQL 中,锁是用来控制多个用户对同一数据的访问。主要有两种类型的锁:表级锁和行级锁。MySQL 的锁定机制主要是通过 SQL 语句来实现的,而不是通过特定的锁定命令。下面是一些常见的锁相关的 SQL 操作方式:表级锁 MySQL 中,表级锁是最基本的锁策略,它会锁定整个表。一…...

5.WEB渗透测试-前置基础知识-常用的dos命令

内容参考于: 易锦网校会员专享课 上一篇内容:4.WEB渗透测试-前置基础知识-快速搭建渗透环境(下)-CSDN博客 常用的100个CMD指令 1.gpedit.msc—–组策略 2. sndrec32——-录音机 3. Nslookup——-IP地址侦测器 ,是一个…...

解决:code ERESOLVE:ERESOLVE could not resolve 的报错问题

报错实例 报错原因 是我执行npm i xxx-xx的时候会出现这个错误 查了资料表示是node.js的问题 或者的依赖本身的问题 解决 1.在后面加上 --legacy-peer-deps 示例:npm i sass-loader7.3.1 --legacy-peer-deps 2,检查node版本,更改node版本 …...

Dockerfile(3) - WORKDIR 指令详解

WORKDIR 切换到镜像中的指定路径&#xff0c;设置工作目录在 WORKDIR 中需要使用绝对路径&#xff0c;如果镜像中对应的路径不存在&#xff0c;会自动创建此目录一般用 WORKDIR 来替代 切换目录进行操作的指令 RUN cd <path> && <do something> WORKDIR…...

2024万元投影仪怎么选?极米RS10 Ultra和当贝X5 Ultra实测横评

随着过去一年投影仪的不断进步&#xff0c;高端型号在2024年初的选择变得更加多样。除了激光外混光已然成为“金字塔顶端”的一种全新光源选择。目前主流的就是作为Dual Light 2.0新升级的极米RS10 Ultra&#xff0c;以及ALPD5.0超级全色激光代表当贝X5 Ultra。很多人也肯定想知…...

java环境搭建

要搭建 Java 环境&#xff0c;你需要进行以下步骤&#xff1a; 1. 下载和安装 JDK&#xff08;Java Development Kit&#xff09;&#xff1a;访问 Oracle 官方网站&#xff08;https://www.oracle.com/java/technologies/javase-jdk14-downloads.html&#xff09;&#xff0c;…...

【GB28181】wvp-GB28181-pro快速修改登录页面名称(前端)

引言 作为一个非前端开发人员,自己摸索起来比较费劲,也浪费了很多时间 本文快速帮助开发者修改为自己名称的一个国标平台 文章目录 一、 预期效果展示二、 源码修改-前端三、 验证修改效果一、 预期效果展示 二、 源码修改-前端 需要修改的文件位置: 项目工程下web_src目录…...

【lv15 day1 设备号申请和注销】

一、Linux内核对设备的分类 linux的文件种类&#xff1a; -&#xff1a;普通文件 d&#xff1a;目录文件 p&#xff1a;管道文件 s&#xff1a;本地socket文件 l&#xff1a;链接文件 c&#xff1a;字符设备 b&#xff1a;块设备Linux内核按驱动程序实现模型框架的不同&#…...

JVM对象创建与内存分配机制

JVM对象创建与内存分配机制 JVM对象创建与内存分配机制 JVM对象创建与内存分配机制对象的创建过程内存分配对象栈上分配对象逃逸分析标量替换 对象在Eden区分配大对象直接进入老年代长期存活的对象将进入老年代对象年龄动态判断老年代空间分配担保机制 对象头与指针压缩对象头利…...

《TCP/IP详解 卷一》第10章 UDP和IP分片

目录 10.1 引言 10.2 UDP 头部 10.3 UDP校验和 10.4 例子 10.5 UDP 和 IPv6 10.6 UDP-Lite 10.7 IP分片 10.7.1 例子&#xff1a;IPV4 UDP分片 10.7.2 重组超时 10.8 采用UDP的路径MTU发现 10.9 IP分片和ARP/ND之间的交互 10.10 最大UDP数据报长度 10.11 UDP服务器…...

Android进阶之路 - RecyclerView停止滑动后Item自动居中(SnapHelper辅助类)

之前一直没注意 SnapHelper 辅助类的功能&#xff0c;去年的时候看到项目中仅通过俩行代码设置 RecyclerView 后就提升了用户体验&#xff0c;觉得还是很有必要了解一下&#xff0c;尝试过后才发现其 PagerSnapHelper、LinearSnapHelper 子类可以作用于不同场景&#xff0c;且听…...

高性能图表组件LightningChart .NET v11.0发布——增强DPI感知能力

LightningChart完全由GPU加速&#xff0c;并且性能经过优化&#xff0c;可用于实时显示海量数据-超过10亿个数据点。 LightningChart包括广泛的2D&#xff0c;高级3D&#xff0c;Polar&#xff0c;Smith&#xff0c;3D饼/甜甜圈&#xff0c;地理地图和GIS图表以及适用于科学&am…...

神经网络系列---计算图基本原理

文章目录 计算图符号微分符号微分的步骤示例符号微分在计算图中的使用总结 数值微分前向差分法中心差分法数值微分的使用注意事项总结 自动微分1. 基本原理2. 主要类型3. 计算图4. 应用5. 工具和库6. 优点和缺点 计算图1. **计算图的建立**2. **前向传播**3. **反向传播**4. **…...

3D数字孪生

数字孪生&#xff08;Digital Twin&#xff09;是物理对象、流程或系统的虚拟复制品&#xff0c;用于监控、分析和优化现实世界的对应物。 这些数字孪生在制造、工程和城市规划等领域变得越来越重要&#xff0c;因为它们使我们能够在现实世界中实施改变之前模拟和测试不同的场景…...

S7-1200PLC高级语言SCL数控G代码功能块源文件:解析与实现

S7-1200PLC 高级语言SCL数控G代码功能块源文件| S7-1200PLC 高级语言SCL数控G代码功能块源文件| S7-1200PLC 高级语言SCL数控G代码功能块源文件||| 整个G代码解析的程序做成了一个FB功能块,利用1200PLC内置的字符串控制指令来实现拆分提取字符串信息;整个程序的大概思路就是1.解…...

【2026年最新600套毕设项目分享】外卖微信小程序的研究与开发(30099)

有需要的同学&#xff0c;源代码和配套文档领取&#xff0c;加文章最下方的名片哦 一、项目演示 项目演示视频 项目演示视频2 二、资料介绍 完整源代码&#xff08;前后端源代码SQL脚本&#xff09;配套文档&#xff08;LWPPT开题报告/任务书&#xff09;远程调试控屏包运…...

代码冲突率飙升47%?从LLM生成逻辑到Git三路合并,一文讲透智能编码时代的冲突根因与防御体系

第一章&#xff1a;代码冲突率飙升47%&#xff1f;从LLM生成逻辑到Git三路合并&#xff0c;一文讲透智能编码时代的冲突根因与防御体系 2026奇点智能技术大会(https://ml-summit.org) LLM生成代码的“语义相似性陷阱” 大型语言模型在补全函数或重构模块时&#xff0c;常基于…...

如何为Solo1编写扩展应用:完整开发教程与实例

如何为Solo1编写扩展应用&#xff1a;完整开发教程与实例 【免费下载链接】solo1 Solo 1 firmware in C 项目地址: https://gitcode.com/gh_mirrors/so/solo1 Solo1是一款开源的安全密钥设备&#xff0c;其固件采用C语言编写。本教程将带您了解如何为Solo1安全密钥开发自…...

Ostrakon-VL-8B基础教程:WebUI上传PNG/JPG/WebP图片并提问的完整流程

Ostrakon-VL-8B基础教程&#xff1a;WebUI上传PNG/JPG/WebP图片并提问的完整流程 你是不是经常需要处理店铺里的各种图片&#xff1f;比如想快速知道货架上有什么商品&#xff0c;检查一下陈列是否合规&#xff0c;或者看看价格标签有没有贴错。以前这些都得靠人工一张张看&am…...

QuickLookVideo:终极macOS视频预览解决方案,告别Finder无法预览MKV/AVI的烦恼

QuickLookVideo&#xff1a;终极macOS视频预览解决方案&#xff0c;告别Finder无法预览MKV/AVI的烦恼 【免费下载链接】QuickLookVideo This package allows macOS Finder to display thumbnails, static QuickLook previews, cover art and metadata for most types of video …...

【STM32】实战3.2—基于TB6600与微步进控制实现42步进电机的平滑驱动

1. 微步进控制的核心价值 第一次用TB6600驱动42步进电机时&#xff0c;电机转动时的"咔哒"声让我印象深刻。这种典型的满步驱动噪音不仅影响使用体验&#xff0c;在需要精密控制的场景更是致命伤。后来接触到微步进技术&#xff0c;才发现原来步进电机可以运行得如此…...

别再只会用BurpSuite抓包了!结合DVWA靶场,手把手教你玩转Intruder模块的密码爆破

从抓包到爆破&#xff1a;BurpSuite Intruder模块在DVWA靶场中的高阶实战 当你在渗透测试中遇到一个登录表单时&#xff0c;仅仅拦截请求可能远远不够。真正的威力在于如何将一次简单的抓包转化为系统性的自动化攻击。这就是BurpSuite Intruder模块的价值所在——它能把单调的手…...

Cursor Pro免费激活器:三步解锁AI编程神器的完整指南

Cursor Pro免费激活器&#xff1a;三步解锁AI编程神器的完整指南 【免费下载链接】cursor-free-vip [Support 0.45]&#xff08;Multi Language 多语言&#xff09;自动注册 Cursor Ai &#xff0c;自动重置机器ID &#xff0c; 免费升级使用Pro 功能: Youve reached your tria…...

SAP ECC6 EC-CS 标准报表项目(FS Item)× SAP 标准总账科目对照版

SAP ECC6 EC-CS 标准报表项目&#xff08;FS Item&#xff09; SAP 标准总账科目对照版&#xff08;Excel 可直接下载&#xff0c;适配中国企业会计准则 IFRS&#xff0c;含事务码映射、必填字段、映射逻辑&#xff0c;可直接导入 CX16 做科目映射&#xff09;⚠️ 核心说明编…...