SpringBoot集成Swagger-Bootstrap-UI，頁面更清爽！

之前在創(chuàng)業(yè)公司待的時候，用過swagger，因為我第一天來這家公司工作，第一個任務(wù)就是做接口文檔自動化。

后來覺得它不太好用，在瀏覽技術(shù)網(wǎng)站的時候，偶然發(fā)現(xiàn)swagger-bootstrap-ui，于是便重構(gòu)了，把swagger-bootstrap-ui整合進來，后來發(fā)現(xiàn)不僅僅對我們后端有幫助，主要方便我們將接口進行歸類，同樣對安卓小伙伴也有幫助，他們可以看這個接口文檔進行聯(lián)調(diào)。當(dāng)初我使用swagger-boostrap-ui的時候，那個時候還是1.x版本，如今swagger-bootsrap-ui到2.x，同時也更改名字knife4j，適用場景從過去的單體到微服務(wù)。也算是見證咱們國人自己的開源項目從小到大。

該開源項目GitHub地址:

https://github.com/xiaoymin/Swagger-Bootstrap-UI

該開源項目中文文檔地址:

https://doc.xiaominfo.com/

一、添加Maven依賴

<dependency>
????<groupId>io.springfoxgroupId>
????<artifactId>springfox-swagger2artifactId>
????<version>2.9.2version>
dependency>
<dependency>
????<groupId>com.github.xiaoymingroupId>
????<artifactId>swagger-bootstrap-uiartifactId>
????<version>1.9.6version>
dependency>

二、添加配置類

package?com.blog.tutorial.config;
import?com.github.xiaoymin.swaggerbootstrapui.annotations.EnableSwaggerBootstrapUI;
import?org.springframework.context.annotation.Bean;
import?org.springframework.context.annotation.Configuration;
import?springfox.documentation.builders.ApiInfoBuilder;
import?springfox.documentation.builders.PathSelectors;
import?springfox.documentation.builders.RequestHandlerSelectors;
import?springfox.documentation.service.ApiInfo;
import?springfox.documentation.spi.DocumentationType;
import?springfox.documentation.spring.web.plugins.Docket;
import?springfox.documentation.swagger2.annotations.EnableSwagger2;
/**
?*?@description:
?*?@author:?youcong
?*?@time:?2020/11/14?15:46
?*/@Configuration
@EnableSwagger2
@EnableSwaggerBootstrapUI
public?class?SwaggerConfiguration?{
????@Bean
?public?Docket?createRestApi()?{
????????return?new?Docket(DocumentationType.SWAGGER_2)
????????????????.apiInfo(apiInfo())
????????????????.select()
????????????????.apis(RequestHandlerSelectors.basePackage("com.blog.tutorial.controller"))
????????????????.paths(PathSelectors.any())
????????????????.build();
????}
????private?ApiInfo?apiInfo()?{
????????return?new?ApiInfoBuilder()
????????????????.title("swagger-bootstrap-ui?RESTful?APIs")
????????????????.description("swagger-bootstrap-ui")
????????????????.termsOfServiceUrl("http://localhost:5050/")
????????????????.contact("[email protected]")
????????????????.version("1.0")
????????????????.build();
????}
}

三、啟動項目

啟動項目，不報錯，然后訪問地址:
http://ip:port/doc.html 即可

效果圖，如下:

測試接口，效果圖如下:

調(diào)式相當(dāng)于用PostMan測試接口。

四、常用注解

和swagger一樣，swagger用的注解，swagger-bootstrap-ui仍能用。
不過結(jié)合我的開發(fā)經(jīng)驗來看，最常用的也就兩個，@Api和@ApiOperation。
@Api的效果，如圖:

@ApiOperation的效果，如圖:

由此，我們很容易就看出來，它們的含義是什么，一個是接口分類說明，一個是接口方法說明。

至于這里不用swagger的參數(shù)注解，主要原因是不想加太多的注解從而增加代碼的數(shù)量，造成太多冗余。搜索Java知音公眾號，回復(fù)“后端面試”，送你一份Java面試題寶典.pdf

例子中的Controller代碼:

package?com.blog.tutorial.controller;
import?com.blog.tutorial.entity.Users;
import?com.blog.tutorial.service.UsersService;
import?io.swagger.annotations.Api;
import?io.swagger.annotations.ApiOperation;
import?org.springframework.beans.factory.annotation.Autowired;
import?org.springframework.web.bind.annotation.GetMapping;
import?org.springframework.web.bind.annotation.RequestMapping;
import?org.springframework.web.bind.annotation.RestController;
import?java.util.List;
/**
?*?@description:
?*?@author:?youcong
?*?@time:?2020/11/14?13:27
?*/@RestController
@RequestMapping("/user")
@Api(tags?=?{"用戶管理"},?description?=?"用戶管理")
public?class?UserController?{
????@Autowired
?private?UsersService?usersService;
????@GetMapping("/list")
????@ApiOperation(value?=?"用戶列表")
????public?List?list()?{
????????return?usersService.list();
????}
}

五、其它

關(guān)于swagger整合系列，可以參考如下:

https://www.cnblogs.com/youcong/p/9011302.html

關(guān)于swagger-bootstrap整合系列，可以參考:

https://www.cnblogs.com/youcong/p/9196157.html

https://www.cnblogs.com/youcong/p/10786371.html

六、可能遇到的問題

1.訪問不到接口文檔界面白版

一般是被攔截了(shiro或springsecurity機制)或者是配置錯誤。

2.訪問接口文檔界面出來了，但掃描不到接口

主要是配置類的緣故，配置類有個包掃描，必須配置為controller路徑。
如圖所示:

如果還有其它問題，可以去官方文檔上找，官方文檔有一個常規(guī)問題列表和解決方案，如圖所示:

如果問題非常奇葩的話，實在解決不了(在參考官方文檔說明和搜索的前提下，仍解決不了，把問題詳細描述和關(guān)鍵性代碼提到該開源項目的issue上，向創(chuàng)造者求助)。

為了方便大家更好的學(xué)習(xí)，本公眾號經(jīng)常分享一些完整的單個功能案例代碼給大家去練習(xí)，如果本公眾號沒有你要學(xué)習(xí)的功能案例，你可以聯(lián)系小編（微信：xxf960513）提供你的小需求給我，我安排我們這邊的開發(fā)團隊免費幫你完成你的案例。

注意：只能提單個功能的需求不能要求功能太多，比如要求用什么技術(shù)，有幾個頁面，頁面要求怎么樣？

請長按識別二維碼

想學(xué)習(xí)更多的java功能案例請關(guān)注

Java項目開發(fā)

如果你覺得這個案例以及我們的分享思路不錯，對你有幫助，請分享給身邊更多需要學(xué)習(xí)的朋友。別忘了《留言+點在看》給作者一個鼓勵哦！