开源B/S项目推荐:Vue.NetCore
框架采用dotnetcore+vue+elementUI 前后端分离,并且支持前端、后台代码业务动态扩展,框架内置了一套有着20多种属性配置的代码生成器,可灵活配置生成的代码,代码生成器界面配置完成即可生成单表/主从表的增、删、改、查、导入、导出、上传、审核基础功能。只需要简单了解即可上手开发
框架核心
- 快速开发(基础功能全部由代码生成器生成)
- 支持前端、后台自定义业务代码扩展,后台提供了大量常用扩展与通用类
- 前端、后台提供了近300个扩展方法与属性,开发人员可在此功能上编写扩展自定义业务代码
- 代码生成(代码生成器可直接生成主/从表前后端业务代码,有30多种属性可在线配置生成的代码)
- 前端table自动转换key/value
- 前端表单select/checkbox自动绑定数据源,不需要写任何代码
- 支持(主从表)一对一前后端代码全自动生成、并支持数据源自动绑定与业务代码扩展,不需要写任何代码
- 支持一对多从表自定义扩展(不限从表类型与从表数量) , 一对多从表使用扩展可轻松实现
- 如果能上手框架,可以体会到不用996,更不用掉头发的感觉^_^
框架适用范围
- 前后端分离项目
- 编写各种后台restful api接口。后台基础代码由代码生成器完成,在生成的代码上继续编写业务即可
- 前端表单开发(直接上手看demo即可)
- 配合app做H5或全h5开发
- 发布静态(h5)页面,框架已经提供了demo
- 在现有的代码生成器功能上,继续定制开发代码生成器功能,解决重复性工作
框架开发依赖环境
- 后台:VS2019 、.NetCore3.1 、EFCore3.1、JWT、Dapper、Autofac、SqlServer/MySql、Redis(可选,默认使用内置IMemory)
- 前端:VsCode、Vue2.0(webpack、node.js,如果没有此环境自行搜索:vue webpack npm)、vuex、axios、promise、iview、element-ui
项目启动与上手
http://www.volcore.xyz/document/guide
框架2.0已更新(部分新增功能截图)
增加切换皮肤功能
![db7e2507489b1bc632e13fe92635b198.png](https://img-blog.csdnimg.cn/img_convert/db7e2507489b1bc632e13fe92635b198.png)
![a4a1f8bda2f9215fc251e6b6b52b9776.png](https://img-blog.csdnimg.cn/img_convert/a4a1f8bda2f9215fc251e6b6b52b9776.png)
增加可复用的后台请求参数校验
![3a85dbe787a1471cd5b2a0275c029130.png](https://img-blog.csdnimg.cn/img_convert/3a85dbe787a1471cd5b2a0275c029130.png)
增加树形菜单与代码生成页面使用
![5f9e4cb623d43ff0c274879f728ca687.png](https://img-blog.csdnimg.cn/img_convert/5f9e4cb623d43ff0c274879f728ca687.png)
增加文本编辑器直接发布静态页面功能
![972105d6f27a7b9e7532e9d3c6216097.png](https://img-blog.csdnimg.cn/img_convert/972105d6f27a7b9e7532e9d3c6216097.png)
增加真实可用的一对多从表(不限从表数量)扩展
![c0678e290d65387c919a887376e65a18.png](https://img-blog.csdnimg.cn/img_convert/c0678e290d65387c919a887376e65a18.png)
图表
![8e460d15021f4aa3f6acb4edda23dba4.png](https://img-blog.csdnimg.cn/img_convert/8e460d15021f4aa3f6acb4edda23dba4.png)
1、只读基础表单
整个只读的基础表单的所有前后端代码,全部由代码生成器生成,代码生成器中几乎不需要配置,并支持并后端业务代码扩展,直接生成代码后,配置菜单权限即可
![3352735fe90603e080401c143022e280.png](https://img-blog.csdnimg.cn/img_convert/3352735fe90603e080401c143022e280.png)
2、自动绑定下拉框数据表单
整个自动绑定下拉框数据表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,在代码生成器中只需要指定数据源编号,页面加载时会根据编号自动加载数据源并绑定
![565177c378630c1c2a3e621e1f050bd9.png](https://img-blog.csdnimg.cn/img_convert/565177c378630c1c2a3e621e1f050bd9.png)
3、启用图片支持、审核表单
整个启用图片支持、审核表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,审核功能需要在菜单配置权限、代码生成器中勾选启用图片支持
![c98dfc37af687d3052bdb3ce377d3b5c.png](https://img-blog.csdnimg.cn/img_convert/c98dfc37af687d3052bdb3ce377d3b5c.png)
4、高级查询
整个表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,查询字段、类型(下拉框、日期、TextArea等)、所在行与列都由代码生成器完成,不需要写任何代码
![b6dfd0bdddc1a0b1356b13c6037f632d.png](https://img-blog.csdnimg.cn/img_convert/b6dfd0bdddc1a0b1356b13c6037f632d.png)
5、主从表新建、编辑
主从表新建、编辑所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,新建、编辑从表配置、字段、类型(下拉框、日期、TextArea等)、所在行与列、字段是否只读、标签显示的长度等都由代码生成器完成,不需要写任何代码
![1247c04ba1fd9bd3f46e64621daf442d.png](https://img-blog.csdnimg.cn/img_convert/1247c04ba1fd9bd3f46e64621daf442d.png)
6、excel导入
excel导入整个页面都由代码生成器生成,导入的字段、字段是否必填,下载模板也由代码生成器上配置(自己根据实际需要决定是否采用此方法),导入时会验证是否为空与数据的合法性,逻辑校验自己实现扩展方法即可
![77a2c2e82b333e917b427962efcc4c81.png](https://img-blog.csdnimg.cn/img_convert/77a2c2e82b333e917b427962efcc4c81.png)
7、H5开发
![822f9d7ca58f15436188ddcafcc3d0da.png](https://img-blog.csdnimg.cn/img_convert/822f9d7ca58f15436188ddcafcc3d0da.png)
8、权限分配
目前只实现了对用户的角色的Action进行权限分配
![5df64dbbea2f038ffc8f3097ad9625ce.png](https://img-blog.csdnimg.cn/img_convert/5df64dbbea2f038ffc8f3097ad9625ce.png)
9、代码生成器
代码生成器提供了20多种可配置的属性,可灵活配置显示、查询、编辑、导入、导出、主从关系等功能点击看代码生成器文档
![40ed44aad9431ff18d75b8c2b780b1ad.png](https://img-blog.csdnimg.cn/img_convert/40ed44aad9431ff18d75b8c2b780b1ad.png)