前后端自动生成代码工具

2023-09-11 299

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 前后端自动生成代码工具

后端自动生成代码

MyBatis-x

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

打开新建的表，右击

KF~M$GD$)}926UBTM@6WL7H.png

3N{G%~YU3EWMQ]EEY@~{HX3.png

YUM9MI7MAW]T]}GHP7[I3DE.png

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

查看目录

VQ7C}{8Q5BGIEME$HX`OJZ5.png

自动生成成功

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

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

(D2O1Y8N12KOFCTHEXM7]2G.png

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

[~I_3A65YTKIO25%JSRSX6C.png

改成我们复制过后的路径

Mabatis -plus使用完毕

前端代码自动生成

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

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

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

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

YUIS9JXFL(`QO8@]OLV%(L3.png

}ROZ18S5){VPI8PT]MN72WY.png

打开config.ts 找到openApi

66M)8I(WA1~[N4F}0Y1WYP2.png

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

1QWPC0OGBJ3N]C$4RGTEP9I.png

修改内容

我使用的第二种

C1@V50L@F@FJ~U$U2H5]FUY.png

测试一下是否能用

找到package.json,执行openapi命令

AD44E(3CIIAYPBW8O~YWWKH.png

{3U(~[Y%LXRN18HCW1@NTOL.png

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