当前位置: 首页 > news >正文

Spring Boot(七):Swagger 接口文档

1. Swagger 简介

1.1 Swagger 是什么?

Swagger 是一款 RESTful 风格的接口文档在线自动生成 + 功能测试功能软件。Swagger 是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。目标是使客户端和文件系统作为服务器以同样的速度(同步)更新文件的方法,参数和模型紧密集成到服务器。

这个解释简单点来讲就是说,Swagger 是一款可以根据 resutful 风格生成的接口开发文档,API 文档与 API 同步更新,并且支持做测试的一款中间软件。

现在 Swagger 官网主要提供了几种开源工具,提供相应的功能。可以通过配置甚至是修改源码以达到你想要的效果。

Swagger Codegen:通过Codegen 可以将描述文件生成 html 格式和 wiki 形式的接口文档,同时也能生成多种语言的服务端和客户端的代码。支持通过 jar 包,docker,node 等方式在本地化执行生成。也可以在后面的 Swagger Editor 中在线生成。

Swagger UI:提供了一个可视化的 UI 页面展示描述文件。接口的调用方、测试、项目经理等都可以在该页面中对相关接口进行查阅和做一些简单的接口请求。该项目支持在线导入描述文件和本地部署 UI 项目。

Swagger Editor:类似于 markendown 编辑器的编辑 Swagger 描述文件的编辑器,该编辑支持实时预览描述文件的更新效果。也提供了在线编辑器和本地部署编辑器两种方式。

Swagger Inspector:感觉和 postman 差不多,是一个可以对接口进行测试的在线版的 postman。比在 Swagger UI 里面做接口请求,会返回更多的信息,也会保存你请求的实际请求参数等数据。

Swagger Hub:集成了上面所有项目的各个功能,你可以以项目和版本为单位,将你的描述文件上传到Swagger Hub中。在 Swagger Hub 中可以完成上面项目的所有工作,需要注册账号,分免费版和收费版。

Springfox Swagger:Spring 基于 swagger 规范,可以将基于 SpringMVC 和 Spring Boot 项目的项目代码自动生成 JSON 格式的描述文件。本身不是属于 Swagger 官网提供的,在这里列出来做个说明,方便后面作一个使用的展开。

1.2 为什么要使用 Swagger?

相信无论是前端还是后端开发,都或多或少地被接口文档折磨过。

前端经常抱怨后端给的接口文档与实际情况不一致。

后端又觉得编写及维护接口文档会耗费不少精力,经常来不及更新。

其实无论是前端调用后端,还是后端调用后端,都期望有一个好的接口文档。但是这个接口文档对于程序员来说,就跟注释一样,经常会抱怨别人写的代码没有写注释,然而自己写起代码起来,最讨厌的,也是写注释。

所以仅仅只通过强制来规范大家是不够的,随着时间推移,版本迭代,接口文档往往很容易就跟不上代码了。

总之,在这个前后端分离的时代,前后端联调会使得前后端开发人员无法做到即使协商,尽早解决

发现了痛点就会去寻找更好的解决方案,所以 Swagger 接口文档就应运而生了。解决方案用的人多了,就成了标准的规范。通过这套规范,你只需要按照它的规范去定义接口及接口相关的信息。再通过 Swagger 衍生出来的一系列项目和工具,就可以做到生成各种格式的接口文档,生成多种语言的客户端和服务端的代码,以及在线接口调试页面等等。

这样,如果按照新的开发模式,在开发新版本或者迭代版本的时候,只需要更新 Swagger 描述文件,就可以自动生成接口文档和客户端服务端代码,做到调用端代码、服务端代码以及接口文档的一致性。

但即便如此,对于许多开发来说,编写这个 yml 或 json 格式的描述文件,本身也是有一定负担的工作,特别是在后面持续迭代开发的时候,往往会忽略更新这个描述文件,直接更改代码。久而久之,这个描述文件也和实际项目渐行渐远,基于该描述文件生成的接口文档也失去了参考意义。

所以作为 Java 届服务端的大一统框架 Spring,迅速将 Swagger 规范纳入自身的标准,建立了 Spring-swagger 项目,后面改成了现在的 Springfox。通过在项目中引入 Springfox,可以扫描相关的代码,生成该描述文件,进而生成与代码一致的接口文档和客户端代码。这种通过代码生成接口文档的形式,在后面需求持续迭代的项目中,显得尤为重要和高效。

