今天分享一个一键生成前后端代码的开源项目,只需要自己建好数据库表,再在前端配置一下就可以生成前后端代码。
项目地址:
Github:https://github.com/elunez/eladmin-mp
Gitee:https://gitee.com/elunez/eladmin-mp
1、在数据库中创建数据表
注意需要在项目配置的数据库下创建,不然扫描不到
2、在系统中配置信息
数据表建好之后,我们启动项目,点击系统工具菜单下的代码生成,找到自己刚刚创建的表
配置数据表的字段信息:
列表:查询列表时需要展示的字段
表单:新增数据的时候需要填写的字段
查询方式:搜索条件里可选的字段
关联字典:
想给字段配置字典值的话,需要线在字典管理菜单下新增字典
如:我设置了一个账单是否结算标志的字典值
配置好之后,再回到生成配置这里,在关联字典列选择自己刚刚新增的字典(刚新增字典后可能不会马上显示出来,需要等待一会)
生成代码的配置信息:
**模块名称:**后端代码生成到项目中的哪个模块(需要是项目中的已有模块)
如这几个模块都可以填写
**至于包下:**后端代码生成到模块中的哪个包下,这个是相对路径,从java包开始。比如我想放到account包下,就配置成me.zhengjie.account
前端路径:
配置生成前端代码在本地的绝对路径,比如我想将代码生成到account这个目录下,这里就填写E:\gitProject\eladmin-mp\eladmin-web\src\views\account
去表前缀:
我们在创建表的时候,给表取名字可能会写前缀来标明它是哪个模块下的,比如我这次新增的两张表都有account的前缀,如果想让生成的代码不带这个前缀的话,可以配置去表前缀。
例如:不配置的话,account_bill生成的实体类名字就是AccountBill,如果配置了去表前缀的话生成的实体类就是Bill
保存生成
配置完成后,点击保存生成
这时候,代码库里就可以看到刚刚生成的代码了,在重新启动后端程序
配置菜单
在菜单管理下,新增我们刚刚生成的菜单
这里的目录
表示一级菜单,菜单
表示二级菜单。我想把这次新的菜单放到账务管理下面,所以菜单类型选择菜单
,上级目录选择账务管理。
这里的权限标识在可以在后端代码中找到:
路由地址填写前端代码生成的.js文件的名字
组件名称在前端代码生成的index.vue中可以查看
组件路径就是index.vue文件的路径,从views的下级开始
菜单生成之后,还需要添加按钮
点击新增菜单-添加按钮,上级目录选择我们刚刚新增的菜单。
比如我想新增一个查询按钮,按钮名称自己写就可以,权限标识还是在后端看。
找对应的方法上面的权限
配置权限
最后还需要给当前用户添加权限,不然看不到新增加菜单。
最后重新登录一下,就可以看到我们新加的内容了