天天看點

DncZeus - 基于.NET 7 + Vue.js 的前後端分離的管理系統架構

作者:opendotnet
DncZeus - 基于.NET 7 + Vue.js 的前後端分離的管理系統架構
DncZeus - 基于.NET 7 + Vue.js 的前後端分離的管理系統架構
DncZeus - 基于.NET 7 + Vue.js 的前後端分離的管理系統架構

歡迎來到 Dotnet 工具箱!在這裡,你可以發現各種令人驚喜的開源項目!

DncZeus

DncZeus 是一個基于.NET 7 + Vue.js(iview-admin) 的前後端分離的通用背景權限(頁面通路、操作按鈕控制)管理系統架構。後端使用.NET 7 + EF Core建構,UI則是目前流行的基于Vue.js的iView(iview-admin)。項目實作了前後端的動态權限管理和控制以及基于JWT的使用者令牌認證機制,讓前後端的互動更流暢。

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

DncZeus - 基于.NET 7 + Vue.js 的前後端分離的管理系統架構

DncZeus = Dnc + Zeus

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

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

DncZeus的願景就是做一個.NET Core領域小白也能上手的簡易、通用的背景權限管理模闆系統基礎架構"。

線上體驗(Demo)

超級管理者:administrator 管理者:admin

密碼:111111

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

試試以不同使用者名登入系統,可以體驗不同角色的不同菜單權限。

适合人群

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

  • • .NET 7
  • • Vue.js
  • • iView

ASP.NET Core 的知識能確定你可以看懂和了解後端是如何實作和工作的,而 Vue.js 架構則是前端實作的基石,當然 iView 這個基于 Vue.js 的 UI 架構也是必須要了解的,因為 DncZeus 正是基于 iview-admin(iView 的一個背景管理系統示例項目)來實作的前端 UI 互動。

技術實作

  • • .NET 7
  • • ASP.NET Core WebApi
  • • JWT 令牌認證
  • • AutoMapper
  • • Entity Framework Core 7
  • • .NET 7 依賴注入
  • • Swagger UI
  • • Vue.js(ES6 文法)
  • • iView(基于 Vue.js 的 UI 架構)

截圖預覽

DncZeus - 基于.NET 7 + Vue.js 的前後端分離的管理系統架構
DncZeus - 基于.NET 7 + Vue.js 的前後端分離的管理系統架構
DncZeus - 基于.NET 7 + Vue.js 的前後端分離的管理系統架構

項目位址

https://github.com/lampo1024/DncZeus

DncZeus - 基于.NET 7 + Vue.js 的前後端分離的管理系統架構

分享

DncZeus - 基于.NET 7 + Vue.js 的前後端分離的管理系統架構

點收藏

DncZeus - 基于.NET 7 + Vue.js 的前後端分離的管理系統架構