代码生成流程如下图所示:
以下选取“会议室管理”示例介绍操作步骤:
打开菜单“应用管理-应用开发”
单击“创建应用”按钮,输入名称、编码等。
点“确定”按钮创建应用。
在应用列表中单击“会议室管理”应用,打开应用设置
在数据模型-实体模型页签中新增表或从数据库加载表,如下图所示:
点“确定”按钮生成实体模型。
打开数据模型-ER模型页签
单击“新增”按钮,打开ER模型新增界面
如果有子表,单击“添加子表”超链接,弹出选择子表页面,并配置外键关系。
或者在数据模型-实体模型页签列表中单击“生成ER模型”
查看ER模型已经生成,如下图所示:
打开数据模型-ER模型页签
单击“生成代码”超链接,打开代码生成器配置界面,如下图所示:
或者打开菜单“系统工具-代码生成工具”
单击“生成代码”按钮,打开代码生成界面。
如上图所示,本例“会议室管理”为单表,所以模板类型下拉框为“单表”和“单表带流程”,选择“单表”,属性选择勾选是否带附件,本例不带附件。
配置完单击“保存”,会保存当前的配置项
单击“下一步”,会保存当前配置项并打开表单和页面配置界面。
本例配置项为:
“会议主题”:单行文本,可编辑,必填,独占一行,在页面列表显示,对齐方式为居中,设置为查询条件,匹配方式为相似
“会议室”:单行文本,可编辑,必填,在页面列表显示,对齐方式为居中,设置为查询条件,匹配方式为相似
“会议设备”:复选框,可编辑,必填,在列表显示,显示配置使用数据字典,显示配置如下图所示:
“开始时间”:日期,可编辑,必填,在列表显示,设置为查询条件,匹配方式为“在..之间”,显示配置项如下图所示:
“参会人员”:选用户,可编辑,非必填
“组织部门”:选部门,可编辑,非必填
该界面主要配置说明:
1.表单每行控件数
Form表单每行显示几个控件。
2.列名称
form表单label和视图列表中表头名称。
3.编辑、必填
Form表单中控件是否可编辑,是否必填。
4.显示类型
控件展示类型,可选项包括:单行文本、多行文本、数字、下拉框、复选框、单选框、开关、日期、时间、评分、滑动条、流水号、图标选择、附件上传、图片上传、用户选择、部门选择。
5.显示配置
配置控件参数,如日期格式、下拉框(单选、复选框)选项配置、用户(部门)是否多选等。
6.列表
配置视图列表是否显示该字段
7.查询
配置该字段是否做为视图查询字段
8.匹配方式
配置视图查询字段对应的操作符
设置完表单和页面属性,单击“保存”保存当前配置,单击“下一步”进行生成信息配置。
1.基础包路径
后端java基础包路径
2.组件名
属于哪个组件或服务,比如oa
3.java代码包路径及生成文件
java代码路径:展示生成的包路径,规则为:基础包路径+组件名
生成文件:是否生成后端代码
4.前端VUE路径及生成文件
前端VUE路径:展示生成的前端VUE文件路径
生成文件:是否生成前端代码
5、保存:保存当前配置数据
6、代码生成:点生成代码按钮会下载生成的代码包
本例配置信息如下:
配置完单击“生成代码”按钮生成业务代码。
在上一步单击“生成代码”后,会生成业务代码并打包下载,本例生成的包为“oa.zip”
生成代码的目录结构如下:
oa/src/main/java 目录下为后端代码
oa/src/main/vue 目录下为前端代码
将生成的后端java代码拷贝到Springboot启动工程中,拷贝后的代码结构如下:
将生成的前端vue代码拷贝到vue工程views目录下,拷贝后的代码结构如下:
如上图所示:
YchDemoMeetingViewList.vue为“会议室管理”模块视图页面,配置菜单时配置该代码作为入口地址
YchDemoMeetingFormDialog.vue 为“会议室管理”模块新增和编辑弹出框页面
YchDemoMeetingFormModal.vue 为“会议室管理”模块表单页面
后台代码运行:
Springboot启动工程编译后运行启动类“OaApplication”,启动成功后控制台打印信息:
访问端口号为:30002
前端代码运行:
在cmd命令窗口打开前端代码工程根目录,输入命令“yarn serve”启动vue工程,如下图所示:
配置菜单步骤在此模块不做详细描述,生成代码运行后界面如下所示:
视图界面:
编辑界面:
会议主题输入“2021”关键词查询: