基于 Vue+Element 美化SwaggerUI
寫在前面
本專案基于think-swagger-ui-vuele進行改造和升級,主要是修復了原專案中一些已知bug以及部分由 swagger JSON 資料不規范導致的錯誤,新增了部分快捷操作功能,提高使用者體驗,以及改造了整個界面的風格,使其看起來更像elementUI.(這個純屬個人喜好,原作者的風格看著也挺好的,只是個人感徑訓棕色有點壓抑)
- 原 think-swagger-ui-vuele 的體驗地址:🚀demo
- 作者改造后的體驗地址:🚀my-swaggerui
支持https訪問,如果輸入swagger鏈接訪問提示跨域,或者需要使用https訪問,則請通過https訪問🚀https://mingyong-g.gitee.io/my-swaggerui/#/
原think-swagger-ui-vuele 介紹 🚀think-swagger-ui-vuele介紹
界面效果
-
admin 模式

-
simple模式

如何使用
- 通過swagger檔案鏈接訪問

- 通過swagger JSON資料訪問、

專案地址
-
🚀github: https://github.com/mingyong-g/my-swaggerui
-
🚀gitee: https://gitee.com/mingyong-g/my-swaggerui
-
🚀demo-github: https://mingyong-g.github.io/my-swaggerui/
-
🚀demo-gitee: https://mingyong-g.gitee.io/my-swaggerui/
(完)

轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/139249.html
標籤:其他
上一篇:固定電話怎么調大聲音
