.NET 8 + Vue 3 極簡 RABC 許可權管理系統

小码编匠發表於2024-08-23

前言

在日常工作中,幾乎每家公司都需要一個後臺管理系統來處理各種任務。為了幫助大家快速搭建這樣一個系統,給大家介紹一個基於最新技術 .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 無感知重新整理,提升了使用者體驗。

.NET 8 + Vue 3 極簡 RABC 許可權管理系統

專案結構

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 )

  • 展示了專案的實際執行效果和介面設計。

.NET 8 + Vue 3 極簡 RABC 許可權管理系統

設計思路

1、服務端

  • 關注點分離:服務端不再關心前端的具體實現細節,而是專注於功能實現和介面開放。
  • 許可權控制:透過“功能管理”模組,控制使用者呼叫介面的許可權,確保只有授權使用者才能訪問相應的功能。

2、客戶端

  • 動態路由:客戶端無需與服務端約定具體的路由資訊,而是根據服務端返回的功能編碼動態生成路由。

專案說明

1、完成功能

  • 登陸登入以及許可權驗證
  • 系統管理(組織架構、使用者、角色、許可權、功能、字典、配置等)
  • 工作流程(表單設計、流程設計、待辦事項等)
  • WPF 版本僅完成了框架的構造以及登入等基本功能(由於prism也收費啦,所以後續不再進行開發了),如果您有興趣,請聯絡我。
  • 工作流部分只提供了比較簡單的入門級示例。請根據需求自行二開。

2、後續內容

  • 資料庫替換為 Sqlite
  • MAUI 客戶端

演示地址

訪問地址 http://www.purestadmin.com

應用伺服器在國外,資料庫伺服器在國內,可能查詢資料會有略微延遲。並非專案本身的問題。

1、登入頁面

.NET 8 + Vue 3 極簡 RABC 許可權管理系統

2、系統首頁

.NET 8 + Vue 3 極簡 RABC 許可權管理系統

3、系統管理

.NET 8 + Vue 3 極簡 RABC 許可權管理系統

4、工作流程

.NET 8 + Vue 3 極簡 RABC 許可權管理系統

.NET 8 + Vue 3 極簡 RABC 許可權管理系統

專案地址

Github:https://github.com/dymproject/purest-adminGitee:https://gitee.com/dymproject/purest-admin

文件地址:http://docs.purestadmin.com

提供本專案的結構說明以及再次開發中需要的注意事項,記錄常見問題以及相關處理方式。

.NET 8 + Vue 3 極簡 RABC 許可權管理系統

最後

如果你覺得這篇文章對你有幫助,不妨點個贊支援一下!你的支援是我繼續分享知識的動力。如果有任何疑問或需要進一步的幫助,歡迎隨時留言。

也可以加入微信公眾號[DotNet技術匠] 社群,與其他熱愛技術的同行一起交流心得,共同成長!

相關文章