1.2.1 对于后端开发人员来说
  • 不用再手写 WiKi 接口拼大量的参数,避免手写错误
  • 对代码侵入性低,采用全注解的方式,开发简单
  • 方法参数名修改、增加、减少参数都可以直接生效,不用手动维护

缺点:增加了开发成本,写接口还得再写一套参数配置

1.2.2 对于前端开发人员来说
  • 后端只需要定义好接口,会自动生成文档,接口功能、参数一目了然
  • 联调方便,如果出问题,直接测试接口,实时检查参数和返回值,就可以快速定位是前端还是后端的问题
1.2.3 对于测试人员来说
  • 对于某些没有前端界面 UI 的功能,可以用它来测试接口
  • 操作简单,不用了解具体代码就可以操作

2. Spring Boot 集成 Swagger2(Getting Started)

2.1 导入 Swagger 相关依赖
<dependencies><!-- 引入web才能打开浏览器--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><!-- 引入Swagger2、SwaggerUI依赖 --><!-- 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>
</dependencies>
2.2 编写 Controller
@RestController
public class HelloController {@RequestMapping("/hello")public String helloSwagger() {return "Hello Swagger!";}}
2.3 编写 Swagger 配置类
@Configuration
@EnableSwagger2     // 开启Swagger2
public class SwaggerConfig {
}
2.4 访问接口文档

访问 http://localhost:8080/swagger-ui.html:

该 swagger-ui.html 界面是 Swagger 为我们提供的 UI 界面,可在引入的依赖中找到:

3. 配置 Swagger(SwaggerConfig.java)

Swagger 有自己的 Bean 实例:Docket

3.1 配置 Swagger ApiInfo 信息

只需要在 SwaggerConfig 配置类中添加包含 ApiInfo 类信息的 Docket Bean 实例,就可以配置 Swagger 信息:

这里我们点进 Docket 源码中查看,发现大部分属性已有默认值,仅有一个构造函数且需要传入 DocumentationType 实例:

DocumentationType.java 是什么?点击进入,这里有三个可供选择的值:

同时若想自定义 Swagger Api 信息,则需要传入 Swagger ApiInfo,如下为默认配置:

SwaggerConfig.java 中进行配置

@Configuration
@EnableSwagger2     // 开启Swagger2
public class SwaggerConfig {@Beanpublic Docket swaggerInfo() {Docket docket = new Docket(DocumentationType.SWAGGER_2).apiInfo(getApiInfo());return docket;}private ApiInfo getApiInfo() {// 作者信息Contact contact = new Contact("Scorpions", "github.com/Wu-yikun", "w577159462@163.com");return new ApiInfo("Swagger2?!!!","Stay hungry","v2.0","gitee.com/Wu-Yikun",contact,"Apache 2.0","www.apache.org/licenses/LICENSE-2.0",new ArrayList<>());}}

访问 http://localhost:8080/swagger-ui.html:

3.2 配置 Swagger 扫描接口

目前 Swagger 文档中有两个 Controller:

  • 一个默认的 /error

  • 还有一个是我们自己写的 /hello 请求

由于 @RequestMapping 未指定提交方式 method:所以 Swagger 文档中就会罗列出所有的 method 供选择,如: GET、HEAD、POST、PUT、DELETE、OPTIONS、PATCH

3.2.1 select()、build()

配置 Swagger 扫描接口的一般流程

@Configuration
@EnableSwagger2     // 开启Swagger2
public class SwaggerConfig {// 配置Swagger的Docket实例@Bean("docket")public Docket getSwaggerDocket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select().apis()		// 指定扫描接口.paths()	// 过滤路径.build();}
}

Docket 中的 select() 返回 ApiSelectorBuilder 对象:

ApiSelectorBuilder 中的 build() 返回 Docket 对象,而 apis()paths() 都返回 ApiSelectorBuilder 对象,可用于链式调用

接下来介绍 apis()paths() 的使用方法

3.2.2 apis()
public class ApiSelectorBuilder {private final Docket parent;private Predicate<RequestHandler> requestHandlerSelector = ApiSelector.DEFAULT.getRequestHandlerSelector();...public ApiSelectorBuilder apis(Predicate<RequestHandler> selector) {requestHandlerSelector = and(requestHandlerSelector, selector);return this;}...
}

观察以上 ApiSelectorBuilder.java 源码,得知 apis 方法可传入以下参数:

RequestHandlerSelectors.none(): 全都不扫描

@Configuration
@EnableSwagger2  // 开启Swagger2
public class SwaggerConfig {@Bean("docket")public Docket getSwaggerDocket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select().apis(ReqeustHandlerSelectors.none()).build();}
}

ReqeustHandlerSelectors.any(): 扫描全部

@Configuration
@EnableSwagger2  // 开启Swagger2
public class SwaggerConfig {@Bean("docket")public Docket getSwaggerDocket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select().apis(ReqeustHandlerSelectors.any()).build();}
}

