基于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

猜你喜欢

转载自juejin.im/post/7039643251997048845