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

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

DncZeus

项目简介

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

截图

在线体验(Demo)

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

环境和工具

Node.js(同时安装 npm 前端包管理工具)
Visual Studio 2022
VS Code 或者其他前端开发工具
git 管理工具
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框架吧！！！

运行

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

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

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


npm run dev

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

项目地址

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

文档(Document)

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

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

推荐阅读

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

# 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技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

表情

OwO

OωO
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
（╯‵□′）╯︵┴─┴
￣﹃￣
(/ω＼)
∠( ᐛ 」∠)＿
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ｀)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ(￣∇￣o)
ヾ(´･･｀｡)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò｡)
Σ(っ °Д °;)っ
( ,,´･ω･)ﾉ"(´っω･｀｡)
╮(╯▽╰)╭
o(*////▽////*)q
＞﹏＜
( ๑´•ω•) "(ㆆᴗㆆ)
(｡•ˇ‸ˇ•｡)

颜文字
阿鲁
推特

私密评论

名称 *

🎲

邮箱 *

地址 *

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 的前后端分离的通用后台管理系统框架

DncZeus

项目简介

截图

在线体验(Demo)

环境和工具

技术实现

前端项目

后端项目

运行

项目地址

文档(Document)

推荐阅读

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

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

Dynamic类型和正确用法

通过NPOI读取 excel指定Sheet 到DataTable

Base64计算文件大小方法

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

Tesseract OCR 安装及使用

C# 企业微信消息推送对接,实现天气预报推送

C#微信公众号开发

.NET Core 基于 IHostedService 实现后台定时任务

C#轻量级写文本日志

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

DncZeus

项目简介

截图

在线体验(Demo)

环境和工具

技术实现

前端项目

后端项目

运行

项目地址

文档(Document)

推荐阅读

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

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

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