RequestHandlerSelectors.basePackage(): 扫描指定包

@Configuration
@EnableSwagger2  // 开启Swagger2
public class SwaggerConfig {@Bean("docket")public Docket getSwaggerDocket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select().apis(ReqeustHandlerSelectors.any()).apis(RequestHandlerSelectors.basePackage("com.one.swagger.controller")).build();}
}

RequestHandlerSelectors.withMethodAnnotation(): 扫描方法上的注解

@Configuration
@EnableSwagger2  // 开启Swagger2
public class SwaggerConfig {@Bean("docket")public Docket getSwaggerDocket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select().apis(ReqeustHandlerSelectors.withMethodAnnotation(GetMapping.class)).build();}
}

RequestHandlerSelectors.withClassAnnotation(): 扫描类上的注解

@Configuration
@EnableSwagger2		// 开启Swagger2
public class SwaggerConfig {@Bean("docket")public Docket getSwaggerDocket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select().apis(ReqeustHandlerSelectors.withClassAnnotation(RestController.class)).build();}
}

综合实例

@Configuration
@EnableSwagger2
public class SwaggerConfig {@Bean("docket")public Docket docket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select()/*** apis():指定扫描的接口*   RequestHandlerSelectors:配置要扫描接口的方式*       basePackage:指定要扫描的包*       any:扫描全部*       none:不扫描*       withClassAnnotation:扫描类上的注解(参数是类上注解的class对象)*       withMethodAnnotation:扫描方法上的注解(参数是方法上的注解的class对象)*/.apis(RequestHandlerSelectors.basePackage("com.zsr.controller")).build();}
}
3.2.3 paths()

paths()apis() 相似,使用 PathSelectors,这里不再赘述:

PathSelectors.ant(): 过滤 Spring 的 AntPathMatcher 提供的 match 方法匹配的路径

@Configuration
@EnableSwagger2		// 开启Swagger2
public class SwaggerConfig {@Bean("docket")public Docket getSwaggerDocket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select().paths(PathSelectors.ant("/hello/**")).build();}
}

过滤 /hello/** 请求:

PathSelectors.regex(): 过滤正则表达式指定的路径

@Configuration
@EnableSwagger2		// 开启Swagger2
public class SwaggerConfig {@Bean("docket")public Docket getSwaggerDocket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select().paths(PathSelectors.regex("^/hello")).build();}
}

过滤以 /hello 开头的请求:

PathSelectors.none()

PathSelectors.any()

综合实例

@Configuration
@EnableSwagger2
public class SwaggerConfig {@Bean("docket")public Docket docket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select()/*** paths():过滤路径*   PathSelectors:配置过滤的路径*      any:过滤全部路径*      none:不过滤路径*      ant:过滤指定路径:按照按照Spring的AntPathMatcher提供的match方法进行匹配*      regex:过滤指定路径:按照String的matches方法进行匹配*/.paths(PathSelectors.ant("/hello/**")).build();}
}
3.3 配置 API 文档分组

上文有提及 Docket 对象中的 groupName 属性,groupName 用于设置 API 文档的分组,默认分组为 default

可以为不同的分组配置不同的 Swagger 扫描接口!

