基于 Vue+Element 美化SwaggerUI

   日期:2020-09-30     浏览:267    评论:0    
核心提示:基于 Vue+Element 美化SwaggerUI写在前面本项目基于think-swagger-ui-vuele进行改造和升级,主要是修复了原项目中一些已知bug以及部分由 swagger JSON 数据不规范导致的错误,新增了部分快捷操作功能,提高使用者体验,以及改造了整个界面的风格,使其看起来更像elementUI.(这个纯属个人喜好,原作者的风格看着也挺好的,只是个人感觉灰棕色有点压抑)原 think-swagger-ui-vuele 的体验地址:????demo作者改造后的体验地址:??

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

(完)

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服