.NET 7 + Vue 权限管理系统 小白快速上手 权限管理系统 小白快速上手 .NET Vue NET
前言
今天给大家推荐一个超实用的开源项目《.NET 7 + Vue 权限管理系统 小白快速上手》，DncZeus的愿景就是做一个.NET 领域小白也能上手的简易、通用的后台权限管理模板系统基础框架。
不管你是技术小白还是技术大佬或者是不懂前端Vue 的新手，这个项目可以快速上手让我们从0到1，搭建自己的通用后台权限管理系统，掌握后台权限管理系统的搭建技巧以及系统基础框架。
它不仅涵盖了从环境搭建到核心功能实现的全过程，而且特别注重让初学者也能轻松上手。 无论你是希望通过实战来加深对新技术的理解，还是想要为自己的项目升级权限管理功能，让这个项目成为大家的好帮手。期待我们都能够从小白变大佬！
项目介绍
DncZeus 是一个基于 .NET 7 和 Vue.js 的前后端分离的通用后台管理系统框架。
后端使用 .NET 7 和 Entity Framework Core 构建，前端则采用了流行的 iView UI 框架配合 Vue.js。
该项目实现了前后端的动态权限管理和控制以及基于 JWT 的用户令牌认证机制，从而确保前后端交互流畅。
请注意：DncZeus 不是一个完整的业务系统，但它提供了大多数业务系统所需的开发场景，帮助 .NET 开发者快速构建出交互良好、体验优秀且功能丰富的单页应用程序 (SPA)。
项目特点
- 技术栈：后端使用 .NET 7 + EF Core 构建，前端采用基于 Vue.js 的 iView (iview-admin) 进行前后端分离开发。
- 新手友好：设计考虑新手上手简易，代码逻辑清晰。
- 权限管理：实现通用后台权限管理，精确到页面访问和操作按钮的控制。
项目技术
- .NET 7
- ASP.NET Core WebAPI
- JWT 令牌认证
- AutoMapper
- Entity Framework Core 7
- .NET 7 依赖注入
- Swagger UI
- Vue.js (ES6 语法)
- iView (基于 Vue.js 的 UI 框架)
环境工具
1、Node.js (同时安装 npm 前端包管理工具)
2、Visual Studio 2022
3、VS Code 或者其他前端开发工具
4、git 管理工具
5、MySQL、PostgreSQL 或 SQL Server (SQL Server 2012+)
适合人群
了解 DncZeus 所需的知识，DncZeus 让初级 .NET 开发者也能轻松上手，因此后端项目并未涉及复杂的架构和封装，代码逻辑直观易懂。
为了更好地熟悉和运用 DncZeus，你需要了解以下技术：
- .NET 7：确保你能看懂并理解后端的实现和工作方式。
- Vue.js：前端实现的基础。
- iView：基于 Vue.js 的 UI 框架，
DncZeus的前端 UI 交互正是基于此框架实现。
如果你对这些技术还不熟悉，建议先学习一些基础知识再使用 DncZeus。
以下是学习这些技术的官方资源：
下载项目
1、Git工具下载
首先请确保本地开发环境已安装了Git管理工具，然后在需要存放本项目的目录
打开Git 命令行工具Git Bash Here，在命令行中输入如下命令：
git clone https://github.com/lampo1024/DncZeus.git
以上命令就把 DncZeus 的源代码拉取到你的本地开发机上。
2、手动下载
如果你不愿意使用Git管理工具下载 DncZeus 的源代码，也可以在 Github 手动下载。
打开地址 https://github.com/lampo1024/DncZeus，找到页面中"Code" 的按钮点击，然后在弹出的对话框中点击"Download ZIP" 按钮，即可下载 DncZeus 的源代码，具体如下图所示：
安装依赖
1、前端项目
安装前端依赖
1、使用 Git 管理工具，无需退出当前工具，进入DncZeus 的前端项目目录：
cd DncZeus/DncZeus.App
2、如果你是手动下载的源代码，请在该目录下打开命令行工具。
3、在命令行中输入以下命令来安装前端依赖包：
npm install
或者使用简写命令：
npm i2、后端项目
配置数据库连接
1、在 Visual Studio 中打开解决方案 DncZeus.sln。
2、根据你的开发环境（默认示例为 SQL Server Localdb），修改配置文件 appsettings.json 中的数据库连接字符串。
示例默认连接字符串为：
"ConnectionStrings": { "DefaultConnection": "Server=(localdb)\\mssqllocaldb;Database=DncZeus;Trusted_Connection=True;MultipleActiveResultSets=true" }
初始化系统数据
1、打开项目根目录中的 Scripts 文件夹。
2、执行与你的数据库类型对应的脚本文件以初始化系统数据。
从 v2.1.0 版本开始，DncZeus 支持 MySQL、PostgreSQL 和 MSSQL 三种数据库类型！
你可以根据需求选择适合自己的数据库。
至此，所有的准备工作已经完成。
现在，你可以开始体验 DncZeus 框架了！
启动项目
1、启动后端服务
使用 Visual Studio 打开 DncZeus 根目录中的解决方案文件 DncZeus.sln。（也可以使用 VS Code 进行 .NET 7 的开发。）
设置 DncZeus.API 项目为默认启动项并运行此项目。
浏览器中打开地址： http://localhost:xxxx/swagger ，即可查看已实现的后端 API 接口服务。
2、启动前端服务
在命令行中进入到 DncZeus 的前端项目目录 DncZeus.App。
运行如下命令以启动前端项目服务：
npm run dev
成功运行后，前端项目服务会在浏览器中自动打开地址 http://localhost:xxxx 。
项目演示
1、登录信息
- 超级管理员用户名：
administrator - 普通管理员用户名：
admin - 密码：
111111 - 体验地址：https://dnczeus.codedefault.com
尝试使用不同的用户名登录系统，体验不同角色的菜单权限差异。
注意：这是一个个人项目，体验服务器配置较低，请轻度使用，感谢您的理解和支持！
国内镜像地址：https://gitee.com/rector/DncZeus
2、项目效果
登录页面
系统首页
用户权限
消息中心
项目地址
Gitee：https://gitee.com/rector/DncZeus
Github：https://github.com/lampo1024/DncZeus
总结
如果你觉得这篇文章对你有帮助，不妨点个赞支持一下！你的支持是我继续分享知识的动力。如果有任何疑问或需要进一步的帮助，欢迎随时留言。也可以加入微信公众号[DotNet技术匠] 社区，与其他热爱技术的同行一起交流心得，共同成长！
