一键生成前后端代码,eladmin代码生成

今天分享一个一键生成前后端代码的开源项目,只需要自己建好数据库表,再在前端配置一下就可以生成前后端代码。
项目地址:
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的下级开始

菜单生成之后,还需要添加按钮

点击新增菜单-添加按钮,上级目录选择我们刚刚新增的菜单。

比如我想新增一个查询按钮,按钮名称自己写就可以,权限标识还是在后端看。

在这里插入图片描述

找对应的方法上面的权限

在这里插入图片描述

配置权限

最后还需要给当前用户添加权限,不然看不到新增加菜单。

在这里插入图片描述

最后重新登录一下,就可以看到我们新加的内容了

在这里插入图片描述

  • 22
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值