eladmin代码生成详细过程

eladmin代码生成详细过程

笔记介绍

大家好,这里是千寻简笔记,我是作者星辰,笔记内容整理并发布,内容有误请指出,笔记源码已开源,前往Gitee搜索《chihiro-notes》感谢您的观看。

作者各大平台直链: GitHub | Gitee | CSDN

1️⃣配置生成

①系统工具–>代码生成–>同步(同步数据库)

eladmin代码生成详细过程_第1张图片

②配置生成位置等信息

eladmin代码生成详细过程_第2张图片

③字段配置

  • 列表是显示的数据,表单是录入的数据,根据业务需要勾选。
  • 表单类型是录入表单的input的类型。
  • 日期注释,可以选择自动创建时间,和自动更新时间。
  • 关联字典,一般用于显示性别、状态flag。
  • 注意:上下都需要保存,当设置好字段配置先保存。

eladmin代码生成详细过程_第3张图片

④生成配置

  • 作者名称:类上面的作者名称。

  • 模块名称:模块的名称,请选择项目中已存在的模块;根据业务需要生成放在哪个模块,我是自己新建的模块,路径如下。

    • eladmin代码生成详细过程_第4张图片
  • 至于包下:项目包的名称,生成的代码放到哪个包里面;就是图上,java的下一级,新建的模块的时候可以改名。

  • 接口名称:接口的名称,用于控制器与接口文档中;用于接口的日志展示。

    • eladmin代码生成详细过程_第5张图片
  • 前端路径:输入views文件夹下的目录,不存在即创建;生成的时候可以使用绝对路径定位到view的文件下。

  • 去表前缀:默认不去除表前缀,可自定义;这个可以去掉数据库表名前缀。

  • 重点1:不要选择覆盖,容易造成事故,如果需要在次生成代码,开了以后记得马上关闭。

  • 重点2:记得保存。

eladmin代码生成详细过程_第6张图片

⑤保存生成

eladmin代码生成详细过程_第7张图片

2️⃣前端调整

①目录文件:lncNetPackage.js + index.vue 就是生成的文件

eladmin代码生成详细过程_第8张图片

②js文件在api目录下,根据业务调整分类。

eladmin代码生成详细过程_第9张图片

③修改index名字(idea改名快捷键:F2),以及调整api路径。

image-20220811152630135

eladmin代码生成详细过程_第10张图片

④警告

  • 代码生成这里有个警告,我们可以不管,需要的可以去搜搜vue忽略警告,不影响程序正常运行。

eladmin代码生成详细过程_第11张图片

你可能感兴趣的:(Java,vue,前端,javascript,servlet)