焕然一新，swagger UI 主题更改

swagger UI 比较让人头疼的就是项目大了之后，接口很难找到。偶然看到了一个UI库还是不错，能搜索接口名，而且整个布局也相对比较人性化

项目地址

可以集成到自己的swagger项目中，以Golang为例：

替换一下渲染的方法即可：

 //r.GET("/swagger/*any", ginSwagger.WrapHandler(swaggerFiles.Handler)) //注释掉之前的渲染方式，访问即可r.GET("/swagger/*any", handleReDoc)

func handleReDoc(ctx *gin.Context) {i := strings.LastIndex(ctx.Request.URL.Path, "/")if i == -1 {return}suffix := ctx.Request.URL.Path[i+1:]switch suffix {case "doc.json":// 载入swag生成的 docs/swagger.jsondata, err := ioutil.ReadFile("docs/swagger.json")if err != nil {panic("cannot open docs/swagger.json")}_, _ = ctx.Writer.Write(data)returncase "index.html":// 这个index.html咱们得从ReDoc的github主页上拿// spec-url是swagger.json的URL，要改为当前项目的const redocIndexHTML = `<!DOCTYPE html><html><head><title>ReDoc换皮成功</title><!-- needed for adaptive design --><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"><link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700" rel="stylesheet"><!--ReDoc doesn't change outer page styles--><style>body {margin: 0;padding: 0;}</style></head><body><redoc spec-url='http://127.0.0.1:8080/swagger/doc.json'></redoc><script src="https://cdn.jsdelivr.net/npm/redoc@next/bundles/redoc.standalone.js"> </script></body></html>`fmt.Println("ererer")_, _ = ctx.Writer.Write([]byte(redocIndexHTML))returndefault:_ = ctx.AbortWithError(http.StatusNotFound, errors.New("page not found"))}

焕然一新，swagger UI 主题更改相关推荐

WP黑格导航主题BlackCan 焕然一新的UI设计
简介: 选择自己喜欢的色系,焕然一新的UI设计,更加扁平和现代化! 网盘下载地址: http://kekewl.net/Cr6caqcXkQ80 图片:
openapi_MicroProfile OpenAPI上的Swagger UI
openapi MicroProfile OpenApi为我们提供了一种使用OpenApi 3描述我们JAX-RS API的标准化方法.如果您以前使用过swagger-jaxrs和swagger- 批 ...
MicroProfile OpenAPI上的Swagger UI
MicroProfile OpenApi为我们提供了一种使用OpenApi 3描述我们JAX-RS API的标准化方法.如果您以前使用过swagger-jaxrs和swagger-annotation ...
Spring Boot和Swagger UI
我已经一年没有从头开始开发Spring Web应用程序了,如果我不参加QA自动化工程师的培训,那么这段时间甚至会更长. 由于这个原因,我开发了一个示例REST应用程序. 除了Swagger,一切对我来 ...
[第二篇]如何在ASP.Net Core的生产环境中使用OAuth保护swagger ui
在我上篇文章如何在ASP.Net Core的生产环境中保护swagger ui中,我们讨论了如何使用基本身份验证来保护 swagger ui. 使用 OAuth 2.0 和 OpenIdConnect ...
使用Swagger UI的Document和Test API
目录介绍配置可视化测试支持属性支持XML文档资源/材料/参考资料介绍开发人员通常通过浏览器请求或使用POSTMAN, Advanced Rest Client(ARC)等客户端来测 ...
使用 Swagger UI 与 Swashbuckle 创建 RESTful Web API 帮助文件
作者:Sreekanth Mothukuru 2016年2月18日本文旨在介绍如何使用常用的 Swagger 和 Swashbuckle 框架创建描述 Restful API 的交互界面,并为 AP ...
jquery ui 主题_使用jQuery UI主题
主题不是一个新概念. 您可能已经使用级联样式表(CSS)样式和类推出了一些样式,以格式化网站的外观. 使用框架可以使方法标准化,并减少需要编写的工作量和代码量. jQuery UI现在是主题实现的行业 ...
Windows下部署Swagger Edit、Swagger UI
Windows下部署Swagger Edit.Swagger UI 一.环境需求--已安装node环境二.准备Swagger Editor.Swagger UI源码三.搭建Swagger Edit ...

焕然一新，swagger UI 主题更改

焕然一新，swagger UI 主题更改相关推荐

最新文章

热门文章