一、    功能介绍
个人开源代码生成器(webcoder-generate)的使用教程,基于个人开源的LJDP框架(ljdp-core3)。

 

二、    安装代码生成器

1、    导入maven工程

2、    执行maven install

执行成功后再target目录下生成了部署目录:webcodergen-2.0.0


Java代码生成BPMN_数据库


 

3、    配置Tomcat

把上面的部署路径的绝对路径配置到tomcat的context中:

Java代码生成BPMN_Java代码生成BPMN_02


 

 

4、    启动tomcat,在浏览器中输入地址:

http://localhost:8080/tool/coder/index.jsp

看到如下图的页面,表示安装成功


 

 三、    创建数据库表

创建表时注意填写注释

Java代码生成BPMN_Java代码生成BPMN_03


 

 

四、    生成代码
1、    输入【系统包编码】,填写系统在代码中使用的名称,可咨询项目经理,例如:
商城使用:shop

 

Java代码生成BPMN_前端_04

2、    输入【一级模块包编码】,填写当前要生成的表所归属的一级模块编码(必填),例如:

订单模块:order


Java代码生成BPMN_Java代码生成BPMN_05



3、    输入【二级模块包编码】,填写当前要生成的表所归属的二级模块编码(可以空),目前一般不填写


Java代码生成BPMN_前端_06


 

4、    输入【表名】,填写数据库中的表名


Java代码生成BPMN_前端_07



5、    输入【作者】,输入你的名称


Java代码生成BPMN_前端框架_08


 

6、    输入【系统标识】,预留,暂时填写0


7、    输入【菜单名称】,填写要新建的菜单名称


Java代码生成BPMN_ViewUI_09


 

8、    【开发框架】建议选择(LJDP3.0,LJDP4.0)

      两个区别是对接的前端框架不一样

      LJDP3.0使用的前端框架为:jquery+bootstrap+jsp

      LJDP4.0使用的前端框架为:react+Ant Design Pro

9、    【页面风格】如果需要,选择:风格一

10、    【可选功能】,根据情况选择。

 

Java代码生成BPMN_ViewUI_10


 (提示:如果选择react版的前端框架,不用选择【前端MVC】)


默认代码生成器会生成如下代码:

model数据库映射对象,repository仓库层代码,service业务层代码


可选代码:

后端API:把业务层代码封装为API提供给前端使用

前端MVC:生成前端页面时需要

查询:生成动态查询对象,和查询方法。这儿所说的动态查询是指查询条件不确定(where语句),需要动态组装的sql查询。




11、    点击【第一步:解析表】,将自动读取表的字段展示如下


Java代码生成BPMN_数据库_11


 

12、    这里开始设置主查询页面的查询参数,对应的是查询主界面的查询条件区域,例如下图


Java代码生成BPMN_前端_12


 

如上图这种功能,最终的查询sql是根据用户选择的查询条件动态生成的,本框架已经实现了动态sql组装功能,开发人员只需要选择需要的查询条件即可。


下面以几种常见查询为例

等于查询:

    例如订单号一般用等于查询,如下配置

 

Java代码生成BPMN_Java代码生成BPMN_13


 


like查询

    例如渠道查询使用中文名,通常要求模糊查询


Java代码生成BPMN_前端框架_14


 

时间查询

    时间通常用时间段,>=加<=组合查询

 

Java代码生成BPMN_数据库_15


 

静态数据字典翻译

    对于状态的字段,通常会定义数据字典,然后查询条件使用下拉框选择。

    例如订单状态在数据库中定义了如下的字典:

 

Java代码生成BPMN_前端框架_16


 


    那么在代码生成器中可以使用如下方式进行设置:

 

Java代码生成BPMN_前端框架_17


 


13、    最后点击【第二步:生成代码】,当提示提交成功后,在项目部署路径的/coder/output下看到刚生成的代码


Java代码生成BPMN_前端_18


五、    代码结构说明

1、    java代码:后端api+前端mvc

 

Java代码生成BPMN_Java代码生成BPMN_19



2、    前端框架1(bootstrap)


Java代码生成BPMN_Java代码生成BPMN_20


 2、    前端框架2(ant design pro)

 前端开发工具建议使用:Visual Studio Code,  Webstorm

Java代码生成BPMN_前端_21