yii2-搭建Swagger:增加接口名/作者搜索,接口跨域处理方案(二)

本文介绍了在Yii2项目中如何利用Swagger实现接口名称和作者的搜索功能,以方便开发者快速定位接口。同时,文章提出了一个解决接口跨域问题的方案,通过在控制器中设置适当的方法来处理跨域请求。详细步骤和代码资源已提供,包括Git仓库链接和CSDN下载地址。
摘要由CSDN通过智能技术生成

一.  运用背景

       生成的在线接少与前端人员/app开发人员的口文档确实减沟通成本,但是由于项目比较庞大,一个项目的接口由N多人同时开发,并且有成千上万个接口,这时候就出现了一个问题:当后端开发人员想去查看自己的开发的接口,或者是某个接口,就变得很头疼,只能手动去寻找。 萌生了把Swagger顶部的搜索改成更契合需求的

      ① 接口名称查询

      ② 开发作者查询

二. 解决思路/方案

      去掉顶部搜索“explore”按钮事件==>>绑定新的“搜索”按钮事件==>>用户点击“搜索”前确保所有接口正常(避免二次搜索问题)==>>通过自带的search函数搜索标题含有的字符串==>>通过操作dom对象隐藏节点

     代码源文件我直接放Git上,写的有点粗糙,可以优化整理下,地址(https://github.com/WatermelonMk/swaggerSearch

    或者CSDN下载资源:https://download.csdn.net/download/watermelonmk/11004522

     只要替换掉dist目录下(别弄错了):index.html 和 swagger-ui-standalone-preset.js

     效果图(左原

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值