開源乾貨!.NET Core + Vue.js通用動態權限(RBAC)管理系統框架[DncZeus]開源

DncZeus

前言

關於 DncZeus

DncZeus = Dnc + Zeus

"Dnc"--.Net Core 的縮寫;

"Zeus"--中文譯爲宙斯,是古希臘神話中的衆神之王,奧林匹斯十二主神之首,統治宇宙萬物的至高無上的主神(在古希臘神話中主神專指宙斯),人們常用“衆神和人類的父親”、“神王”來稱呼他,是希臘神話諸神中最偉大的神。

DncZeus的願景就是做一個.NET Core 領域的簡易精緻的通用後臺權限管理模板系統基礎框架,努力向.NET Core 領域的"宙斯"看齊。

項目簡介

DncZeus是一個基於 ASP.NET Core 2 + Vue.js 的前後端分離的通用後臺管理系統框架。後端使用.NET Core 2 + Entity Framework Core 構建,UI 則是目前流行的基於 Vue.js 的 iView。項目實現了前後端的動態權限管理和控制以及基於 JWT 的用戶令牌認證機制,讓前後端的交互更流暢。

DncZeus並不是一個完整的業務系統,但她提供完成業務系統的絕大多數開發場景,讓每一位.NET 開發者都能基於DncZeus快速開發出交互、體驗以及功能具佳的.NET Core 單頁應用程序(SPA)。

支持DncZeus(求Start :))

如果你覺得DncZeus對你或者他人有用,請爲DncZeus點個贊,求擴散,讓更多人獲得幫助!!!

在線體驗(Demo)

超級管理員:administrator
管理員:admin

密碼:111111

地址:https://dnczeus.codedefault.com

由於是個人項目,資金有限,體驗服是低配,請大家愛惜,輕戳,不勝感激!!!

適合人羣

由於 DncZeus 考慮到初級.NET 開發者都可以使用,所以後端項目未涉及過多架構和封裝(代碼邏輯一目瞭然),但爲了你更好地熟悉和運用 DncZeus,你需要了解:

  • ASP.NET Core
  • Vue.js
  • iView

ASP.NET Core 的知識能確保你可以看懂和了解後端是如何實現和工作的,而 Vue.js 框架則是前端實現的基石,當然 iView 這個基於 Vue.js 的 UI 框架也是必須要了解的,因爲 DncZeus 正是基於 [iview-admin]1來實現的前端 UI 交互。

如果你對這兩個方面的知識還不熟悉,建議你可以先學習一些理論再來運用 DncZeus 這個框架。關於 ASP.NET Core 和 Vue.js 的入門請參考:

環境和工具

  1. Node.js(同時安裝 npm 前端包管理工具)
  2. Visual Studio 2017(15.8.8 或者以上版本)
  3. VS Code 或者其他前端開發工具
  4. git 管理工具
  5. SQL Server CE 或者 SQL Server Express 或者 SQL Server 2014 +

技術實現

  • ASP.NET Core 2(.NET Core 2.1.502)
  • ASP.NET WebApi Core
  • JWT 令牌認證
  • AutoMapper
  • Entity Framework Core 2.0
  • .NET Core 依賴注入
  • Swagger UI
  • Vue.js(ES6 語法)
  • iView(基於 Vue.js 的 UI 框架)

下載項目

使用Git工具下載

首先請確保你本地開發環境已安裝了git管理工具,然後在需要存放本項目的目錄打開git命令行工具Git Bash Here,在命令行中輸入如下命令:

git clone https://github.com/lampo1024/DncZeus.git

以上命令就把DncZeus的遠程代碼拉取到你的本地開發機上。

手動下載

如果你不願意使用git管理工具下載DncZeus的遠程代碼,你也可以在github託管地址手動下載,打開地址https://github.com/lampo1024/...,找到頁面中的按鈕"Clone or download",如下圖示:

手動下載DncZeus

在彈出的對話框中點擊按鈕"Download ZIP"即可開始下載DncZeus的源代碼,如下圖:

手動下載DncZeus源代碼

安裝依賴

前端項目

在將DncZeus的源代碼下載到本地之後,如果你使用的git管理工具,可以不用退出當前的git管理工具,輸入如下命令:

cd DncZeus/DncZeus.App

進入到DncZeus的前端項目目錄DncZeus.App。在命令行中輸入如下命令進行前端依賴包的還原操作:

npm install

或者

npm i

後端項目

在Visual Studio中打開解決方案[DncZeus.sln]。首先根據自己的開發環境(SQL Server數據庫類型,本示例默認是SQL Server Localdb)修改配置文件appsettings.json中的數據庫連接字符串,示例默認連接字符串爲:

"ConnectionStrings": {
    "DefaultConnection": "Server=(localdb)\\mssqllocaldb;Database=DncZeus;Trusted_Connection=True;MultipleActiveResultSets=true"
  }

再打開包管理控制檯(Package Manager Console),執行如下命令生成數據庫表結構:

Update-Database -verbose

最後,打開項目根目錄中的腳本文件夾[Scripts],執行腳本文件[Init_data.sql]以初始化系統數據。

恭喜你,到這裏所有的準備工作就完成了。

趕緊體驗DncZeus框架吧!!!

運行

  1. 使用Visual Studio開發工具打開DncZeus根目錄中的VS解決方案文件DncZeus.sln,設置DncZeus.Api項目爲默認啓動項並運行此項目。
這時在瀏覽器中打開地址:http://localhost:54321/swagger ,便可以查看到DncZeus已經實現的後端API接口服務了。
  1. 在命令行中進入到DncZeus的前端項目目錄[DncZeus.App],運行如下命令以啓動前端項目服務:
npm run dev

成功運行後會自動在瀏覽器中打開地址: http://localhost:9000

使用和授權

DncZeus項目是一個開源項目,你可以直接基於本項目進行擴展或者二次開發,也可以修改其中的代碼。

但請保留原文件中的版權信息,尊重本人的勞動成果,違者必究,謝謝合作

問題與反饋

遇到問題怎麼辦?

  • 直接提交issue
  • QQ羣:483350228
  • 碼友網
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章