一、 功能介绍
个人开源代码生成器(webcoder-generate)的使用教程,基于个人开源的LJDP框架(ljdp-core3)。
二、 安装代码生成器
1、 导入maven工程
2、 执行maven install
执行成功后再target目录下生成了部署目录:webcodergen-2.0.0
3、 配置Tomcat
把上面的部署路径的绝对路径配置到tomcat的context中:
4、 启动tomcat,在浏览器中输入地址:
http://localhost:8080/tool/coder/index.jsp
看到如下图的页面,表示安装成功
三、 创建数据库表
创建表时注意填写注释
四、 生成代码
1、 输入【系统包编码】,填写系统在代码中使用的名称,可咨询项目经理,例如:
商城使用:shop
2、 输入【一级模块包编码】,填写当前要生成的表所归属的一级模块编码(必填),例如:
订单模块:order
3、 输入【二级模块包编码】,填写当前要生成的表所归属的二级模块编码(可以空),目前一般不填写
4、 输入【表名】,填写数据库中的表名
5、 输入【作者】,输入你的名称
6、 输入【系统标识】,预留,暂时填写0
7、 输入【菜单名称】,填写要新建的菜单名称
8、 【开发框架】建议选择(LJDP3.0,LJDP4.0)
两个区别是对接的前端框架不一样
LJDP3.0使用的前端框架为:jquery+bootstrap+jsp
LJDP4.0使用的前端框架为:react+Ant Design Pro
9、 【页面风格】如果需要,选择:风格一
10、 【可选功能】,根据情况选择。
(提示:如果选择react版的前端框架,不用选择【前端MVC】)
默认代码生成器会生成如下代码:
model数据库映射对象,repository仓库层代码,service业务层代码
可选代码:
后端API:把业务层代码封装为API提供给前端使用
前端MVC:生成前端页面时需要
查询:生成动态查询对象,和查询方法。这儿所说的动态查询是指查询条件不确定(where语句),需要动态组装的sql查询。
11、 点击【第一步:解析表】,将自动读取表的字段展示如下
12、 这里开始设置主查询页面的查询参数,对应的是查询主界面的查询条件区域,例如下图
如上图这种功能,最终的查询sql是根据用户选择的查询条件动态生成的,本框架已经实现了动态sql组装功能,开发人员只需要选择需要的查询条件即可。
下面以几种常见查询为例
等于查询:
例如订单号一般用等于查询,如下配置
like查询
例如渠道查询使用中文名,通常要求模糊查询
时间查询
时间通常用时间段,>=加<=组合查询
静态数据字典翻译
对于状态的字段,通常会定义数据字典,然后查询条件使用下拉框选择。
例如订单状态在数据库中定义了如下的字典:
那么在代码生成器中可以使用如下方式进行设置:
13、 最后点击【第二步:生成代码】,当提示提交成功后,在项目部署路径的/coder/output下看到刚生成的代码
五、 代码结构说明
1、 java代码:后端api+前端mvc
2、 前端框架1(bootstrap)
2、 前端框架2(ant design pro)
前端开发工具建议使用:Visual Studio Code, Webstorm