Vue.NetCore 快速开发指南：一个代码生成器搞定前后端 CRUD 与审批流

Vue.NetCore 快速开发指南：一个代码生成器搞定前后端 CRUD 与审批流

【免费下载链接】Vue.NetCore(已支持sqlsugar).NetCore、.Net6、Vue2、Vue3、Vite、TypeScript、Element plus+uniapp前后端分离，全自动生成代码；支持移动端(ios/android/h5/微信小程序。http://www.volcore.xyz/项目地址: https://gitcode.com/gh_mirrors/vu/Vue.NetCore

写一个业务模块，从实体、仓储、服务到控制器、前端页面，你至少要敲多少行样板代码？Vue.NetCore 给了另一个答案：建好表，在界面上点几下生成，前后端 CRUD 代码连同主从表页面直接落盘，你只负责写业务逻辑。

Vue.NetCore 是一个 .NET8 + Vue 的前后端分离快速开发框架，内置可视化代码生成器、工作流引擎和权限体系，同时提供 Vue2/Vue3 两套前端与 uniapp 移动端。适合想少写重复代码的团队和个人开发者，从管理后台到 MES 类业务系统都能覆盖。

项目速览

整体结构很简单，打开 1.项目说明.txt 就能看到：vol.web是前端，vol.api是 EF Core 版后台，vol.api.sqlsugar是 SqlSugar 版后台，DB目录放着各数据库的建库脚本，两套后台任选其一即可。

它帮你省下了什么

不谈功能清单，直接对照你平时最烦的几件事：

• 一张表的六小时重复劳动→ 过去每接一张新表，实体、仓储、服务、控制器、列表页、表单页要手工写一整天；现在生成器按表结构一键产出全部代码，还有 30 多项属性在线配置，生成结果可直接编译运行。
• 主从表嵌套保存的脏活→ 订单 + 明细这类主从页面，以前要手写嵌套表单、联动加载、整体保存的事务逻辑；框架把主从表前后端代码一并生成，数据源自动绑定，不限从表数量。
• 审批流动辄引入第三方引擎→ 内置工作流设计器，拖拽节点就能定义"按数量走不同审批人"这类条件分支，业务表单关联后直接生效。
• 前端表单手工绑字典→ 表格列自动做 key/value 转换，下拉框、复选框自动绑定数据源，基本不用写额外的映射代码。

说白了，它把"从 0 到能跑"这一段压到最短，把时间留给真正有业务差异的代码。

快速上手：5 步看到效果

最短路径如下，全程不需要改代码：

1. 克隆仓库：git clone https://gitcode.com/gh_mirrors/vu/Vue.NetCore
2. 建库并导入脚本：DB/ 目录下按数据库类型存放了表结构与演示数据（如 DB/sqlserver/表结构与数据.sql），选你的库执行即可
3. 改配置：编辑 vol.api/VOL.WebApi/appsettings.json，设置Connection里的数据库类型与连接串，顺手改掉Secret中的 JWT 密钥
4. 启动后台：cd vol.api/VOL.WebApi && dotnet run（或直接运行 dev_run.bat，本质是dotnet watch热重载）
5. 启动前端：cd vol.web && npm install && npm run dev，浏览器打开 http://127.0.0.1:9990 ，用演示账号 admin666 / 123456 登录

启动成功后的管理后台首页：出入库统计、部门收支等数据看板已内置

登录后你会看到一套完整的 MES 演示业务（供应商、产线、设备、生产报工……），这些页面本身就是代码生成器的产物，可以直接当"活文档"抄。

核心场景实战

场景一：一张表生成标准业务页面

场景：客户提了个"供应商管理"需求，一张普通单表。

做法：在代码生成器里选中供应商表，在线勾选哪些字段进查询区、哪些进表格、哪些字段用字典下拉，点击生成。生成器把实体、仓储、服务、控制器和 Vue 页面全部写进项目，下拉框自动绑数据源。

效果：得到下图这样的标准页面——查询、分页、新建、编辑、删除、导入导出一应俱全，全程零手写代码。

生成器产出的标准单表页面：查询区、表格、增删改与导入导出按钮完整可用

场景二：主从表页面，一个配置全搞定

场景：产线管理要"产线（主）+ 产线设备（从）"两个页面联动展示，换别的框架这里通常是最费工的部分。

做法：在生成器中配置主从关系即可，从表数量不限。框架自动生成主从表的新建、编辑、删除、查询、导入导出，主从保存走同一套逻辑，前端不用写关联代码。

效果：主表列出后，下方从表自动带出该产线的设备清单；点编辑进入主子表编辑页，改完一次保存。

主从表页面：上方产线为主表，下方设备为从表，展示与编辑均由生成器自动完成

场景三：拖拽出审批流

场景：生产报工数据需要多级审批，且"报工数量 < 500"和"≥ 500"要走不同审批人。

做法：进入流程配置，左侧拖入审批节点，右侧属性面板选择审批类型与审批用户，再挂一个"按数量走分支"的条件设置。整个流程在画布上拖拽完成，不需要写流程代码。

工作流设计器：左侧基础信息与节点配置，中间流程画布，右侧节点属性与条件设置

效果：报工单提交后进入审批队列，每条单据能看到完整的流转轨迹——当前节点、审批人、通过/拒绝/驳回操作，审批留痕自动记录。

数据审批界面：左侧是流转轨迹（开始→按数量分支→各级审批），右侧执行通过/拒绝/驳回

进阶玩法

跑通 Demo 之后，这些点值得了解（细节以仓库内 README 与官方文档为准）：

• 两套后台自由切换：vol.api（EF Core 8）与 vol.api.sqlsugar（SqlSugar）是独立维护的两套完整实现，不是简单加个包，技术选型时可按团队习惯二选一。
• 国密与信创：appsettings.json 里预留了 SM2/SM3/SM4 国密配置段（GmCrypto），数据库支持达梦（DB/DM/ 有脚本），信创环境可落地。
• 基础设施即插即用：Quartz 定时任务、SignalR 实时推送、Kafka 消息、Redis 缓存都在 Core 层封装好了，配置项开关即可，Redis 不装也默认走内存缓存。
• 树形结构与图表统计：树形数据按层级加载、ECharts 统计看板这类页面，Demo 里都有现成实现，框架的说法是"能复制就能开发"——直接参照 MES 演示代码改字段就行。

图表统计页：顶部指标卡 + 堆叠柱状图，基于演示数据可直接作为报表页模板

• 清理演示代码：不需要 MES 演示业务的话，按 1.项目说明.txt 的说明删掉前端 mes 路由与后台 VOL.MES 类库即可，得到一个干净的空框架。

常见问题（FAQ）

Q1：最低环境要求是什么？

.NET 8 SDK（Visual Studio 2022 或 VS Code + C# 插件均可）、Node.js 18+（Vite 6 要求）、一个可用的数据库。前端依赖用npm install一次装齐。

Q2：必须装 Redis 吗？

不必须。appsettings.json 中UseRedis设为false时默认使用内存缓存，生产上需要分布式缓存再打开即可。

Q3：支持哪些数据库？换库要改代码吗？

SQL Server、MySQL、PostgreSQL、Oracle、达梦。切换时只需在 appsettings.json 改DBType和连接串，DB/ 目录下备好了各库的脚本，无需改代码。

Q4：MySQL 批量导入日志报错怎么办？

常见于批量写日志场景，按仓库 DB/mysql/ 目录下的说明，在连接串中加AllowLoadLocalInfile=true即可解决。

Q5：跨域报错了怎么配？

前端 Vite 默认起在 9990 端口（见 vol.web/vite.config.ts），需把这个地址加入后台 appsettings.json 的CorsUrls列表，多个地址用逗号隔开。

写在最后

如果你要做一个中后台系统，又不想把团队时间耗在"实体—仓储—服务—控制器—页面"这条流水线上，Vue.NetCore 值得放进选型清单：生成器解决从 0 到 1，300 个左右的扩展方法保证你在 1 到 100 时还有地方写业务。建议先按上文 5 步跑起 Demo，再照着 MES 演示代码读一遍生成器产物的结构，基本就能判断它适不适合你的项目。

喜欢的话给仓库点个 star，遇到问题可以直接提 Issue，README 里也留有作者联系方式与交流群，社区回复速度整体不错。

【免费下载链接】Vue.NetCore(已支持sqlsugar).NetCore、.Net6、Vue2、Vue3、Vite、TypeScript、Element plus+uniapp前后端分离，全自动生成代码；支持移动端(ios/android/h5/微信小程序。http://www.volcore.xyz/项目地址: https://gitcode.com/gh_mirrors/vu/Vue.NetCore