@Configuration
@EnableSwagger2
public class SwaggerConfig {@Beanpublic Docket docket1() {return new Docket(DocumentationType.SWAGGER_2).select().apis(RequestHandlerSelectors.none()).build().groupName("X");      // 设置API文档为X组}@Beanpublic Docket docket2() {return new Docket(DocumentationType.SWAGGER_2).select().paths(PathSelectors.regex("^/swagger")).build().groupName("Y");      // 设置API文档为Y组}@Bean("docket")public Docket getSwaggerDocket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).select().paths().build().groupName("Scorpions");	// 设置Swagger的API文档分组}}

Scorpions 分组

X 分组

Y 分组

3.4 配置是否启动 Swagger

Docket 对象通过 enable() 方法来配置 Swagger 是否启用。

@Configuration
@EnableSwagger2
public class SwaggerConfig {@Bean("docket")public Docket getSwaggerDocket() {return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo())// true表示启用swagger、false表示不启用swagger.enable(false).select().paths().build();}
}

enable(false) 使得仅当前分组不启用 Swagger 文档,而其他分组仍然启用,若仅剩一个 group,则会出现如下的页面:


?? 若只希望 Swagger 在开发环境中启用,在生产环境中不启用(发布的时候当然不能暴露 Swagger 文档,不然造成外部可以随意调用接口)

