DncZeus基于 .NET 7 + Vue.js 的前后端分离的通用后台管理系统框架

博主： Zhao
发布时间：2023 年 10 月 08 日
637 次浏览
暂无评论
3333字数
分类：开源项目

# DncZeus

## 项目简介

**DncZeus**是一个基于 .NET 7 + Vue.js 的前后端分离的通用后台管理系统框架。后端使用.NET 7 + Entity Framework Core 构建，UI 则是目前流行的基于 Vue.js 的 iView。项目实现了前后端的动态权限管理和控制以及基于 JWT 的用户令牌认证机制，让前后端的交互更流畅。

## 截图
![](https://oss.hunji.xyz/blogoss/202310/1920368-20230717144923533-2010995643.png)
![](https://oss.hunji.xyz/blogoss/202310/1920368-20230717144934122-851970320.png)
![](https://oss.hunji.xyz/blogoss/202310/1920368-20230717145008556-401222310.png)
![](https://oss.hunji.xyz/blogoss/202310/1920368-20230717145048901-798550978.png)

## 在线体验(Demo)

超级管理员：administrator 
管理员：admin
密码：111111
地址：https://dnczeus.codedefault.com

## 环境和工具

1. Node.js(同时安装 npm 前端包管理工具)
2. Visual Studio 2022
3. VS Code 或者其他前端开发工具
4. git 管理工具
5. MySQL,PostgreSQL或SQL Server(SQL Server 2012+)

## 技术实现

- .NET 7
- ASP.NET Core WebApi
- JWT 令牌认证
- AutoMapper
- Entity Framework Core 7
- .NET 7 依赖注入
- Swagger UI
- Vue.js(ES6 语法)
- iView(基于 Vue.js 的 UI 框架)

### 前端项目

在将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"
  }
```

打开项目根目录中的脚本文件夹[Scripts]，执行你的数据库类型对应的脚本文件以初始化系统数据。

**v2.1.0开始，DncZeus同时支持MySQL,PostgreSQL,MSSQL三种类型数据库啦！！！你可以根据需要选择适合自己的数据库哟**

恭喜你，到这里所有的准备工作就完成了。

赶紧体验DncZeus框架吧！！！

## 运行

1. 使用Visual Studio开发工具打开DncZeus根目录中的VS解决方案文件[DncZeus.sln](或者你喜欢的话，使用VS Code来进行.NET 7的开发也是可以的)，设置DncZeus.Api项目为默认启动项并运行此项目。

> 这时在浏览器中打开地址：http://localhost:54321/swagger ，便可以查看到DncZeus已经实现的后端API接口服务了。

2. 在命令行中进入到DncZeus的前端项目目录[DncZeus.App]，运行如下命令以启动前端项目服务：

```
npm run dev
```

成功运行后会自动在浏览器中打开地址: http://localhost:9000

## 项目地址
项目地址：https://gitee.com/rector/DncZeus

## 文档(Document)

* [关于 DncZeus](https://codedefault.com/p/getting-started)
* [开发环境和工具](https://codedefault.com/p/environment-and-developement-tools)
* [下载项目&安装依赖](https://codedefault.com/p/download-and-restore-dnczeus)
* [DncZeus项目结构解析](https://codedefault.com/p/solution-structure-introduction)
* [新建你的页面](https://codedefault.com/p/create-page)
* [DncZeus框架用户动态权限数据流，鉴权、令牌、验证详解](https://codedefault.com/p/dnczeus-doc-support-dynamic-router-and-dynamic-menu-rendering)
* [DncZeus前后端分离项目打包/发布/部署及注意事项](https://codedefault.com/p/dnczeus-build-and-deploy)

试试以不同用户名登录系统，可以体验不同角色的不同菜单权限。

*国内码云镜像地址：[https://gitee.com/rector/DncZeus][9]*

#### 推荐阅读
- [开源项目MiniWord .NET Word-Word操作](https://mp.weixin.qq.com/s/-_aVbQjFft63EwLkJdzuEQ)
- [博客系统必备-Moonglade Blog](https://mp.weixin.qq.com/s/wfcYZLPok8VnTK4fwDMp_A)
- [C#编写的一款电子桌面宠物-Candy](https://mp.weixin.qq.com/s/51djCV3_u7qIqDuomA8_qw)
- [ShellProgressBar控制台中漂亮的显示进度条](https://mp.weixin.qq.com/s/dY-4svHo5yJ03EDs0ZWGtg)
- [控制台必备神器-AnsiConsole](https://mp.weixin.qq.com/s/FBDJKIOVR6swXBAYUwd7cg)
 - [WPFUI_直观的设计主题导航和新的沉浸式控件](https://mp.weixin.qq.com/s/D-jvb3CNSYVw11j59fji_g)

欢迎关注我的公众号“**Net分享**”，技术文章第一时间推送，随缘更新 , 分享一些你可能注意不到的细节。

最后修改：2023 年 10 月 10 日

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱 *

地址 *

松鼠大大
端午安康
迷恋自留地
风起于青萍之末，止于草莽之间
wixy
nice，超喜欢梵净山那张OωO
wixy
这篇文章很介绍的很全啊，收藏了~
wixy
年少有为

DncZeus基于 .NET 7 + Vue.js 的前后端分离的通用后台管理系统框架

Zhao • 2023 年 10 月 08 日

# DncZeus

## 项目简介

## 在线体验(Demo)

超级管理员：administrator 
管理员：admin
密码：111111
地址：https://dnczeus.codedefault.com

## 环境和工具

1. Node.js(同时安装 npm 前端包管理工具)
2. Visual Studio 2022
3. VS Code 或者其他前端开发工具
4. git 管理工具
5. MySQL,PostgreSQL或SQL Server(SQL Server 2012+)

## 技术实现

- .NET 7
- ASP.NET Core WebApi
- JWT 令牌认证
- AutoMapper
- Entity Framework Core 7
- .NET 7 依赖注入
- Swagger UI
- Vue.js(ES6 语法)
- iView(基于 Vue.js 的 UI 框架)

### 前端项目

在将DncZeus的源代码下载到本地之后，如果你使用的git管理工具，**可以不用**退出当前的git管理工具，输入如下命令：

```
cd DncZeus/DncZeus.App
```

进入到DncZeus的前端项目目录[DncZeus.App](如果是手动下载的源代码，请在此目录打开命令行工具)。在命令行中输入如下命令进行前端依赖包的还原操作：

```
npm install
```

或者

```
npm i
```

### 后端项目

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

打开项目根目录中的脚本文件夹[Scripts]，执行你的数据库类型对应的脚本文件以初始化系统数据。

**v2.1.0开始，DncZeus同时支持MySQL,PostgreSQL,MSSQL三种类型数据库啦！！！你可以根据需要选择适合自己的数据库哟**

恭喜你，到这里所有的准备工作就完成了。

赶紧体验DncZeus框架吧！！！

## 运行

> 这时在浏览器中打开地址：http://localhost:54321/swagger ，便可以查看到DncZeus已经实现的后端API接口服务了。

2. 在命令行中进入到DncZeus的前端项目目录[DncZeus.App]，运行如下命令以启动前端项目服务：

```
npm run dev
```

成功运行后会自动在浏览器中打开地址: http://localhost:9000

## 项目地址
项目地址：https://gitee.com/rector/DncZeus

## 文档(Document)

试试以不同用户名登录系统，可以体验不同角色的不同菜单权限。

*国内码云镜像地址：[https://gitee.com/rector/DncZeus][9]*

欢迎关注我的公众号“**Net分享**”，技术文章第一时间推送，随缘更新 , 分享一些你可能注意不到的细节。

DncZeus基于 .NET 7 + Vue.js 的前后端分离的通用后台管理系统框架

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

Linux部署net core并添加守护进程

Dynamic类型和正确用法

通过NPOI读取 excel指定Sheet 到DataTable

Base64计算文件大小方法

C# string byte[] Base64 常用互相转换

Base64计算文件大小方法

VS2019使用Web Deploy远程部署站点

Dynamic类型和正确用法

nodejs安装和环境配置

win装机

DncZeus基于 .NET 7 + Vue.js 的前后端分离的通用后台管理系统框架

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

DncZeus基于 .NET 7 + Vue.js 的前后端分离的通用后台管理系统框架

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款