Jeecgboot低代码平台单体模式二开实战系列（六）使用代码生成器生成代码自定义开发

前面《Jeecgboot低代码平台单体模式二开实战系列（四）业务实战使用Online表单开发订单中心》我们介绍了使用单表进行0代码的形式开发某个页面，但是在实际的业务中，客户有非常多定制需求，因此这里就会涉及到我们进行自定义开发前后端代码，这里我们演示一下如何自定义使用代码生成器进行生成代码，然后在生成的代码基础上进行自定义的代码开发。

一、创建单表

这里我们使用自定义代码的话，其实还是要用单表到单表，主要是为了让他生成增删改查的前端页面和后端代码的模板，然后我们在这个模板的基础上进行修改开发。所以示例如下：

首先进入到低代码开发->online表单开发

这里我们演示一个请假人填表表单案例，所以这里选择新增，填写内容如下：

然后我们点击保存，回到表单的列表页面，还是一样点击更多，把数据库同步创建一下

最后同不好数据库如下：

二、生成代码

接下来我们使用代码生成器生成代码，选中刚才创建的请假表单

点击上面的代码生成

点击开始生成

他就会自动把代码生成成功了。

三、查看生成代码

这里我们回到本地的idea上，可以在jeecg-module-demo这个模块看到生成的代码，如下图：

这里关于目录我们单独说下：

1、controller、entity、mapper、service这些主要是java的代码
2、uniapp、uniapp3主要是移动端的前端代码
3、vue3主要是pc端前端的代码

四、迁移前端项目

这里我们暂时不需要app端，所以我们关注这里的vue3即可，我们先看看Vue3相关的代码，示例图如下：

这里面主要是这些文件，咱们把这里的.sql的内容打开一下，然后在navicat的库里面执行一下

这里执行sql，主要是给当前自定义代码部分的请假单添加一个权限，方便后面配置权限，直接在navicat中执行即可：

然后咱们找到jeecgboot的vue3目录

进入如下路径：src/views目录

在这里创建一个oa的目录

然后把刚才生成的vue3的前端代码放到这个oa目录下

注意不要把这里的sql文件拷贝进来了。

五、重启项目

接下来我们重启下后端代码和前端代码，此处略过演示。

六、配置访问项目

接下来我们就重新访问下jeecgboot的前端代码部分，进入到系统管理->菜单管理：

可以看到我们刚才添加的请假白哦但已经自动存在到列表中了。同时展开这里的请假表单，我们可以看到各种权限。

接下来我们配置下菜单，把这个请假表单配置到oa目录下

然后配置下角色权限

再访问下页面，可以看到对应的菜单出现了

我们新增下数据，看看效果

点击确认即可看到刚才新增的数据显示出来了。

以上就是演示在jeecgboot中使用代码生成器生成自定义代码，进行二次开发的前置工作，后面我们演示如何在这些自定义代码上进行自定义开发。

备注：

1、对于前端生成的代码，在sql文件中已显示出要求把这些文件放在哪个目录了，根据实际情况进行放置即可