elementui select绑定-前后端分离,利用Vue和.NetCore加速应用开发

《开源精选》是我们分享Github、Gitee等开源社区的优质项目的专栏,包括技术、学习、实用以及各种有趣的内容。 本期推荐的是一款前后台分离、完全手动生成PC端和移动端代码的快速开发框架——Vue.NetCore。

框架核心框架适用范围框架开发依赖环境背景

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

特点 只读基本形式

整个只读基础表单的所有前端和前端代码全部由代码生成器生成,几乎不需要任何配置,并且支持前端业务代码的扩展。 直接生成代码后,配置菜单权限。

自动绑定下拉框数据表单

手动绑定下拉框数据表单的所有前端及前端代码均由代码生成器生成elementui select绑定,支持前端业务代码的扩展。 在代码生成器中,只需要指定数据源编号,页面加载时就会根据编号手动加载数据。 源和绑定

启用图像支持、评论表单

启用图片支持以及评论表单的所有前端代码均由代码生成器生成,并支持前端业务代码的扩展。 审核功能需要在菜单配置权限和代码生成器中勾选才能启用图片支持

高级搜索

整个表单的所有前端和前端代码全部由代码生成器生成,并支持和前端业务代码扩展。 查询数组、类型(下拉框、日期、TextArea等)、行、列全部由代码生成器完成,无需编写任何代码

创建和编辑主从表

创建和编辑主从表的所有前端和前端代码,全部由代码生成器生成,并支持前端业务代码扩展,创建和编辑从表配置、字段、类型(下拉框、日期、TextArea等)、行列、字段是否只读、标签显示的粗细等全部由代码生成器完成elementui select绑定,无需编写任何代码

导出Excel

excel导入的整个页面都是由代码生成器生成的。 导入的数组和字段是否为必填项,代码生成器上也配置了下载模板(您可以根据实际需要决定是否使用该方法)。 导入时会验证是否为空以及数据的合法性,可以通过扩展的方式实现逻辑校准

H5开发

权限分配

目前只实现了用户角色的Action来分配权限

代码生成器

代码生成器提供了20多个可配置属性,可以灵活配置显示、查询、编辑、导入、导出、主从关系等功能。点击查看代码生成器文档

启动项目

运行之前先看一下后台appsettings.json配置属性说明; (注意更改DbType属性,修改为你使用的数据库,数据库脚本在DB文件夹下)

1、启动后台项目:后端项目路径../VOL.WebApi,找到dev_run.bat命令,点击启动。 后台启动的默认端口是9991

2、启动后端项目:前端Vue项目路径../VOL.Vue,找到run.bat命令点击启动

3、输入:8080访问(本地超级管理员账号:admin 密码:123456)