颜值绝绝子的swagger-ui
欢迎关注方志朋的博客,回复”666“获面试宝典
来源:https://www.cnblogs.com/RegicideGod/p/12598278.html
think-swagger-ui-vuele
swagger-ui
有非常多的版本,觉得不太好用,用postman
,每个接口都要自己进行录入。所以在基于think-vuele
进行了swagger
格式json
的解析,自己实现了一套swaggerui界面。
swagger分为后端数据提供方方和前端页面展示请求方。从一定角度来看,swagger是一种标准的数据格式的定义,对于不同语言进行实现一些注解API式的东西,能快速生成这种描述restful
格式的api
信息的json
串.
此项目模块依赖于think-vuele
demo:http://sw.tennetcn.com
github:https://github.com/chfree/think-swagger-ui-vuele
使用方式
自行下载编译
Copy// 下载代码
git clone https://github.com/chfree/think-swagger-ui-vuele// 安装依赖
npm install// 直接运行
npm run dev// 打包
npm run build
java项目 maven直接依赖
Copy<dependency><groupId>com.tennetcn.free</groupId><artifactId>think-swagger-ui-starter</artifactId><version>0.0.4</version>
</dependency>
此jar包的开源项目为think-free-base
中的子项目模块
登陆
登陆界面分为json
模式和swagger
请求地址访问,没多大区别,只有拿到标准的swagger
的json
数据即可。
支持两种主题,一种是后端管理系统模式的主题。另外一种也是类似,中间1024px进行居中,两边留白。
主页
对于我使用过的一个版本的swagger
来说,当接口数量在1000+
以上,会等的时间非常长,原因是他一次将所有接口数据进行解析渲染,这个就是慢的原因。
所以我将此进行优化,改为先解析出api
摘要信息,然后在点击摘要的时候进行请求头、请求体的渲染;基本可以做到秒开
可以自动填充非json
请求体的数据,采用的是mock.Random
。
对于json请求体的数据,可以进行json
格式化编辑,也是非常方便。json
在线格式化编辑使用的是josdejong
大神的jsoneditor
对于响应数据直接采用json
格式化组件进行格式化展示,支持展开层级。再也不用将返回的数据在去找相关的json
格式化工具进行格式化了。格式化控件采用的是chenfengjw163
大神的vue-json-viewer
设置
在后端api请求的时候,一般都会在请求头中带一些token的验证,来进行用户标识,所以在设置中,进行了自定义请求头的设置,可以方便的设置相关的请求头,在任何一个请求都会自动带上设置的请求信息。
swagger 信息展示
来源于后端swagger配置的相关信息在此处进行展示
热门内容:
突发!Log4j 爆“核弹级”漏洞,Flink、Kafka等至少十多个项目受影响
国内最牛逼的笔记,不接受反驳!!
顶配版阿里大佬面试笔记+300道硬核面试题,跪着啃完了。。。。
阿里二面:GET 请求能传图片吗?
最近面试BAT,整理一份面试资料《Java面试BAT通关手册》,覆盖了Java核心技术、JVM、Java并发、SSM、微服务、数据库、数据结构等等。
获取方式:点“在看”,关注公众号并回复 666 领取,更多内容陆续奉上。
明天见(。・ω・。)ノ♡
颜值绝绝子的swagger-ui相关推荐
- 颜值绝绝子的 14 款 Chrome 官方主题 !
点击上方"Java基基",选择"设为星标" 做积极的人,而不是积极废人! 每天 14:00 更新文章,每天掉亿点点头发... 源码精品专栏 原创 | Java ...
- 14 款 Chrome 官方出品主题 ~ 颜值绝绝子~
今天给大家安利 14 款颜值绝绝子的 Chrome 官方主题,均由 Chrome 官方团队出品.个人强推第一款海洋绿,拉升逼格. 1.海洋绿 2.经典蓝 3.午夜黑 4.玫瑰金 5.深蓝 6.石板蓝 ...
- 绝绝子还是YYDS,2021国民年度流行语出炉
2021年临近尾声,搜狗输入法保持传统,通过征集整理网友投稿发布#2021国民年度流行语#TOP100超级榜. 根据搜狗输入法官方微博显示,今年各大网络文学粉墨登场,缩写梗层出不穷,新闻热评和娱乐事件 ...
- 面试官问我:Andriod为什么不能在子线程更新UI?
记得看文章三部曲,点赞,评论,转发. 微信搜索[程序员小安]关注还在移动开发领域苟活的大龄程序员,"面试系列"文章将在公众号同步发布. 1.前言 看完<你为什么在现在的公司不 ...
- ASP.NET Core 在 Swagger UI 中显示自定义的 Header Token
Swagger 是个好东西,对于前后端分离的网站来说,不仅是提高前后端开发人员沟通效率的利器,也大大方便了后端人员测试 API.有时候,API 中可能需要在 Header 中设置认证参数,比如 aut ...
- Flask 系列之 构建 Swagger UI 风格的 WebAPI
说明 操作系统:Windows 10 Python 版本:3.7x 虚拟环境管理器:virtualenv 代码编辑器:VS Code 实验 环境初始化 # 创建项目目录 mkdir helloworl ...
- Swagger UI
Swagger UI allows anyone - be it your development team or your end consumers - to visualize and inte ...
- Swagger UI 与SpringMVC的整合 II
pom.xml <!-- swagger开始 --><dependency><groupId>io.springfox</groupId><art ...
- SpringMVC+JWT+Swagger UI+RestFul
前言: 其实很早就想写这篇文章了,因为我觉得这会对很多新手有指引作用,当初自己也是瞎子过河的摸索着过来的.目前后台开发比较流行的MVC框架中使用Spring MVC还是比较多的,当然还有Spring ...
- Android子线程更新UI的方法总结
消息机制,对于Android开发者来说,应该是非常熟悉.对于处理有着大量交互的场景,采用消息机制,是再好不过了.有些特殊的场景,比如我们都知道,在Android开发中,子线程不能更新UI,而主线程又不 ...
最新文章
- CentOS6安装nodejs
- mysql用户ip登录失败怎么办_MySQL使用IP地址登录 ERROR 1045 (28000) Access denied for use...
- OpenStack工作流服务Mistral简介
- LeetCode-95-Unique Binary Search Trees II
- 遭遇“烧钱瓶颈” 优酷成本结构堪忧
- Web Form要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。”的解决办法。...
- git 配置origin_GitHub/Git配置与简单的使用
- 洛谷——P2095 营养膳食
- 容器编排技术 -- Kubernetes 调试 Service
- php oracle 8.1.7,Oracle 8.1.7在redhat 7.3的安装方法
- CSS样式:2、超出隐藏控制
- 集成学习-蒸汽量预测案例
- 全局bigdecimal反序列化转String返回数据
- Photoshop插件-保存-存为Web所用格式-另存为-脚本开发-PS插件
- jinjia2 模板库- django/flask
- MJPEG和MP4——视频转换随想
- CSS的特殊性 (specificity)
- 低温和大风会增加心梗风险
- [TI TDA4 J721E] Sensor 鱼眼摄像头 LDC畸变校正模块LUT的创建和生成——详解
- 辐射76服务器位置,辐射76快速升级位置分享 前中期哪些位置好升级
热门文章
- linux socket完成端口,“完成端口”模型(IOCP)
- Ubuntu终端远程工具
- 2018/8/30-31 A social learning particle swarm optimization for scalable optimization.
- property装饰器
- 【单调栈 前缀和 异或】7.21序列求和
- bzoj1079: [SCOI2008]着色方案(DP)
- 『TensorFlow』卷积层、池化层详解
- linux xampp eclipse xdebug 无法进入断点
- 创建对象_工厂方法(Factory Method)模式 与 静态工厂方法
- 谢文睿:西瓜书 + 南瓜书 吃瓜系列 9. 集成学习(上)