前后端自动生成代码工具

举报
槿泽 发表于 2022/11/30 19:07:14 2022/11/30
【摘要】 后端自动生成代码MyBatis-x插件是免费的,使用它可以快速根据数据表生成通用的数据访问 service、mapper、entity 代码:使用Mabatis -plus打开新建的表,右击点击MybatisX-Generator点击MybatisX—Generator>>点击下一步根据版本跟需要打勾,打完,点击完成查看目录自动生成成功转移文件将里面的文件移到我们自己对应的包下可能还需要重构...

后端自动生成代码

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看一下

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。