天天看點

基于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版本。

繼續閱讀