世界上最流行的框架Swagger

你们项目中有用到Swagger吗？你真的会用这个框架吗？哈哈，都说用了Swagger的都不用写文档了，但是打开项目的Swagger地址看看，惨不忍睹啊！都是些什么东西啊，东西没用好就是这样的结果！

概念

Swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。官网

==作用==

1. 接口的文档在线自动生成
1. 功能测试

导入依赖

<!-- https://mvnrepository.com/artifact/io.springfox/springfox-swagger2 -->
<dependency>
    <groupId>io.springfox</groupId>
    <artifactId>springfox-swagger2</artifactId>
    <version>2.9.2</version>
</dependency>
<!-- https://mvnrepository.com/artifact/io.springfox/springfox-swagger-ui -->
<dependency>
    <groupId>io.springfox</groupId>
    <artifactId>springfox-swagger-ui</artifactId>
    <version>2.9.2</version>
</dependency>

之前我们说springboot用啥就引入对应的starter就好了，那么这里你也可以引入对应的starter

<dependency>
    <groupId>com.spring4all</groupId>
    <artifactId>swagger-spring-boot-starter</artifactId>
    <version>1.7.0.RELEASE</version>
</dependency>

注：Springfox是践行OAS的一个项目，它将Swagger融合进流行的Spring框架，根据OpenAPI规范，帮助开发者自动生成API文档

开启Swagger及其配置

@Configuration
public class SwaggerConfig {

    // 注册bean Docket
    @Bean
    public Docket docket(){
        return new Docket(DocumentationType.SWAGGER_2).;
    }
}

@SpringBootApplication
@EnableSwagger2// 使Swagger生效，默认是不开启!
public class SpringStudyApplication {

	public static void main(String[] args) {
		SpringApplication.run(SpringStudyApplication.class, args);
	}
}

启动测试

默认地址：http://localhost:8080/swagger-ui.html

可以看到这里有一个basic-error-controller 和我们自己定义的一个controller

点开我们自己定义的一个controllerk看下：

可以看到一个接口各种类型的请求，这是为什么呢？是因为我用到是@RequestMapping注解，且没有指定请求类型。
我们改成@RequestMapping(value="/getDepartments",method= RequestMethod.GET)或@GetMapping(value="/getDepartments")再看：

现在就只剩一个方式的请求了，所以写接口这里一定要精确！别偷懒，习惯真的很重要！

但是很多人用就仅仅用到这一步了，打开看看别说前端看不懂时间长了自己写的都认不得了！

再配置及规范

配置docket

可以点进源码看看，阅读源码的方法：看其实现和继承->看其构造方法->看其重写方法->看其其他方法实现

这里就不再赘述，直接看其构造方法，配置Swagger的参数！

package com.springstudy.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.core.env.Environment;
import org.springframework.core.env.Profiles;
import springfox.documentation.builders.PathSelectors;
import springfox.documentation.builders.RequestHandlerSelectors;
import springfox.documentation.service.ApiInfo;
import springfox.documentation.service.Contact;
import springfox.documentation.spi.DocumentationType;
import springfox.documentation.spring.web.plugins.Docket;
import java.util.ArrayList;

@Configuration
public class SwaggerConfig {

    // 注册bean Docket
    @Bean
    public Docket docket(Environment env){
        // 设置要显示swagger的环境 在application.properties 中配置spring.profiles.active=dev
        // spring 配置的优先级是properties>yaml文件的  所以我一般保留一个properties来配置最高权限的配置
        // 而application.yaml用来配置数据库连接池等通用配置
        Profiles pro = Profiles.of("dev","test");
        // 判断是否是对应的环境
        boolean enable = env.acceptsProfiles(pro);
        return new Docket(DocumentationType.SWAGGER_2)
                .apiInfo(apiInfo()) // 配置文档信息!
                .enable(enable) // 如果是false就无法在浏览器中访问，可以配置
                .select()
                .apis(RequestHandlerSelectors.basePackage("com.springstudy.controller"))//配置哪些目录下的被扫描
                .paths(PathSelectors.ant("/test/**")) //配置只扫描/test开头的请求
                .build();
    }

