ant desin pro V5使用总结

已于 2023-06-19 17:48:43 修改
阅读量236 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 前端 ant desin pro
于 2023-06-19 11:44:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36445854/article/details/131283804
文章介绍了如何使用Knife4j插件在SpringBoot应用中自动生成SwaggerAPI文档，并且详细阐述了如何将这些文档在前端V5框架中快速转化为可调用的接口，包括修改config.ts，运行openapi命令以及在app.tsx中编写前端代码进行调用测试的过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、Knife4j插件生成的swagger文档如何自动在V5框架中快速自动生成前端接口
步骤：
1.SptingBoot集成Knife4j插件(参考官网https://doc.xiaominfo.com/knife4j/documentation/get_start.html)
2.打开地址，如我这边配置成的访问ip地址/api/doc.html
在这里插入图片描述
3.在控制台中找到完整地址，返回是json格式文档的接口
在这里插入图片描述
4.前端中找到config/config.ts文件，找到openAPI修改
在这里插入图片描述
5.在package.json中运行openapi，就会自动在src/service下面生成
在这里插入图片描述
在这里插入图片描述
然后自行去写前端代码调用测试即可。

二、前端框架如何链接后端接口
1.在src/app.tsx中拉到最后找到request进行修改
在这里插入图片描述
写前端代码调用测试
在这里插入图片描述

海旋风
关注
猿创征文 |【Ant Design Pro】使用ant design pro做为你的开发模板（六）OpenAPI，快速管理你的请求接口
梦想成为全栈的切图仔
09-09 1644
在之前的处理中，我们的项目 模板到目前为止已经基本具备了大多数功能，并且较为清晰，从本章开始，我们就要着重于实际开发，来解决伙伴们在日常开发中碰到的坑以及麻烦的事情，最大程度上的提高开发效率与开发规范。本章我们就来说一下前后端分离后，前端如何定义请求开发接口。
Ant Design Pro of Vue2 文件上传组件 Upload 自定义上传实战笔记
将PHP Web开发进行到底
10-07 3614
在使用 Ant Design Pro of Vue2 框架进行项目开发过程中，不可避免的遇到文件上传类的功能需求，本文就实战过程中遇到的一些经验和问题做个分享，为自己做个笔记，也为需要帮助的同学做个参考！
Ant Design Pro V5初体验
热门推荐
Mr_Ying的博客
04-29 1万+
      上星期开始了一个基于 Ant Design Pro 的项目，使用create umi构建项目发现 src 中的 layouts 和 models 都不见鸟，心中默念umi又有bug了,但是跑起来后发现可以正常运行，而且还修改了登录逻辑，nice，原来是V5。      &nbs...
ant desing pro V5 去掉菜单底部那2个链接 openApi文档和业务组件文档
热水钟博客
04-22 1390
把数组中的注释掉即可：
antDesignPro6: 如何使用openapi自动生成接口声明文档&接口调用（4步）
qq_38969618的博客
04-06 3703
openAPI：数组类型，可配置多个不同模块接口。
Ant Design Pro V5 OpenAPI
whl_tangcupaigu的博客
04-13 5511
Ant Design Pro V5 OpenAPI 官方文档：https://beta-pro.ant.design/docs/openapi-cn 前言 Ant Design Pro升级到v5之后新引入了一个openapi的插件，这个是用来干什么的呢？ 以前，我们写service文件时，都是根据swagger自定义接口名称，自己写注释，自己写接口调用方法，如果用的是TypeScript(以下简称Ts)，还需要自己一个字段一个字段的去定义字段的类型，后端接口没写好时还需要自己写mock数据自调。 现在，Pr
ant desin pro v4 从服务器获取菜单，js版，非typeScript
aSuncat
10-23 2045
2019年10月23日： 网上一直找不到ant design pro v4版本从服务器获取菜单的完整代码，官网文档也太粗略，于是写了这篇文章。 一、BasicLayout.js 1、标签ProLayout增加属性 const { dispatch, children, settings, menuData } = props; ...... // menuDataRender={menuDataR...
Antdesign sketch文件
08-24
这是一套蚂蚁设计（Antdesign）组件的sketch文档，可用于设计和产品原型
使用ant-desin-vue制作一个数据录入表单
06-10
在上面的代码中，我们使用了Ant Design Vue提供的`<a-form>`、`<a-form-item>`、`<a-input>`、`<a-input-number>`和`<a-button>`组件来创建表单。我们还定义了`name`和`age`数据属性，用于存储表单中的输入值。最后...
[react]在antd pro中对Ueditor富文本编辑器进行封装
weixin_54122176的博客
12-08 1892
【react】在antd pro 中对富文本编辑器封装
admin:admin （ant-design）项目
05-02
English | 蚂蚁设计专业版 适用于企业应用程序的即用型UI解决方案，作为React样板。 预览： ： 主页： ： 文档： : 变更日志： : 常见问题解答： ： ... :input_numbers: 模拟开发：易于使用
AntD Pro V5打包配置-不同API请求
飞扬小阁
10-09 2062
config/host.ts console.log('process.env@：', process.env) console.log('REACT_APP_ENV@：', REACT_APP_ENV) let path = 'http://192.168.100.100:8200'; if (REACT_APP_ENV === 'test') { path = 'http://192.168.100.100:8200' } if (REACT_APP_ENV === 'prod') { p
ant design pro v5 自定义侧边栏收缩按钮位置
qq_41595144的博客
10-27 5126
ant design pro v5 自定义侧边栏收缩按钮位置 图： 1.升级ant design pro v5以后layout隐藏，相关配置放到了app.tsx layout 的配置代码如下： export const layout: RunTimeLayoutConfig = ({ initialState }) => { return { rightContentRender: () => <RightContent />, disableContentMa
RAGFlow Agent 知识检索节点源码解析：从粗排到精排的完整流程
澄南澄北的博客
08-01 936
文本检索：基于关键词匹配，擅长精确匹配和术语查找向量检索：基于语义相似度，擅长理解查询意图和同义词匹配Embedding 检索方法通过分别编码 Query 和 Chunk 得到向量，并用余弦相似度评估相关性。优点是可以提前计算Chunk的向量并存储，检索效率高、可大规模向量召回，适合在粗排阶段使用。但这种独立编码方式无法建模两者之间的语义交互。而 Rerank 模型会将 Query 和 Chunk 作为一个成对的输入，同时送入模型进行处理。
Ollama前端：open-webui
08-02 292
【代码】Ollama前端：open-webui。
【Nginx反向代理】通过Nginx反向代理将多个后端server统一到同一个端口上的方法
一名在读大学生，正在学习深度学习，会定期分享一些该领域内容。欢迎大家一起交流学习~
08-01 444
摘要：在多开发者协作项目中，不同后端服务部署在不同端口或服务器上，导致前端调用接口时面临多端口、跨域等复杂问题。使用Nginx反向代理可统一入口，通过配置/api1/、/api2/等路径将请求转发至对应服务（如本地5051端口或远程服务器）。方案优势包括隐藏服务细节、集中处理跨域、简化前端调用逻辑，并提供负载均衡灵活性。文中给出Nginx安装命令、配置示例及常用操作指令（启动/重启/配置检查等），便于快速部署维护。（149字）
Java web jsp 练习
~
08-01 421
练习目录。
【前端】Node.js 简易服务器搭建全指南：从基础到实践
最新发布
weixin_56334307的博客
08-05 920
本文介绍了如何从零开始搭建一个基础的Node.js服务器。首先讲解了环境准备和项目初始化步骤，然后详细解析了使用http模块创建服务器的核心代码，包括请求处理和响应发送。接着实现了基本路由功能，能够根据URL路径返回不同内容。最后介绍了如何使用fs模块读取静态HTML文件。文章还提供了常见问题解决方案，并建议了进一步的扩展方向，如增加更多路由和静态文件支持。这个简易服务器为Node.js后端开发提供了基础框架，为后续学习更复杂功能奠定了基础。
JavaWeb笔记16
wei387245232的博客
08-01 210
看懂一些方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值