Swagger 自定義UI介面

2022-08-03 09:30:11 字數 723 閱讀 7080

swagger ui 的原生ui介面如下:

個人感覺原生ui顯示的有些不夠漂亮和清晰,特別是request 的model部分 

所以想重新設計乙個更加友好美觀的ui介面。

最後的效果圖如下:

實現原理:

因為swagger-ui讀取的資料**於/v2/api-docs,並且返回的是json資料。 

所以只要自己寫乙個頁面去解析json資料,並展現就可以實現自定義swagger的ui介面了

新增自定義ui介面

有兩種方式 

1.可以在專案的基礎上新增乙個servlet ,指向對應的html檔案  html檔案裡再去解析json,並渲染ui

2.新建乙個專案,用webjars將前端資源打成jar包,再供其他專案使用 專案結構如圖 

主要檔案是docs.html,此檔案作用是解析json和渲染ui

通過ajax請求v2/api-docs,再解析json。

$.ajax(

});

自定義介面

好久沒寫介面了 好像以前也沒怎麼寫過.已經忘記怎麼寫了 就自己動手寫乙個熟悉一下 demo很簡單 就三個類 名字就隨便起了 public inte ce mylistener2 public class a catch interruptedexception e listener.setliste...

Android 自定義UI 電池

2014 02 13 16 29 2461人閱讀收藏 舉報 android 142 首先看一下效果圖,下面看 html view plain copy package com.example.batterydemo import android.content.context import andr...

Android 自定義UI 電池

首先看一下效果圖,下面看 package com.example.batterydemo import android.content.context import android.graphics.canvas import android.graphics.color import androi...