ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

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

Vue.NetCore 快速开发指南:一个代码生成器搞定前后端 CRUD 与审批流 Vue.NetCore 快速开发指南一个代码生成器搞定前后端 CRUD 与审批流【免费下载链接】Vue.NetCore(已支持sqlsugar).NetCore、.Net6、Vue2、Vue3、Vite、TypeScript、Element plusuniapp前后端分离全自动生成代码支持移动端(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 类业务系统都能覆盖。项目速览维度说明项目定位.NET8 Vue 前后端分离快速开发框架含代码生成器后端技术栈.NET 8、EF Core 8 / SqlSugar 双实现、Dapper、JWT、SignalR、Quartz、Autofac前端技术栈Vue2 / Vue3 Vite TypeScript Element UI / Element Plus移动端uniapp覆盖 iOS / Android / H5 / 微信小程序支持数据库SQL Server、MySQL、PostgreSQL、Oracle、达梦信创核心能力主从表代码全自动生成、工作流审批、权限与数据字典、图表统计整体结构很简单打开 1.项目说明.txt 就能看到vol.web是前端vol.api是 EF Core 版后台vol.api.sqlsugar是 SqlSugar 版后台DB目录放着各数据库的建库脚本两套后台任选其一即可。它帮你省下了什么不谈功能清单直接对照你平时最烦的几件事一张表的六小时重复劳动→ 过去每接一张新表实体、仓储、服务、控制器、列表页、表单页要手工写一整天现在生成器按表结构一键产出全部代码还有 30 多项属性在线配置生成结果可直接编译运行。主从表嵌套保存的脏活→ 订单 明细这类主从页面以前要手写嵌套表单、联动加载、整体保存的事务逻辑框架把主从表前后端代码一并生成数据源自动绑定不限从表数量。审批流动辄引入第三方引擎→ 内置工作流设计器拖拽节点就能定义按数量走不同审批人这类条件分支业务表单关联后直接生效。前端表单手工绑字典→ 表格列自动做 key/value 转换下拉框、复选框自动绑定数据源基本不用写额外的映射代码。说白了它把从 0 到能跑这一段压到最短把时间留给真正有业务差异的代码。快速上手5 步看到效果最短路径如下全程不需要改代码克隆仓库git clone https://gitcode.com/gh_mirrors/vu/Vue.NetCore建库并导入脚本DB/ 目录下按数据库类型存放了表结构与演示数据如 DB/sqlserver/表结构与数据.sql选你的库执行即可改配置编辑 vol.api/VOL.WebApi/appsettings.json设置Connection里的数据库类型与连接串顺手改掉Secret中的 JWT 密钥启动后台cd vol.api/VOL.WebApi dotnet run或直接运行 dev_run.bat本质是dotnet watch热重载启动前端cd vol.web npm install npm run dev浏览器打开 http://127.0.0.1:9990 用演示账号 admin666 / 123456 登录启动成功后的管理后台首页出入库统计、部门收支等数据看板已内置登录后你会看到一套完整的 MES 演示业务供应商、产线、设备、生产报工……这些页面本身就是代码生成器的产物可以直接当活文档抄。核心场景实战场景一一张表生成标准业务页面场景客户提了个供应商管理需求一张普通单表。做法在代码生成器里选中供应商表在线勾选哪些字段进查询区、哪些进表格、哪些字段用字典下拉点击生成。生成器把实体、仓储、服务、控制器和 Vue 页面全部写进项目下拉框自动绑数据源。效果得到下图这样的标准页面——查询、分页、新建、编辑、删除、导入导出一应俱全全程零手写代码。生成器产出的标准单表页面查询区、表格、增删改与导入导出按钮完整可用场景二主从表页面一个配置全搞定场景产线管理要产线主 产线设备从两个页面联动展示换别的框架这里通常是最费工的部分。做法在生成器中配置主从关系即可从表数量不限。框架自动生成主从表的新建、编辑、删除、查询、导入导出主从保存走同一套逻辑前端不用写关联代码。效果主表列出后下方从表自动带出该产线的设备清单点编辑进入主子表编辑页改完一次保存。主从表页面上方产线为主表下方设备为从表展示与编辑均由生成器自动完成场景三拖拽出审批流场景生产报工数据需要多级审批且报工数量 500和≥ 500要走不同审批人。做法进入流程配置左侧拖入审批节点右侧属性面板选择审批类型与审批用户再挂一个按数量走分支的条件设置。整个流程在画布上拖拽完成不需要写流程代码。工作流设计器左侧基础信息与节点配置中间流程画布右侧节点属性与条件设置效果报工单提交后进入审批队列每条单据能看到完整的流转轨迹——当前节点、审批人、通过/拒绝/驳回操作审批留痕自动记录。数据审批界面左侧是流转轨迹开始→按数量分支→各级审批右侧执行通过/拒绝/驳回进阶玩法跑通 Demo 之后这些点值得了解细节以仓库内 README 与官方文档为准两套后台自由切换vol.apiEF Core 8与 vol.api.sqlsugarSqlSugar是独立维护的两套完整实现不是简单加个包技术选型时可按团队习惯二选一。国密与信创appsettings.json 里预留了 SM2/SM3/SM4 国密配置段GmCrypto数据库支持达梦DB/DM/ 有脚本信创环境可落地。基础设施即插即用Quartz 定时任务、SignalR 实时推送、Kafka 消息、Redis 缓存都在 Core 层封装好了配置项开关即可Redis 不装也默认走内存缓存。树形结构与图表统计树形数据按层级加载、ECharts 统计看板这类页面Demo 里都有现成实现框架的说法是能复制就能开发——直接参照 MES 演示代码改字段就行。图表统计页顶部指标卡 堆叠柱状图基于演示数据可直接作为报表页模板清理演示代码不需要 MES 演示业务的话按 1.项目说明.txt 的说明删掉前端 mes 路由与后台 VOL.MES 类库即可得到一个干净的空框架。常见问题FAQQ1最低环境要求是什么.NET 8 SDKVisual Studio 2022 或 VS Code C# 插件均可、Node.js 18Vite 6 要求、一个可用的数据库。前端依赖用npm install一次装齐。Q2必须装 Redis 吗不必须。appsettings.json 中UseRedis设为false时默认使用内存缓存生产上需要分布式缓存再打开即可。Q3支持哪些数据库换库要改代码吗SQL Server、MySQL、PostgreSQL、Oracle、达梦。切换时只需在 appsettings.json 改DBType和连接串DB/ 目录下备好了各库的脚本无需改代码。Q4MySQL 批量导入日志报错怎么办常见于批量写日志场景按仓库 DB/mysql/ 目录下的说明在连接串中加AllowLoadLocalInfiletrue即可解决。Q5跨域报错了怎么配前端 Vite 默认起在 9990 端口见 vol.web/vite.config.ts需把这个地址加入后台 appsettings.json 的CorsUrls列表多个地址用逗号隔开。写在最后如果你要做一个中后台系统又不想把团队时间耗在实体—仓储—服务—控制器—页面这条流水线上Vue.NetCore 值得放进选型清单生成器解决从 0 到 1300 个左右的扩展方法保证你在 1 到 100 时还有地方写业务。建议先按上文 5 步跑起 Demo再照着 MES 演示代码读一遍生成器产物的结构基本就能判断它适不适合你的项目。喜欢的话给仓库点个 star遇到问题可以直接提 IssueREADME 里也留有作者联系方式与交流群社区回复速度整体不错。【免费下载链接】Vue.NetCore(已支持sqlsugar).NetCore、.Net6、Vue2、Vue3、Vite、TypeScript、Element plusuniapp前后端分离全自动生成代码支持移动端(ios/android/h5/微信小程序。http://www.volcore.xyz/项目地址: https://gitcode.com/gh_mirrors/vu/Vue.NetCore创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表