前言
在日常工作中,幾乎每家公司都需要一個後臺管理系統來處理各種任務。為了幫助大家快速搭建這樣一個系統,給大家介紹一個基於最新技術 .NET 8 和前端框架 Vue 3 實現的極簡 RABC(基於角色的訪問控制)許可權管理系統。
該系統後端採用經過精心精簡的 ABP框架,前端則使用了 vue-pure-admin 模板和強大的 vxe-table表格框架,為二次開發提供最簡潔、最高效的解決方案。
這個系統不僅易於理解和使用,而且它的模組化設計能夠快速地進行定製和擴充套件,滿足不同業務場景的需求。
系統適合有快速搭建後臺管理系統的需求,專案從0到1,原始碼持續更新!特適合、剛開始接觸 .NET 8+ Vue 3 專案的初學者。
專案介紹
基於.NET 8 + Vue 3+ ABP + SqlSugar + MySQL 實現的高效能的、極簡的、前後端分離的、RABC 許可權後臺管理系統。主要包括使用者管理、角色管理、組織機構管理、字典管理、配置管理、日誌管理、檔案管理、工作流管理等15 種核心功能。
PurestAdmin 是一款前後端分離的基於 "RBAC"(基於角色的訪問控制)許可權管理的後臺管理系統。目標為大、中、小型專案提供一個快速二次開發的模板,本專案不做任何業務型的功能,儘量做到下載即用,方便廣大的開發者進行快速業務開發,無需再為搭建專案框架而煩惱。
本專案突破了傳統的 RBAC 構思,不再依賴後端配置前端的選單路徑,真正實現了前後端分離。此外,我們重新設計了 token 的重新整理機制,實現了單 token 無感知重新整理,提升了使用者體驗。
專案結構
1、 後端介面(Api)
- 使用 .NET 8 開發,在 ABP 框架的基礎上進行了精簡和改良,只保留了核心功能,並重寫了部分 ABP 的功能。
- 採用了 SqlSugar 替代傳統的 EF Core,提高了效率並使使用更加便捷。
2、Vue 客戶端(client-vue )
- 採用了高質量前端專案
vue-pure-admin
的精簡版pure-admin-thin
。 - 額外整合了功能強大的
vxe-table
及其內建的其他元件,提升了使用者體驗和開發效率。
3、WPF 客戶端(client-wpf )
- 使用 MVVM 模式的框架 Prism,該框架在 WPF 使用者中非常受歡迎。
- 引入了 Rubyer-WPF 主題和控制元件包,增強了介面的友好度。
- 對 HTTP 請求進行了封裝,使用了 restful 格式的 Flurl,讓網路請求更加便捷。
4、 關係模型(relationship-model)
- 包含資料庫關係模型圖,基於 PowerDesigner 設計的 PDM 圖形。
- 提供了對應的表結構初始化 SQL 語句。
5、專案效果圖(screenshot )
- 展示了專案的實際執行效果和介面設計。
設計思路
1、服務端
- 關注點分離:服務端不再關心前端的具體實現細節,而是專注於功能實現和介面開放。
- 許可權控制:透過“功能管理”模組,控制使用者呼叫介面的許可權,確保只有授權使用者才能訪問相應的功能。
2、客戶端
- 動態路由:客戶端無需與服務端約定具體的路由資訊,而是根據服務端返回的功能編碼動態生成路由。
專案說明
1、完成功能
- 登陸登入以及許可權驗證
- 系統管理(組織架構、使用者、角色、許可權、功能、字典、配置等)
- 工作流程(表單設計、流程設計、待辦事項等)
- WPF 版本僅完成了框架的構造以及登入等基本功能(由於prism也收費啦,所以後續不再進行開發了),如果您有興趣,請聯絡我。
- 工作流部分只提供了比較簡單的入門級示例。請根據需求自行二開。
2、後續內容
- 資料庫替換為 Sqlite
- MAUI 客戶端
演示地址
訪問地址 http://www.purestadmin.com
應用伺服器在國外,資料庫伺服器在國內,可能查詢資料會有略微延遲。並非專案本身的問題。
1、登入頁面
2、系統首頁
3、系統管理
4、工作流程
專案地址
Github:https://github.com/dymproject/purest-adminGitee:https://gitee.com/dymproject/purest-admin
文件地址:http://docs.purestadmin.com
提供本專案的結構說明以及再次開發中需要的注意事項,記錄常見問題以及相關處理方式。
如果你覺得這篇文章對你有幫助,不妨點個贊支援一下!你的支援是我繼續分享知識的動力。如果有任何疑問或需要進一步的幫助,歡迎隨時留言。
也可以加入微信公眾號[DotNet技術匠] 社群,與其他熱愛技術的同行一起交流心得,共同成長!