第十一节：Vben Admin实战-系统管理之角色管理实现(删除，状态修改)-下

已于 2024-05-03 20:15:09 修改
阅读量677 收藏 1
点赞数 5
CC 4.0 BY-SA版权
分类专栏： Vben Admin框架实战(Python Flask后端) 文章标签： 前端 anti-design-vue vue flask 前端框架 vben admin
于 2024-03-25 07:30:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cui_win/article/details/136973752
本文是Vben Admin实战系列的一部分，详细介绍了如何实现角色管理的删除和状态修改功能。前端涉及setRoleStatus接口的添加与状态切换的验证，后端包括接口实现与角色删除功能的验证。同时，还涵盖了角色查询功能的后端修改和筛选查询的验证。

系列文章目录

基础篇
第一节：Vben Admin介绍和初次运行
第二节：Vben Admin 登录逻辑梳理和对接后端准备
第三节：Vben Admin登录对接后端login接口
第四节：Vben Admin登录对接后端getUserInfo接口
第五节：Vben Admin权限-前端控制方式
第六节：Vben Admin权限-后端控制方式
第七节：Vben Admin权限-后端获取路由和菜单

实战篇
第八节：Vben Admin登录页面自定义
第九节：Vben Admin实战-系统管理之角色管理实现-上
第十节：Vben Admin实战-系统管理之角色管理实现(分页查询，修改)-中
第十一节：Vben Admin实战-系统管理之角色管理实现(删除，状态修改)-下
第十二节：Vben Admin实战-系统管理之用户管理
第十三节：Vben Admin实战-系统管理之菜单管理

专栏链接
Vben Admin框架实战(Python后端)

文章目录

前言

本文将完成角色管理的剩余功能。前两节已实现了新增，修改和分页查询。

一、角色状态修改

我们的角色列表这里，点击状态是会触发一个setRoleStatus接口的，这里我们就是完成这部分功能。
在这里插入图片描述

前端部分修改

src/api/sys/role.ts

新增setRoleStatus的接口

