使用代码生成器前需要准备的工作

代生成步骤(只需要4步)

1、选择菜单:在线代生成器->Vue+后台代码生成

点击新建,弹出选择框(如果只是做修改,直接修改后点保存,再点各种生成操作)

2、填写需要生成表或视图的信息

点击确认,自动从后台加载表结构信息(如果只是生成空菜单,里面就随便填)
项目命名空间:代码生成时所放在类库(现框架采用一个模块为一个类库,可自行决定是否需要增加类库)
项目文件夹:生成的文件放在文件夹,此文件夹由代码生成器创建,不需要手动创建
表名:可以是视图或表,名字必须和数据库一样

3、填写信息

加载完成后,根据自身情况配置下面表格中的查询与新建、编辑信息 查看参数说明
点击保存、生成Vue页面、生成Model、生成业务类即可(每次修改信息后都需要点击保存)。
如果使用的mysql数据库并且主键使用的是Guid,数据库字段类型应该设置为char 长度为36,否则生成实体Model时会与数据库类型对应不上

4、查看生成完的代码

生成完成后在vs中搜索当前表就能看到生成的代码了,vue代码也同时生成了,可在vscode中搜索当前文件(文件名都是以当前表名开头)

5、菜单配置

参数设置:
Url:通过VsCode打开vue项目,找到router文件夹下viewGird.js找当前生成表的path属性/SellOrder就是配置菜单需要配置的url,直接复制过来即可
表名:在生成代码时填写的表名或视图名,必须一致,否则权限验证通不过

,

6、查看生成的页面

先确认后台项目运行的是路径…/VOL.WebApi/dev_run.bat文件,输入http://localhost:8080/sellOrder

代码生成器字段参数

字段参照步骤3的界面

表单字段
字段 描述
Id Id
父级Id 表所放在位置
项目命名空间 将当前表生成的文件放在所选命名空间的类库中
表中文名 需要生成代码的表具体名
表名 需要生成代码的表或视图
实际表名 用实际表名替换表名, 具体功能未开发
项目文件夹 将当前表生成的文件放在所选命名空间类库下的文件夹( 不需要人为创建)
明细表中文名 明细从表的中文名
明细表名 明细从表, 用于生成主从表关系及UI, 生成代码前, 必须先生成明细表代码
连接字段 设置连接字段后,前台界面表格点击此链接可快速查看详细信息
排序字段 前台表格的排序字段,如果不是自增的主键,必须设置此值
Vue 视图绝对路径 生成Vue 页面存放的位置,如:E:/project/views/ Vue 页面生成后会放在此路径下
Table表字段
字段 描述
列中文名 表显示的中文名
列名 表列名
列最大长度 数据库设置的列长度 如果使用的mysql数据库并且主键使用的是Guid,数据库字段类型应该设置为char 长度为36,否则生成实体Model时会与数据库类型对应不上
数据类型 C# 属性的数据类型( 除非数据库字段类型发生变, 其他不需要修改)
可为空 表字段是否可为null, 此处会涉及前、后端验证规则,默认加载的是表结构
排序号 前端页面表格显示的顺序
数据源 如果字段对应的是下拉框或多选框,此处选择对应的数据源的字典编号, 在菜单:下拉框绑定设置中配置数据源,具体可参照现有配置
是否只读 编辑或新建时,如果此字段为只读,则不可修改
编辑行、编辑列 新建/ 编辑时,此字段所在的行与列,如行=1 ,列=2 ,则界面所在位置为第1 行第2 列(此配置直接决定表的编辑或新建字段,不在此配置中的字段,编辑或新建时都会被过滤移除)
编辑类型 新建/ 编辑时标签的类型,如日期标签,下拉框,text
colSize 编辑、新建、查看时此字段显示的长度,如果设置的是12 则,此字段独占一行,可选值1-12
查询行、查询列 查询时,此字段所在的行与列,如行=1 ,列=2 ,则界面所在位置为第1 行第2
查询类型 查询时标签的类型,如日期标签,下拉框,text
导入列、Api 输入列,是否可为空、api 输出列 具体业务未实现
主键 设置是否为主键,必须一个主键
启用图片地址 如果字段是图片,请选择是