- 在数据库创建一张表,必须有主键,可以是自增Id,也可以是Guid,如果使用的MySql数据库使用Guid请将字段设置为char长度36位
- 表最好包括创建人、时间/修改人、时间等字段,在新增或编辑时,框架会自动给这几个字段设置值,字段格式要求参照后台项目appsettings.json中属性CreateMember、ModifyMember的说明
- 前端项目运行:.../VOL.Vue/run.bat (如果从执行过npm install安装依赖包,在.../VOL.Vue路径下执行npm install命令,如果没有安装node,必须先安装了node环境)
- 后台项目运行项目路径下.../VOL.WebApi/builder_run.bat,或如果不需要生成业务类运行:dev_run.bat即可
- 准备完成,项目运行起来后输入:http://localhost:8080
- 选择菜单:在线代生成器->Vue+后台代码生成
- 点击新建 (如果只是做修改,跳过此步)
->填写信息 (项目命名空间:代码生成时所放在类库,项目文件夹:生成的文件放在文件夹,此文件夹可以不存在,表名:可以是视图或表,名字必须和数据库一样)
->确认 (此时会从数据库载出表结构信息,如果只想创建一个空菜单,上面表名随便填写)
->根据实际需要填写加载出来的表单及table表的的信息
(需要注意Vue绝对路径的设置:生成Vue页面必须指定此路径,路径为当前Vue项目的views文件夹,如E:/VOL.Vue/src/views)
->保存 (任何修改后都先点击保存再做其他操作)->生成Model->生成业务类->生成Vue页面
- 系统->菜单设置:配置菜单 (配置方式见下面操作),运行后台项目路径下.../VOL.WebApi/dev_run.bat 如果当前运行的是此bat请忽略
- 刷新页面就可以看到刚刚生成的页面了
点击新建,弹出选择框(如果只是做修改,直接修改后点保存,再点各种生成操作)
点击确认,自动从后台加载表结构信息(如果只是生成空菜单,里面就随便填)
项目命名空间:代码生成时所放在类库(现框架采用一个模块为一个类库,可自行决定是否需要增加类库)
项目文件夹:生成的文件放在文件夹,此文件夹由代码生成器创建,不需要手动创建
表名:可以是视图或表,名字必须和数据库一样
加载完成后,根据自身情况配置下面表格中的查询与新建、编辑信息
查看参数说明
点击保存、生成Vue页面、生成Model、生成业务类即可(每次修改信息后都需要点击保存)。
如果使用的mysql数据库并且主键使用的是Guid,数据库字段类型应该设置为char 长度为36,否则生成实体Model时会与数据库类型对应不上
生成完成后在vs中搜索当前表就能看到生成的代码了,vue代码也同时生成了,可在vscode中搜索当前文件(文件名都是以当前表名开头)
参数设置:
Url:通过VsCode打开vue项目,找到router文件夹下viewGird.js找当前生成表的path属性/SellOrder就是配置菜单需要配置的url,直接复制过来即可
表名:在生成代码时填写的表名或视图名,必须一致,否则权限验证通不过
先确认后台项目运行的是路径…/VOL.WebApi/dev_run.bat文件,输入http://localhost:8080/sellOrder
字段参照步骤3的界面
字段 | 描述 |
Id | 表Id |
父级Id | 表所放在位置 |
项目命名空间 | 将当前表生成的文件放在所选命名空间的类库中 |
表中文名 | 需要生成代码的表具体名 |
表名 | 需要生成代码的表或视图 |
实际表名 | 用实际表名替换表名, 具体功能未开发 |
项目文件夹 | 将当前表生成的文件放在所选命名空间类库下的文件夹( 不需要人为创建) |
明细表中文名 | 明细从表的中文名 |
明细表名 | 明细从表, 用于生成主从表关系及UI, 生成代码前, 必须先生成明细表代码 |
连接字段 | 设置连接字段后,前台界面表格点击此链接可快速查看详细信息 |
排序字段 | 前台表格的排序字段,如果不是自增的主键,必须设置此值 |
Vue 视图绝对路径 | 生成Vue 页面存放的位置,如:E:/project/views/ Vue 页面生成后会放在此路径下 |
字段 | 描述 |
列中文名 | 表显示的中文名 |
列名 | 表列名 |
列最大长度 | 数据库设置的列长度 如果使用的mysql数据库并且主键使用的是Guid,数据库字段类型应该设置为char 长度为36,否则生成实体Model时会与数据库类型对应不上 |
数据类型 | C# 属性的数据类型( 除非数据库字段类型发生变, 其他不需要修改) |
可为空 | 表字段是否可为null, 此处会涉及前、后端验证规则,默认加载的是表结构 |
排序号 | 前端页面表格显示的顺序 |
数据源 | 如果字段对应的是下拉框或多选框,此处选择对应的数据源的字典编号, 在菜单:下拉框绑定设置中配置数据源,具体可参照现有配置 |
是否只读 | 编辑或新建时,如果此字段为只读,则不可修改 |
编辑行、编辑列 | 新建/ 编辑时,此字段所在的行与列,如行=1 ,列=2 ,则界面所在位置为第1 行第2 列(此配置直接决定表的编辑或新建字段,不在此配置中的字段,编辑或新建时都会被过滤移除) |
编辑类型 | 新建/ 编辑时标签的类型,如日期标签,下拉框,text 等 |
colSize | 编辑、新建、查看时此字段显示的长度,如果设置的是12 则,此字段独占一行,可选值1-12 |
查询行、查询列 | 查询时,此字段所在的行与列,如行=1 ,列=2 ,则界面所在位置为第1 行第2 列 |
查询类型 | 查询时标签的类型,如日期标签,下拉框,text 等 |
导入列、Api 输入列,是否可为空、api 输出列 | 具体业务未实现 |
主键 | 设置是否为主键,必须一个主键 |
启用图片地址 | 如果字段是图片,请选择是 |