開源乾貨！！！.NET Core + JWT令牌認證 + Vue.js(iview-admin) 通用動態許可權(RBAC)管理系統框架[DncZeus]開源啦！！！

RECTOR發表於2018-12-20
JWTVue.jsView框架

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點個贊，求擴散，讓更多人獲得幫助！！！

開源地址

超級管理員：administrator
管理員：admin

密碼：111111

地址：https://github.com/lampo1024/DncZeus

由於是個人專案，資金有限，體驗服是低配，請大家愛惜，輕戳，不勝感激！！！

適合人群

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

  • ASP.NET Core
  • Vue.js
  • iView

ASP.NET Core 的知識能確保你可以看懂和了解後端是如何實現和工作的，而 Vue.js 框架則是前端實現的基石，當然 iView 這個基於 Vue.js 的 UI 框架也是必須要了解的，因為 DncZeus 正是基於 iview-admin(iView 的一個後臺管理系統示例專案)來實現的前端 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/DncZeus，找到頁面中的按鈕”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

更新與支援

本專案(DncZeus)由碼友網開源並提供更新和維護

相關文章