前后端自动生成代码工具

450 阅读1分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第7天,点击查看活动详情

后端自动生成代码

MyBatis-x

图片

插件是免费的,使用它可以快速根据数据表生成通用的数据访问 service、mapper、entity 代码:

图片

使用Mabatis -plus

打开新建的表,右击

image-20221103105237512

点击MybatisX-Generator

点击MybatisX—Generator >>

image-20221103105359873

点击下一步

image-20221103105420994

根据版本跟需要打勾,打完,点击完成

查看目录

image-20221103105539025

自动生成成功

转移文件

将里面的文件移到我们自己对应的包下

可能还需要重构一下 ,改成自己的

image-20221103105808374

这里面也有自动生成的xml,也需要更改

image-20221103105905103

改成我们复制过后的路径

Mabatis -plus使用完毕

前端代码自动生成

Ant Design Pro 的 openapi 插件就提供了这个能力,只要我们的后端项目提供一个遵循 openAPI 接口规范 的接口文档(比如使用 Swagger 或 Knife4j 自动生成接口文档)插件就能根据这个文档自动生成代码


使用 oneapi 插件自动生成

如果要前端自动生成,需要将后端的遵循openapi规范的json文档

后端的遵循openapi规范的json文档

后简遵循**openapi**规范的文<md—plain></md—plain>

image-20221103182312338

image-20221103182341970

打开config.ts 找到openApi

image-20221103182611360

我们只需要一个 ,删除一个

image-20221103182733080

修改内容

我使用的第二种

image-20221103183332470

测试一下是否能用

找到package.json,执行openapi命令

image-20221103183552750

image-20221103183643931

执行成功,我们去service看一下