天天看点

基于RBAC权限管理系统,细粒度后端权限控制,封装更多场景化组件

作者:睿智的仁杰
大家好我是仁杰,今天给大家分享一款基于RBAC的权限管理系统,细粒度的后端权限控制,封装了更多场景化组件。

介绍

项目使用了Vue3.x全家桶、ant-design-vue3.x和ts4.x,实战Vue3.x的新特性以及玩法,不得不说Vue3.x的Composition API相比于Vue2.x的Options API灵活很多,让我们可以更灵活地组合组件逻辑。

预览

基于RBAC权限管理系统,细粒度后端权限控制,封装更多场景化组件

登录页面

基于RBAC权限管理系统,细粒度后端权限控制,封装更多场景化组件

工作台

基于RBAC权限管理系统,细粒度后端权限控制,封装更多场景化组件

按钮的扩展

基于RBAC权限管理系统,细粒度后端权限控制,封装更多场景化组件

查询表格

基于RBAC权限管理系统,细粒度后端权限控制,封装更多场景化组件

可编辑行

基于RBAC权限管理系统,细粒度后端权限控制,封装更多场景化组件

低代码平台

基于RBAC权限管理系统,细粒度后端权限控制,封装更多场景化组件

空间管理

基于RBAC权限管理系统,细粒度后端权限控制,封装更多场景化组件

网盘概览

基于RBAC权限管理系统,细粒度后端权限控制,封装更多场景化组件

请求日志

基于RBAC权限管理系统,细粒度后端权限控制,封装更多场景化组件

用户列表

部署

# 获取项目代码
git clone https://github.com/buqiyuan/vue3-antd-admin

# 安装依赖
cd vue3-antd-admin
yarn install

# 运行
yarn serve

# 打包
yarn build
           

总结

增加了更多的新特性,拥有可以灵活地组合组件逻辑,也可以很轻松的使用hooks的形式去代替之前的mixins写法。

项目的开发文档,接口文档齐全规范;线上也提供了预览demo。同时项目也分为react版,vite版本。

继续阅读