基于vue3实现的SwaggerUI

基于vue3实现的SwaggerUI

这只是一个试用版,还会继续调整ui样式,目前只提供源码包需要install到本地使用,未来会release到maven中央仓库,ui的源代码也会发布。

它目前仅仅是一个皮肤,但是未来会走两条路线,第一条是单纯的ui,另外就是与 YDoc一款支持Swagger和YApi的文档生成器 集成实现更多实用的功能。

不要拦截资源: /doc.html /assets/*

github

github.com/NoBugBoy/Yd…

预览(我这里只展示了黑天模式,还有白天模式)

1. 主页(深色)

image.png

2. api侧边栏

父级携带了内部api的数量,内部使用请求类型分组,更直观。

image.png

3. 收起侧边栏

收起了侧边栏后,鼠标悬浮依然会弹出api分组,点击打开标签页

image.png

4. 文档页

所有json编辑框都有格式化和折叠功能,方便复制,放大缩小方便观看

image.png

5. 返回值

展开查看返回参数类型和参数描述

image.png

6. 返回值示例

代码已经留了位置,后续会上mock.js

image.png

7.运行(调试)

image.png

image.png

image.png

8. 补一张浅色主题的效果

image.png

Guess you like

Origin juejin.im/post/7039643251997048845