1.前言

使用代码生成器，能使我们开发的开发效率大幅提高。注意：下文的菜单目录可能会因使用者的配置而不完全一样，但不影响最终的应用。

2.开发环境

后端版本为728分支，数据库采用Mysql5.7。

3.需求

现在我需要快速开发一个关于“外部系统管理”的功能，功能为最基本的增删改查。

4.操作步骤

4.1 建表

首先我们需要创建好表，如下

4.2 配置数据源

该菜单在“外部数据源”。测试连接通过后，点击保存。

4.3 打开manage端的代码生成器页面

菜单在“应用中心”->“代码生成”，然后配置好数据源，如下图。

完成配置数据源之后，点击“开始生成”。然后打开生成的zip包。

4.4 解压zip包

解压zip包后，我们可以看到src和web目录，其中，src为java后端源码，web为vue源码。

4.5 复制后端源码到后端指定的目录

把这些代码放到相应的模块下，注意，随着版本的迭代，目录结构不一定全部相同，但使用方式都一样的

完成复制后，重启后端即可。

4.6 复制前端源码到前端指定的目录

打开web目录

把前端组件复制到指定的目录下，如下图

4.7 配置菜单路由

比如我们要在集成中心目录下新建一个“外部系统管理”菜单，那么我们需要在“菜单管理”进行配置

配置如下图，然后点击保存即可。保存后刷新页面，即可看到最新的菜单。

刷新后，如下图

4.8 配置该组件的路由

由于我们在菜单管理这一栏，配置了路由，那么我们需要在manger端的router.js下，也要配置相关的路由。

4.9 生成的页面效果

页面生成后，自己根据实际需求，来进行页面的重新定制。

4.10 配置菜单权限

配置菜单权限是最后一步，这决定谁可以看到这个菜单。操作步骤如下：
到“角色授权”菜单下，选中某一角色。

把新要授权的菜单勾选上即可。

至此，代码生成的应用步骤到此完毕。