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 配置菜单权限
配置菜单权限是最后一步,这决定谁可以看到这个菜单。操作步骤如下:
到“角色授权”菜单下,选中某一角色。
把新要授权的菜单勾选上即可。
至此,代码生成的应用步骤到此完毕。