enum Api {
   
   
  ...
  ...
  setRoleStatus = '/auth/role/setRoleStatus',
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Vue开发实战十一:Vue3+TS+Antd实现vben项目的增删改查
博主逸尘
12-03 3771
文章目录1.效果图预览2.列表的实现3.数据新增、修改及附件上传的实现4.详情界面的实现 说明：之前用Vue2+ElementUI|iView用的那是相当的爽，写法和之前做移动的用的Ionic很是类似，最近新开了一个项目，用的Vue3+TS+Antd那真是一把辛酸一把泪，完全摸索+找规律+瞎蒙，开发了一个模块之后终于有所得，以此篇文章记录。 1.效果图预览 老规矩先上效果图 列表 新增 附件上传 修改 详情 2.列表的实现 index.vue页面中 template布局如下，BasicTable列
第九节：Vben Admin实战-系统管理之角色管理实现-上
cuiwin的专栏
03-17 2641
之前的章节，主要侧重对Vben Admin的了解，后端代码主要是模拟的Json数据，从本节开始，我们要侧重后端的代码，结合数据库进行系统权限的管理。本节主要介绍角色管理模块的增删改查。这节主要是摸索，Vben Admin 在实际使用过程中如何和后端接口打通，目前只简单实现了添加功能，后面还需要补充分页查询，修改，删除等功能。
vben-admin-一个前端开箱即用的企业级管理系统框架
weixin_74417835的博客
04-11 4780
Vben Admin是一个基于Vue 3、Vite、TypeScript和Ant Design Vue的企业级中后台管理系统框架。它提供了一套完整的解决方案，帮助开发者快速搭建现代化的管理系统。Vben Admin是一个功能完善、易于使用的企业级管理系统框架，它基于最新的前端技术栈，提供了一套完整的解决方案，帮助开发者快速搭建现代化的管理系统。通过使用Vben Admin，开发者可以专注于业务逻辑的开发，而不必花费大量时间在基础架构的搭建上。
讲解用户角色切换
weixin_34049032的博客
01-12 280
方法一：有root密码，可以使用su - root切换到root下，为了安全起见，不建议使用，因为如果切换到root下，被人修改了root密码，就真的完蛋了.......方法二：通过sudo给普通用户授权，让普通用户拥有root指定的权限，建议使用，禁止使用sudo su - 切换到root下，防止不良的人修改root密码[root@dome ~]# visudo相当于vi ...
实战SpringBoot2+Vue3-Vben-Admin整合之前端篇
05-14
【※  购买前提醒  ※】本课程分为前端+后端共计2个课程，本课属于前端部分，后端属于另外课程。 后端部分：https://download.youkuaiyun.com/course/detail/37057适用人群Java生态开发人员、Vue生态开发人员、IT类从业者课程概述该互联网实战项目是基于 Spring Boot 2+ SpringSecurity5+Element UI+Vue3-Vben-Admin+可视化等技术栈开发的项目，采用多模块，前后端分离开发。包括图形展示、权限管理、用户管理等功能。【后端技术】技术 说明Spring Boot2 MVC框架 开发的一站式解决方案Spring Security5  认证和授权框架MyBatisPlus3.3.1  基于 MyBatis 框架的快速研发框架MyBatisCode工具 生成 MyBatis 相关代码Jackson 提供了处理 JSON 数据的工具Lombok 简化对象封装工具 Druid   数据库连接池 【前端技术】Vue        互联网最火的前端框架Vue Router 路由框架Vuex 全局状态管理框架Axios 前端 HTTP 框架Vue-Vben-AdminI 前端 UI 框架 前端模板【开发工具】IntelliJ IDEA 开发 IDESQLyog 数据库连接客户端Postman HTTP 请求工具【开发环境】工具 版本JDK 1.8MySQL 5.7
Vben Admin 自学记录 —— 路由跳转的基本使用及练习（持续更新中...）
qq_36842789的博客
05-07 3941
项目路由配置存放于 src/router/routes 下面。src/router/routes/modules用于存放路由模块，在该目录下的文件会自动注册。
第十四节：Vben Admin实战-系统管理之角色菜单绑定
cuiwin的专栏
08-02 819
权限管理部分，目前已经实现了角色，用户，菜单的管理，现在还剩余一个重要的部分，是角色和菜单的动态绑定。Vben Admin 演示案例部分，是在角色管理的抽屉弹出框实现的，但是感觉展示不够直观，我们这里用一个单独的页面实现这部分的功能。src/api/sys/role.ts 文件中定义：# 角色菜单关联表现在权限管理部分的功能基本已经都实现了，还记得第七节：Vben Admin权限-后端获取路由和菜单。
第十节：Vben Admin实战-系统管理之角色管理实现(分页查询，修改)-中
cuiwin的专栏
03-23 1616
这里是Vben Admin角色管理的下半部分。第九节，我们实现了角色的添加功能。本节完成剩下的修改角色信息，删除角色等功能。提示：以下是本篇文章正文内容，下面案例可供参考目前，角色管理，已经实现了新增，修改，分页查询，还剩余的功能是：删除，切换角色状态按钮，还有参数查询，下一节来完成这部分功能。
第十二节：Vben Admin实战-系统管理之用户管理
cuiwin的专栏
04-04 921
前三节，我们完成了角色管理的增删改查的实现，本节我们完成用户管理的增删改查的功能。用户管理主要涉及下面的接口：用户管理的增删改查已经都实现了，下一步要实现的是权限管理（菜单管理），希望大家多多支持关注。
vue-vben-admin 与.net core 结合实例 【自学与教学 小白教程】---第1节
qq_33906319的博客
12-19 1409
vue-vben-admin 与.net core 结合实例 这里计划使用.net core 作为后端。目标：打造一体化的 开箱即用 好看的 netcore一体化框架。
Windows系统下的各类用户角色
有勇气的牛排博客
08-25 9027
文章目录1 用户与组1.1 Administrator1.2 Guests 来宾账户1.2.1 开启 guesrt用户1.2.2 设置密码1.2.3 无法切换用户解决2 权限2.1 system（超级管理员）权限2.1.1 system权限实际运用2.1.1.1 注册表访问2.1.1.2 访问系统还原文件2.1.1.3 强制结束恶意应用程序进程等2.2 权限获取2.2 Trustedinstaller权限 1 用户与组 1.1 Administrator 属于administrator本地组内的用户，都具有
Vben Admin中table的添加与删除
qq_42748805的博客
07-24 987
【代码】Vben Admin中table的添加与删除。
【开发问题&解决方法记录】05.dian 多角色切换&基地隔离
clover_oreo的博客
12-18 1167
校验输入的只能是字母数字，js登录页想加入基地的选择，即用户输入工号，通过工号获取该用户所属基地，若是该用户由多个基地，则以选择列表/单选项的形式让其选择一个基地登录，其他基地的状态就改为禁用，以此达到数据隔离的效果。
【场景方案】捋一捋Vben Admin之登陆方案（学习记录）
庞囧的博客
04-16 7286
文章目录前言点击登陆validFormPiniauserStore.loginuserStore.afterLoginActionuserStore.getUserInfoAction尾巴 前言 本文章只是一个思路的梳理，只扒TS的逻辑过程（模板的暂时不涉及，以后有机会再补上吧），作为个人的源码学习记录，不喜勿喷。 源码来源 Vben Admin 点击登陆 点击登陆按钮的相关文件在src/views/sys/login/LoginForm.vue中，我们来逐句分析，遇到一些封装的地方再往下翻翻可以看到（
系统角色（selinux）角色结构与创建和使用方式
qq_58668102的博客
08-06 3084
系统角色的使用（selinux ） SELinux用户域 来查看下普通linux用户的上下文 user $id uid=1000(swift)gid=100(users) groups=100(users),16(cron),...,995(gorg)context=user_u:user_r:user_t 上下文显示用户在user_t域，再看下root用户的上下文 root #id -Z root:sysadm_r:sysadm_t 可以看到，显示root用户在sysadm_t域。 SELinux策略
系统角色权限分配
yicueng的博客
10-30 5676
角色添加权限：权限表 角色表 前端勾选权限列表，USER_AUTH转换成二进制，1 | 2 = 1 | 10 = 11 对应的角色ROLE_AUTH = 3 角色权限回显：根据ROLE_AUTH循环比较USER_AUTH，3 & 1 = 11 & 01  = 01 ，3&2 = 11 & 10 = 10 = 2；...
React大模型网站-流式推送markdown转换问题以及开启 rehype-raw,rehype-sanitize,remark-gfm等插件的使用
m0_61998604的博客
12-04 1130
本文介绍了在React大模型网站中实现流式推送Markdown转换的方法，重点讲解了ReactMarkdown库及其配套插件的使用。主要内容包括：1）ReactMarkdown基础用法；2）通过rehype-raw插件支持HTML标签渲染；3）使用rehype-sanitize防止XSS攻击；4）利用remark-gfm支持GitHub风格的Markdown语法；5）给出了完整的流式渲染实现方案，包含SSE推送、内容累积和实时更新等关键技术。文章还提供了完整的代码示例，帮助开发者快速实现安全可靠的Markd
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 880
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
50、【Ubuntu】【Gitlab】拉出内网 Web 服务：http.server 单/多线程分析（二）
最新发布
HIT_Weston的博客
12-04 1339
本文分析了Python的http.server模块在单线程和多线程模式下的性能表现。通过测试发现，单线程模式下（Python<3.7）并发请求会被阻塞，后发请求需要等待前一个请求完成；而多线程模式下（Python≥3.7）可以同时处理多个请求。作者通过slow_server.py脚本模拟耗时操作，使用time curl命令测试响应时间，验证了线程模型的差异。文章还指出Python 3.7是一个重要分水岭，官方将默认命令行服务器升级为多线程以提升用户体验。技术细节参考了CPython源码，并提供了Git
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值