    // 配置文档信息 apiInfo
    private ApiInfo apiInfo(){
    Contact contact = new Contact("城南花已开","http://123.57.82.136:8080/","1156947957@qq.com");
    //public static final Contact DEFAULT_CONTACT = new Contact("name", "url", "email");
    //DEFAULT = new ApiInfo(
        // "Api Documentation",
        // "Api Documentation",
        // "1.0", "urn:tos",
        // DEFAULT_CONTACT,
        // "Apache 2.0",
        // "http://www.apache.org/licenses/LICENSE-2.0",
        // new ArrayList());
    return new ApiInfo(
    "SpringBoot-Plus 接口文档信息",
            "所有的测试请求地址",
            "v1.0",
            "http://123.57.82.136:8080/", //服务地址，可以配置公司官网
             contact,//组织连接
            "Apache 2.0",
            "http://www.apache.org/licenses/LICENSE-2.0",
            new ArrayList());
    }
}

补充说明：

any() // 扫描所有，项目的所有接口都会被扫描的
none() // 不扫描接口
basePackage() // 根据包路径扫描
withMethodAnnotation(GetMapping.class) // 通过方法注解扫描! 比如 GetMapping.class
withClassAnnotation(Controller.class) // 通过类上的注解扫描! 比如 Controller.class

ant() // 指定扫描路径
any() // 扫描整个项目
none() // 都不扫描
regex() // 根据正则匹配扫描

新增“/test/hello”路径下接口我们来看下效果：

分组

return new Docket(DocumentationType.SWAGGER_2)
        .groupName("test")//新增分组配置
        // ...其他代码省略
@Bean
public Docket docket1(){
return new Docket(DocumentationType.SWAGGER_2).groupName("group1");
}
@Bean
public Docket docket2(){
return new Docket(DocumentationType.SWAGGER_2).groupName("group2");
}
@Bean
public Docket docket3(){
return new Docket(DocumentationType.SWAGGER_2).groupName("group3");
}

看下分组效果：

swagger注解

实体：

package com.springstudy.entity;

import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;

@Data
@ApiModel("部门实体")
public class Department {

    @ApiModelProperty("部门id")
    private Integer id;

    @ApiModelProperty("部门名称")
    private String departmentName;
}

controller :

package com.springstudy.controller;

import com.springstudy.dao.DepartmentMapper;
import com.springstudy.entity.Department;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import io.swagger.annotations.ApiParam;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/department")
@Api(tags="部门接口")
public class DepartmentController {

    @Autowired
    DepartmentMapper departmentMapper;

    @ApiOperation("通过id获取部门数据")
    @GetMapping("/getDepartment/{id}")
    public Department getDepartment(@ApiParam("部门id") @PathVariable("id") Integer id){
        return departmentMapper.getDepartment(id);
    }
}
基本写到这样就可以来哈，太多了也显得乱！简洁明了即可

ui选型

1.默认的 http://localhost:8081/swagger-ui.html

<!-- https://mvnrepository.com/artifact/io.springfox/springfox-swagger-ui -->
<dependency>
    <groupId>io.springfox</groupId>
    <artifactId>springfox-swagger-ui</artifactId>
    <version>2.9.2</version>
</dependency>

2.BootStrap-ui http://localhost:8080/doc.html

<!-- https://mvnrepository.com/artifact/com.github.xiaoymin/swagger-bootstrap-ui -->
<dependency>
    <groupId>com.github.xiaoymin</groupId>
    <artifactId>swagger-bootstrap-ui</artifactId>
    <version>1.9.6</version>
</dependency>

个人最喜欢这款，其他的自己去尝试，或者可以研究下底层api接口自己写个皮肤出来，然后开源出来嘛！

3.Layui的框架 http://localhost:8080/docs.html

<!-- https://mvnrepository.com/artifact/com.github.caspar-chen/swagger-ui-layer -->
<dependency>
    <groupId>com.github.caspar-chen</groupId>
    <artifactId>swagger-ui-layer</artifactId>
    <version>1.1.3</version>
</dependency>

4.mg-ui http://localhost:8080/document.html

<dependency>
    <groupId>com.zyplayer</groupId>
    <artifactId>swagger-mg-ui</artifactId>
    <version>1.0.6</version>
</dependency>

本来没想写swagger的，但是最近改别个系统遗留下的bug，前台传参巨复杂,后台代码写的及其没有层次感，关键地方一句注释没有，真是要了老命，想着看看swagger-ui 上接口及返回值有没有说明，发现啥也没有。可真是骂人的心都有了，怎么一点规范都没有呢？！如果你也有同样的烦恼希望这篇博客可以帮到你，加油，奥利给！

叁有三分之一