后端自动生成代码
MyBatis-x
插件是免费的，使用它可以快速根据数据表生成通用的数据访问 service、mapper、entity 代码：
使用Mabatis -plus
打开新建的表，右击
点击MybatisX-Generator
点击MybatisX—Generator>>
![3N{G%~YU3EWMQ]EEY@~{HX3.png](https://ucc.alicdn.com/pic/developer-ecology/2fcbmjdhhvu4u_4c0dc165914b460f9e5f40ce4ac23bcc.png?x-oss-process=image/resize,w_1400/format,webp "3N{G%~YU3EWMQ]EEY@~{HX3.png")
点击下一步
![YUM9MI7MAW]T]}GHP7[I3DE.png](https://ucc.alicdn.com/pic/developer-ecology/2fcbmjdhhvu4u_6358a2f1a6284c14a9727dc3a2b43613.png?x-oss-process=image/resize,w_1400/format,webp "YUM9MI7MAW]T]}GHP7[I3DE.png")
根据版本跟需要打勾，打完，点击完成
查看目录
自动生成成功
转移文件
将里面的文件移到我们自己对应的包下
可能还需要重构一下 ，改成自己的
![(D2O1Y8N12KOFCTHEXM7]2G.png](https://ucc.alicdn.com/pic/developer-ecology/2fcbmjdhhvu4u_014310d5d9d34e8aa754b9031ffae229.png?x-oss-process=image/resize,w_1400/format,webp "(D2O1Y8N12KOFCTHEXM7]2G.png")
这里面也有自动生成的xml，也需要更改
改成我们复制过后的路径
Mabatis -plus使用完毕
前端代码自动生成
Ant Design Pro 的 openapi 插件就提供了这个能力，只要我们的后端项目提供一个遵循 openAPI 接口规范 的接口文档（比如使用 Swagger 或 Knife4j 自动生成接口文档）插件就能根据这个文档自动生成代码
使用 oneapi 插件自动生成
如果要前端自动生成，需要将后端的遵循openapi规范的json文档
后端的遵循openapi规范的json文档
后简遵循**openapi**规范的文<md—plain></md—plain>
![YUIS9JXFL(`QO8@]OLV%(L3.png](https://ucc.alicdn.com/pic/developer-ecology/2fcbmjdhhvu4u_b352c0427fb1463894ce4c7f0e595c85.png?x-oss-process=image/resize,w_1400/format,webp "YUIS9JXFL(`QO8@]OLV%(L3.png")
![}ROZ18S5){VPI8PT]MN72WY.png](https://ucc.alicdn.com/pic/developer-ecology/2fcbmjdhhvu4u_13d8af4a437740feae1f7e49d93c708c.png?x-oss-process=image/resize,w_1400/format,webp "}ROZ18S5){VPI8PT]MN72WY.png")
打开config.ts 找到openApi
我们只需要一个 ，删除一个
![1QWPC0OGBJ3N]C$4RGTEP9I.png](https://ucc.alicdn.com/pic/developer-ecology/2fcbmjdhhvu4u_7cff85a46b3b4bea824f9ef89c7dd1f0.png?x-oss-process=image/resize,w_1400/format,webp "1QWPC0OGBJ3N]C$4RGTEP9I.png")
修改内容
我使用的第二种
![C1@V50L@F@FJ~U$U2H5]FUY.png](https://ucc.alicdn.com/pic/developer-ecology/2fcbmjdhhvu4u_4c426fd3759a47cfaa4ee5ee28182c20.png?x-oss-process=image/resize,w_1400/format,webp "C1@V50L@F@FJ~U$U2H5]FUY.png")
测试一下是否能用
找到package.json,执行openapi命令
执行成功，我们去service看一下
