## Vue + .NetCore前后端分离，不一样的快速发开框架(提供Vue2/Vue3版本) ## 框架核心 - 快速开发(基础功能全部由代码生成器生成) - 支持前端、后台自定义业务代码扩展,后台提供了大量常用扩展与通用类 - 前端、后台提供了近300个扩展方法与属性,开发人员可在此功能上编写扩展自定义业务代码 - 代码生成(代码生成器可直接生成主/从表前后端业务代码,有30多种属性可在线配置生成的代码) - 前端table自动转换key/value - 前端表单select/checkbox自动绑定数据源,不需要写任何代码 - 支持(主从表)一对一前后端代码全自动生成、并支持数据源自动绑定与业务代码扩展,不需要写任何代码 - 支持一对多从表自定义扩展(不限从表类型与从表数量) , 一对多从表使用扩展可轻松实现 - 如果能上手框架，可以体会到不用996,更不用掉头发的感觉^_^ ## 框架适用范围 - 前后端分离项目 - 编写各种后台restful api接口。后台基础代码由代码生成器完成,在生成的代码上继续编写业务即可 - 前端表单开发(直接上手看demo即可) - 配合app做H5或全h5开发 - 移动端开发、app、微信小程序(uniapp)，见下面介绍 - 在现有的代码生成器功能上，继续定制开发代码生成器功能,解决重复性工作 ## 框架开发依赖环境 - 后台：VS2019、vs2022 、.NetCore3.1 、.Net6、EFCore3.1/6.0、JWT、Dapper、SignalR、Quartz.Net、Autofac、SqlServer/MySql/PGSql/Oracle、Redis - 前端：VsCode、Vue2/vue3（需要安装nodejs)、vuex、axios、promise、element ui、element plus ## 链接 ## [vol框架视频](https://www.cctalk.com/m/group/90268531) ## [vol框架企业版](http://pro.volcore.xyz/) ## [NET视频教程(微软MVP-ACE录制)](https://space.bilibili.com/525836469) ## [元讯趣编程交流社区](https://www.qubcedu.com/) ## 项目启动与上手 - http://v2.volcore.xyz/document/guide ## vue2版本 - http://v2.volcore.xyz ## vue3版本 - http://www.volcore.xyz ## 演示地址2 - http://120.48.115.252:9990/ ## App/H5开发 - http://v2.volcore.xyz/app/guide ## 2023.05.13增加审批流程分支、条件功能 ![Home](/imgs/flow.png) ![Home](/imgs/flow2.png) ![Home](/imgs/flow3.png) ## 框架移动端（uniapp）已发布,同样全自动生成代码,扫描小程序二维码即可查看 ![Home](/imgs/qrcode.png) ![Home](/imgs/app-01.png) ![Home](/imgs/app-02.png) ![Home](/imgs/m001.png) ![Home](/imgs/m002.png) ## 框架已支持Vue3版本 ![Home](/imgs/v3.png) ## 框架已增加低代码设计器 ![Home](/imgs/fd01.png) ![Home](/imgs/fd02.png) ## 框架2.0已更新(部分新增功能截图) 增加切换皮肤功能 ![Home](/imgs/h.png) ![Home](/imgs/home_them.png) 增加可复用的后台请求参数校验 ![Home](/imgs/validator.png) 增加树形菜单与代码生成页面使用 ![Home](/imgs/x7tree.png) 增加文本编辑器直接发布静态页面功能 ![Home](/imgs/editor.png) 一对一多从表显示(只需要少量代码就可完成成，其他都由代码生成器生成) ![Home](/imgs/m1.png) 表合并显示 (只需要几行代码完成代码生成器生成的页面实现扩展) ![Home](/imgs/span.png) 从图上传图片 (只需要几行代码完成代码生成器生成的页面实现扩展) ![Home](/imgs/p1.png) 一对多从表(不限从表数量)扩展 ![Home](/imgs/multi.png) 图表 ![Home](/imgs/charts.png) ## 1、只读基础表单 整个只读的基础表单的所有前后端代码，全部由代码生成器生成，代码生成器中几乎不需要配置，并支持并后端业务代码扩展，直接生成代码后，配置菜单权限即可 ![Home](/imgs/table1.png) ## 2、自动绑定下拉框数据表单 整个自动绑定下拉框数据表单的所有前后端代码，全部由代码生成器生成，并支持并后端业务代码扩展，在代码生成器中只需要指定数据源编号，页面加载时会根据编号自动加载数据源并绑定 ![Home](/imgs/table2.png) ## 3、启用图片支持、审核表单 整个启用图片支持、审核表单的所有前后端代码，全部由代码生成器生成，并支持并后端业务代码扩展，审核功能需要在菜单配置权限、代码生成器中勾选启用图片支持 ![Home](/imgs/table3.png) ## 4、高级查询 整个表单的所有前后端代码，全部由代码生成器生成，并支持并后端业务代码扩展，查询字段、类型(下拉框、日期、TextArea等)、所在行与列都由代码生成器完成，不需要写任何代码 ![Home](/imgs/tablesearch4.png) ## 5、主从表新建、编辑 主从表新建、编辑所有前后端代码，全部由代码生成器生成，并支持并后端业务代码扩展，新建、编辑从表配置、字段、类型(下拉框、日期、TextArea等)、所在行与列、字段是否只读、标签显示的长度等都由代码生成器完成，不需要写任何代码 ![Home](/imgs/editTbale2.png) ## 6、excel导入 excel导入整个页面都由代码生成器生成，导入的字段、字段是否必填，下载模板也由代码生成器上配置(自己根据实际需要决定是否采用此方法)，导入时会验证是否为空与数据的合法性，逻辑校验自己实现扩展方法即可 ![Home](/imgs/importTable1.png) ## 7、H5开发 ![Home](/imgs/h5.jpg) ## 8、权限分配 目前只实现了对用户的角色的Action进行权限分配 ![Home](/imgs/auth.png) ## 9、代码生成器 代码生成器提供了20多种可配置的属性，可灵活配置显示、查询、编辑、导入、导出、主从关系等功能点击看代码生成器文档 ![Home](/imgs/coder.png) 其他功能。。。。。 ## 框架预览 - 框架内置了大量的通用组件可直接使用,并内置了基于本框架定制开发的代码生成器，尽量避免重复性代码编写。 - 框架不仅仅是快速开发，更多的是倾向于业务代码扩展的编写与代码规范。 - 如果有什么问题或建议，提issue或加QQ：283591387 - QQ2群：913189178 - QQ3群：743852316 - - vue3地址：http://www.volcore.xyz - vue2地址：http://v2.volcore.xyz - 帐号：admin666密码：123456（本地超级管理员帐号：admin密码123456) - github地址：https://github.com/cq-panda/vue.netcore - gitee码云：https://gitee.com/x_discoverer/Vue.NetCore - 框架文档：http://v2.volcore.xyz/document/guide - 框架更新日志：http://v2.volcore.xyz/document/log