  • Environment 对象可作为参数由 Spring 容器自动传入
  • 通过 environment.acceptsProfiles(profiles) 来判断是否处于自己设定的环境当中
  • 将 flag 传入 enable() 方法的参数列表,如果处于自己设定的环境则开启 Swagger 接口文档

application-dev.yml:

# 开发环境下默认使用该配置文件(约定俗成的名字)
server:port: 8080

application-pro.yml:

# 生产环境
server:port: 8082

application.properties:

# 使得dev环境的配置生效: application-dev
spring.profiles.active=dev

SwaggerConfig.java:

@Configuration
@EnableSwagger2     // 开启Swagger2, 访问网址: http://localhost:8080/swagger-ui.html
public class SwaggerConfig {@Bean("docket")public Docket getSwaggerDocket(Environment environment) {// 设置启用Scorpions分组下的Swagger文档的环境列表Profiles profiles = Profiles.of("dev", "test", "otherEnv");boolean flag = environment.acceptsProfiles(profiles);return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo()).enable(flag).select().apis(RequestHandlerSelectors.any()).paths(PathSelectors.ant("/hello/**")).build().groupName("Scorpions");}@Beanpublic Docket swaggerInfo(Environment environment) {// 仅在 dev、test 环境下启用Z分组的Swagger接口文档!Profiles profiles = Profiles.of("dev", "test");boolean flag = environment.acceptsProfiles(profiles);Docket docket = new Docket(DocumentationType.SWAGGER_2).apiInfo(getApiInfo()).enable(flag).select().apis(RequestHandlerSelectors.any()).build().groupName("Z");return docket;}
}

当前为开发环境:

4. Swagger 接口注释&实体类注释

4.1 实体类注释

4.1.1 编写实体类
  • @ApiModel:为实体类添加注释
  • @ApiModelProperty:为实体类属性添加注释

User.java:

@ApiModel("用户实体类")     // 文档注释
public class User {public User() {}public User(String username, String password) {this.username = username;this.password = password;}// 属性设置为 public, 在 Swagger 中才可视@ApiModelProperty("姓名")public String username;@ApiModelProperty("密码")public String password;public String getUsername() {return username;}public void setUsername(String username) {this.username = username;}public String getPassword() {return password;}public void setPassword(String password) {this.password = password;}
}
4.1.2 编写实体类对应的请求方法

编写完实体类后,我们还是无法在 Model 中看到 User 实体类信息,需在 HelloController 中新增一个返回 User 对象的请求方法:

@RestController
public class HelloController {@GetMapping("/swagger1")public User getUser() {return new User("Scorpions_", "123456");}
}
4.1.3 测试访问

成功显示 Model 信息:

4.2 接口注释
  • @ApiOperation:为接口添加注释
  • @ApiParam:为接口参数列表添加注释
示例1
@RestController
public class HelloController {@GetMapping("/swagger2")@ApiOperation("response返回错误")public User swagger2(@ApiParam("接口形参num") int num) {int i = num / 0;return new User();}
}

接口及其形参列表上标有注释:


这里将 /swagger2 请求改成 POST 请求而不是 GET 请求:

@RestController
public class HelloController {@PostMapping("/swagger22")@ApiOperation("POST请求具备方法体, response返回错误")public User swagger2(@ApiParam("接口形参num") int num) {int i = num / 0;return new User();}
}

请求结果符合预期的 500 错误:

示例2
// POST 表单才可以请求, 而 Swagger 在测试时会提供方法体, 仅需输入测试即可
// 注意传入的参数User实体类中必须要有 getter() 和 setter(), 方法才能正常赋值到形参user中!
@ApiOperation("Swagger3 POST 请求")
@PostMapping("/swagger3")
public User swagger3(@ApiParam("user参数, 必须设置属性的setter() & getter()") User user) {return user;
}

填写完表单后会添加到方法体 body 中:

response 返回预期结果:

相关文章:

Spring Boot(七):Swagger 接口文档

1. Swagger 简介 1.1 Swagger 是什么&#xff1f; Swagger 是一款 RESTful 风格的接口文档在线自动生成 功能测试功能软件。Swagger 是一个规范和完整的框架&#xff0c;用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。目标是使客户端和文件系统作为服务器以同样的…...

RabbitMQ - 4 ( 22000 字 RabbitMQ 入门级教程 )

一&#xff1a; RabbitMQ 高级特性 前面主要讲解了 RabbitMQ 的概念和应用。RabbitMQ 实现了 AMQP 0-9-1 规范&#xff0c;并在此基础上进行了多项扩展。在 RabbitMQ 官方网站中详细介绍了其特性&#xff0c;我们将其中一些重要且常用的特性挑选出来进行讲解。 1.1 消息确认 …...

印象笔记07——试一试PDF标注

印象笔记07——试一试PDF标注 [!CAUTION] 根据第六期&#xff0c;我再次查询了资料&#xff0c;印象笔记还是有一些可圈可点的功能的&#xff08;当然部分有平替&#xff09;&#xff0c;针对会员作用&#xff0c;开发使用场景虽然是逆向的&#xff0c;但我坚信这是一部分人的现…...

Vue3实战教程》24:Vue3自定义指令

如果您有疑问&#xff0c;请观看视频教程《Vue3实战教程》 自定义指令​ 介绍​ 除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外&#xff0c;Vue 还允许你注册自定义的指令 (Custom Directives)。 我们已经介绍了两种在 Vue 中重用代码的方式&#xff1a;组件和组…...

【2025优质学术推荐】征稿控制科学、仪器、智能系统、通信、计算机、电子信息、人工智能、大数据、机器学习、软件工程、网络安全方向

【2025优质学术推荐】征稿控制科学、仪器、智能系统、通信、计算机、电子信息、人工智能、大数据、机器学习、软件工程、网络安全方向 【2025优质学术推荐】征稿控制科学、仪器、智能系统、通信、计算机、电子信息、人工智能、大数据、机器学习、软件工程、网络安全方向 文章目…...

【ArcGIS Pro/GeoScene Pro】可视化时态数据

可视化过去二十年新西兰国际旅游业的发展变化 工程数据下载 ArcGIS Pro 快速入门指南—ArcGIS Pro | 文档 添加数据 数据为中国旅客数据 转置表字段 列数据转行数据...

Linux buildroot和ubuntu的异同点

Buildroot 和 Ubuntu 都是 Linux 系统的操作环境,但它们的设计理念和使用场景有很大的不同。 一、定义与目标 Buildroot Buildroot 是一个用于生成嵌入式 Linux 系统的工具集,专注于交叉编译和构建嵌入式设备的最小 Linux 环境。它的目标是为嵌入式系统提供定制化和优化的…...

k8s系列--通过docker拉取的镜像导入到 containerd中

要将通过 docker pull 拉取的镜像导入到 containerd 中&#xff0c;可以按照以下步骤操作&#xff1a; 步骤 1&#xff1a;使用 docker 将镜像保存为 tar 文件 docker pull registry.cn-hangzhou.aliyuncs.com/google_containers/coredns:v1.11.1 docker save registry.cn-ha…...

Spring Boot(快速上手)

Spring Boot 零、环境配置 1. 创建项目 2. 热部署 添加依赖&#xff1a; <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-devtools</artifactId><optional>true</optional> </dependency&…...

note 41:账务系统开发规范

目录 系统设计 防重控制 流量控制 并发控制 异常处理 备份机制 系统开发​​​​​​​ 前端队列操作 外系统交互 ​​​​​​​​​​​​​​ 系统设计 防重控制 对于进入到系统中的数据&#xff08;文件导入、手工录入、系统直连等&#xff09;以及本系统发往外…...

基于嵌入式无人机UAV通信系统的实时最优资源分配算法matlab仿真

目录 1.课题概述 2.系统仿真结果 3.核心程序与模型 4.系统原理简介 5.完整工程文件 1.课题概述 基于嵌入式无人机UAV通信系统的实时最优资源分配算法matlab仿真。具体参考文献&#xff1a; 考虑使用UAV作为中继辅助节点的设备到设备&#xff08;D2D&#xff09;无线信息和…...

《Vue3实战教程》35:Vue3测试

如果您有疑问&#xff0c;请观看视频教程《Vue3实战教程》 测试​ 为什么需要测试​ 自动化测试能够预防无意引入的 bug&#xff0c;并鼓励开发者将应用分解为可测试、可维护的函数、模块、类和组件。这能够帮助你和你的团队更快速、自信地构建复杂的 Vue 应用。与任何应用一…...

【Java设计模式-3】门面模式——简化复杂系统的魔法

在软件开发的世界里&#xff0c;我们常常会遇到复杂的系统&#xff0c;这些系统由多个子系统或模块组成&#xff0c;各个部分之间的交互错综复杂。如果直接让外部系统与这些复杂的子系统进行交互&#xff0c;不仅会让外部系统的代码变得复杂难懂&#xff0c;还会增加系统之间的…...

log4j2的Strategy、log4j2的DefaultRolloverStrategy、删除过期文件

文章目录 一、DefaultRolloverStrategy1.1、DefaultRolloverStrategy节点1.1.1、filePattern属性1.1.2、DefaultRolloverStrategy删除原理 1.2、Delete节点1.2.1、maxDepth属性 二、知识扩展2.1、DefaultRolloverStrategy与Delete会冲突吗&#xff1f;2.1.1、场景一&#xff1a…...

super_vlan

Super VLAN产生的背景 就经典的酒店例子来说&#xff0c;若是将101房和102房的网络划分在同一个vlan下面&#xff0c;那么101房出现了一个懂得某些安全技术的大佬&#xff0c;就会使得102房的隐私得到严重的隐患 所以这时我们就需要将二层给隔离开&#xff0c;但又要去保证10…...

前端CSS3学习

学习菜鸟教程 火狐-moz- 谷歌 Safari -webkit- 前面都加这个&#xff0c;可能才生效 边框 border: 1px solid #ddd 粗细 样式 样色 经常和border-radius 一块用 border-radius: 50px 20px 第一个左右 第二个右左 border-top-left-radius … box-shadow: 10px 5px 10px 0 #88…...

HTML——58.value和placeholder

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title>value和placeholder属性</title></head><body><!--input元素的type属性&#xff1a;(必须要有)1.指定输入内容的类型2.默认为text,单行文本框-->&l…...

STM32单片机芯片与内部57 SPI 数据手册 寄存器

目录 一、SPI寄存器 1、SPI控制寄存器 1(SPI_CR1)(I2S模式下不使用) 2、SPI控制寄存器 2(SPI_CR2) 3、SPI 状态寄存器(SPI_SR) 4、SPI 数据寄存器(SPI_DR) 5、SPI CRC多项式寄存器(SPI_CRCPR)(I2S模式下不使用&#xff09; 6、SPI Rx CRC寄存器(SPI_RXCRCR)(I2S模式下不…...

前端异常处理合集

文章目录 前言&#xff1a;思考&#xff1a;一、为什么要处理异常&#xff1f;二、需要处理哪些异常&#xff1f; js 代码处理基本的try...catch语句 Promise 异常Promise 错误处理async/await 全局处理错误捕获window.onerrorwindow.onunhandledrejectionwindow.addEventListe…...

求职:求职者在现场面试中应该注意哪些问题?

求职者在现场面试中需要注意诸多方面的问题 面试前的准备 了解公司信息&#xff1a; 提前通过公司官网、社交媒体账号、新闻报道等渠道&#xff0c;熟悉公司的发展历程、业务范围、企业文化、主要产品或服务等内容。例如&#xff0c;如果是应聘一家互联网科技公司&#xff0c…...

生成xcframework

打包 XCFramework 的方法 XCFramework 是苹果推出的一种多平台二进制分发格式&#xff0c;可以包含多个架构和平台的代码。打包 XCFramework 通常用于分发库或框架。 使用 Xcode 命令行工具打包 通过 xcodebuild 命令可以打包 XCFramework。确保项目已经配置好需要支持的平台…...

调用支付宝接口响应40004 SYSTEM_ERROR问题排查

在对接支付宝API的时候&#xff0c;遇到了一些问题&#xff0c;记录一下排查过程。 Body:{"datadigital_fincloud_generalsaas_face_certify_initialize_response":{"msg":"Business Failed","code":"40004","sub_msg…...

AtCoder 第409​场初级竞赛 A~E题解

A Conflict 【题目链接】 原题链接&#xff1a;A - Conflict 【考点】 枚举 【题目大意】 找到是否有两人都想要的物品。 【解析】 遍历两端字符串&#xff0c;只有在同时为 o 时输出 Yes 并结束程序&#xff0c;否则输出 No。 【难度】 GESP三级 【代码参考】 #i…...

Linux简单的操作

ls ls 查看当前目录 ll 查看详细内容 ls -a 查看所有的内容 ls --help 查看方法文档 pwd pwd 查看当前路径 cd cd 转路径 cd .. 转上一级路径 cd 名 转换路径 …...

蓝牙 BLE 扫描面试题大全(2):进阶面试题与实战演练

前文覆盖了 BLE 扫描的基础概念与经典问题蓝牙 BLE 扫描面试题大全(1)&#xff1a;从基础到实战的深度解析-CSDN博客&#xff0c;但实际面试中&#xff0c;企业更关注候选人对复杂场景的应对能力&#xff08;如多设备并发扫描、低功耗与高发现率的平衡&#xff09;和前沿技术的…...

linux 错误码总结

1,错误码的概念与作用 在Linux系统中,错误码是系统调用或库函数在执行失败时返回的特定数值,用于指示具体的错误类型。这些错误码通过全局变量errno来存储和传递,errno由操作系统维护,保存最近一次发生的错误信息。值得注意的是,errno的值在每次系统调用或函数调用失败时…...

Spring Boot面试题精选汇总

&#x1f91f;致敬读者 &#x1f7e9;感谢阅读&#x1f7e6;笑口常开&#x1f7ea;生日快乐⬛早点睡觉 &#x1f4d8;博主相关 &#x1f7e7;博主信息&#x1f7e8;博客首页&#x1f7eb;专栏推荐&#x1f7e5;活动信息 文章目录 Spring Boot面试题精选汇总⚙️ **一、核心概…...

成都鼎讯硬核科技!雷达目标与干扰模拟器,以卓越性能制胜电磁频谱战

在现代战争中&#xff0c;电磁频谱已成为继陆、海、空、天之后的 “第五维战场”&#xff0c;雷达作为电磁频谱领域的关键装备&#xff0c;其干扰与抗干扰能力的较量&#xff0c;直接影响着战争的胜负走向。由成都鼎讯科技匠心打造的雷达目标与干扰模拟器&#xff0c;凭借数字射…...

全志A40i android7.1 调试信息打印串口由uart0改为uart3

一&#xff0c;概述 1. 目的 将调试信息打印串口由uart0改为uart3。 2. 版本信息 Uboot版本&#xff1a;2014.07&#xff1b; Kernel版本&#xff1a;Linux-3.10&#xff1b; 二&#xff0c;Uboot 1. sys_config.fex改动 使能uart3(TX:PH00 RX:PH01)&#xff0c;并让boo…...

在Ubuntu24上采用Wine打开SourceInsight

1. 安装wine sudo apt install wine 2. 安装32位库支持,SourceInsight是32位程序 sudo dpkg --add-architecture i386 sudo apt update sudo apt install wine32:i386 3. 验证安装 wine --version 4. 安装必要的字体和库(解决显示问题) sudo apt install fonts-wqy…...