SprongBoot3整合Knife4j

大家好,我是晓凡。

写在前面

在上一篇文章,我们详细介绍了SpringBoot3 怎么整合SpringDoc实现在线接口文档。但是,有不少小伙伴

都觉得接口界面太丑了。有没有什么更美观一点的UI界面呢?

当然是有的了,毕竟这是一个看脸的时代,Knife4j 这不来了么。

一、界面比较

这儿我们将上一篇文章使用swagger UI 和Knife4j UI做一个比较,哪个好看就不用我多说了吧。

① swaggerUI界面

swaggerUI界面

②Knife4j UI界面

Knife4j UI界面

二、Knife4j 是什么?

Knife4j 是一个为 Java 项目生成和管理 API 文档的工具。实际上,它是 Swagger UI的一个增强工具集,

旨在让 Swagger 生成的 API在线文档更加优雅、美观、强大。

① 官方地址

http://knife4j.net/

②文档地址

https://doc.xiaominfo.com/docs/quick-start

三、为什么要使用Knife4j

使用Knife4j主要有以下优点,就问哪个不吸引我们呢?

  • 美观的UI:相比于原生 Swagger UI,Knife4j 提供了更加人性化和美观的界面设计
  • 丰富的文档交互功能:支持在线调试、请求参数动态输入、接口排序等
  • 个性化配置:可自定义 API 文档的界面风格,实现文档界面的个性化展示

四、Knife4j版本介绍

目前,我们使用的SpringBoot 版本主要是2和3,不同的boot版本需要适配不同版本的Knife4j.

通过这一小节,我们将在项目中选择合适的Knife4j版本

4.1 Knife4j的前世今生

在更名为Knife4j之前,原来的名称是叫swagger-bootstrap-ui,这是两种不一样风格的Ui,区别如下

名称开发语言&框架状态最后版本风格
Knife4jJava、JavaScript、Vue持续更新中…无黑色
swagger-bootstrap-uiJava、JavaScript、jQuery停更1.9.6蓝色

Knife4j从开源至今,目前主要经历版本的变化,分别如下:

版本说明
1.0~1.9.6名称是叫swagger-bootstrap-ui,蓝色风格Ui
1.9.6蓝色皮肤风格,开始更名,增加更多后端模块
2.0~2.0.5Ui基于Vue2.0+AntdV重写,黑色风格,底层依赖的springfox2.9.2,仅提供Swagger2规范的适配
2.0.6~2.0.9底层依赖springfox2.10.5,仅提供Swagger2规范的适配
3.0~3.0.3底层依赖springfox3.0.3,是过度版本,不建议使用
4.0~Knife4j对于支持不同协议,依赖的是第三方组件,需要引入不同依赖
OpenAPI2(Swagger2)规范,依赖Springfox项目,项目处于停更状态,不建议使用
OpenAPI3(Swagger3)规范,依赖Springdoc项目,更新频率快,建议使用该版本
4.2 Spring Boot版本兼容性
Spring Boot版本Knife4j Swagger2规范Knife4j OpenAPI3规范
1.5.x~2.0.0<Knife4j 2.0.0>=Knife4j 4.0.0
2.0~2.2Knife4j 2.0.0 ~ 2.0.6>=Knife4j 4.0.0
2.2.x~2.4.0Knife4j 2.0.6 ~ 2.0.9>=Knife4j 4.0.0
2.4.0~2.7.x>=Knife4j 4.0.0>=Knife4j 4.0.0
>= 3.0>=Knife4j 4.0.0>=Knife4j 4.0.0

如果你不考虑使用Knife4j提供的服务端增强功能,引入Knife4j的纯Ui版本没有任何限制。只需要考虑不同的规范即可

五、快速开始

通过上面的介绍,相信你已经对Knife4j 有了整体的认识,接下来我们就使用SpringBoot3快速整合Knife4j。

我们这选用的环境如下

  • jdk17
  • SpringBoot3.3.1
  • knife4j 4.4.0
  • OpenAPI3协议规范
5.1 新建一个web项目

建一个名为knife4j-spring-boot3-demo 的web项目,项目结构如下

项目结构

5.2 添加Knife4j 依赖

⚠️温馨提示

我们这里使用的是SpringBoot3

  • Spring Boot 3 只支持OpenAPI3规范
  • Knife4j提供的starter已经引用springdoc-openapi的jar,需注意避免jar包冲突
  • JDK版本必须 >= 17
<dependency><groupId>com.github.xiaoymin</groupId><artifactId>knife4j-openapi3-jakarta-spring-boot-starter</artifactId><version>4.4.0</version>
</dependency>
5.3 新建hello接口

新建controller包,添加HelloController类,代码如下

@RestController
public class HelloController {@GetMapping("/hello")public String hello(){return "hello";}
}
5.4 访问Knife4j在线文档

浏览器输入:http://localhost:8080/doc.html 访问在线接口文档

在线接口文档

六、Knife4j 常用配置

⚠️温馨提示:

增强功能需要通过配置application.yml配置文件开启增强,后面不再赘述,默认开启

knife4j:
enable: true
6.1 项目配置

在application.yml中可以自定义api-docs和swagger-ui的访问路径。当然了,如果没配置,默认就是下面路径

**注:**这儿还是兼容swagger ui页面展示

springdoc:swagger-ui:path: /swagger-ui.htmltags-sorter: alphaoperations-sorter: alphaapi-docs:path: /v3/api-docsgroup-configs:- group: 'default'paths-to-match: '/**'packages-to-scan: com.xiezhr.knife4jspringboot3demo.controller

浏览器输入:http://localhost:8080/swagger-ui/index.html 可按照原来ui来显示

swagger-ui

6.2 配置接口文档基本信息

① 配置接口基本信息

新建一个config包—>并在包下建立一个Knife4jConfig配置类

Knife4jConfig配置类

② 配置接口文档基础信息

这儿我们可以配置接口文档标题、接口文档版本信息、接口文档描述信息、接口文档联系人信息,接口文档license许可证信息

我们只需在配置类中添加如下代码即可

@Configuration
public class Knife4jConfig {@Beanpublic OpenAPI openAPI() {return new OpenAPI()// 配置接口文档基本信息.info(this.getApiInfo());}private Info getApiInfo() {return new Info()// 配置文档标题.title("SpringBoot3集成Knife4j")// 配置文档描述.description("SpringBoot3集成Knife4j示例文档")// 配置作者信息.contact(new Contact().name("程序员晓凡").url("https://www.xiezhrspace.cn").email("1666397814@163.com"))// 配置License许可证信息.license(new License().name("Apache 2.0").url("https://www.xiezhrspace.cn"))// 概述信息.summary("SpringBoot3集成Knife4j示例文档aaa").termsOfService("https://www.xiezhrspace.cn")// 配置版本号.version("2.0");}
}

浏览器输入:http://localhost:8080/doc.html 访问显示如下

接口基本信息

6.3 i18n国际化

Knife4j提供了i18n的支持,支持的语言主要包含2种:中文(zh-CN)、英文(en-US)。默认是中文

①通过下拉框选择

通过访问doc.html打开文档界面,可以在文档的右上角看到语言的选择,如下图:

语言选择

② 通过文档地址也可以选择

  • 中文:http://host:port/doc.html#/home/zh-CN
  • 英文:http://host:port/doc.html#/home/en-US

另外,如果你是使用了knife4j提供的增强功能,你也可以这样访问

  • 中文:http://host:port/doc.html#/plus/zh-CN
  • 英文:http://host:port/doc.html#/plus/en-US

③ 通过application.yml配置文件设置

knife4j:enable: truesetting:language: zh_cn
6.4 接口添加作者

接口代码如下,我们给hello接口添加作者“张三”

@ApiOperationSupport(author = "张三")
@GetMapping("/hello")
public String hello(){return "hello";
}

接口作者

6.5 自定义文档

有时候在OpenAPI不足以满足接口说明的情况下,我们可以通过.md格式文件扩充系统文档说明

①添加自定义文档

我们可以在当前项目中添加多个文件夹,文件夹中存放.md格式的markdown文件,每个.md文档代表一份自定义文档说明。

这里,我们在默认组default 下面添加接口签名认证文档说明.md和自定义文档说明.md 两个文档,结构如下

文档结构

每个.md文件中,Knife4j允许一级(h1)、二级(h2)、三级(h3)标题作为最终的文档标题

比如,上面添加的自定义文档说明.md内容如下

# 自定义文档说明## 效果说明`knife4j`为了满足文档的个性化配置,添加了自定义文档功能开发者可自定义`md`文件扩展补充整个系统的文档说明开发者可以在当前项目中添加一个文件夹,文件夹中存放`.md`格式的markdown文件,每个`.md`文档代表一份自定义文档说明**注意**:自定义文档说明必须以`.md`结尾的文件,其他格式文件会被忽略

② 配置自定义文档显示

文档添加好之后,我们在application.yml 添加如下配置信息

knife4j:documents:- group: defaultname: 其他文档# 某一个文件夹下所有的.md文件locations: classpath:markdown/*

配置说明:

  • group: 分组的名称,这儿我们还没有配置分组,所以默认的是default
  • name: 界面呈现时菜单显示
  • locations: markdown文档路径

③ 前端界面呈现效果

上述信息配置好之后,在浏览器访问doc.html 如下

自定义文档显示

6.6 访问权限控制

为了保证生产环境下接口服务安全,我们可以提供一个登陆界面的功能,只有输入用户名和密码才能访问

① 在application.yml 中添加如下配置

knife4j:enable: truebasic:enable: trueusername: xiezhrpassword: 123456

②需要输入正确的用户名和密码才能访问

权限控制

6.7 接口排序

使用Knife4j提供的增强注解@ApiOperationSupport中的order字段可进行接口排序

HelloController 中有hello 和 getToken 两个接口,我们要实现getToken接口显示在前面,代码如下

① 修改application.yml

springdoc:swagger-ui:operations-sorter: order

② 调整@ApiOperationSupport中的order

@RestController
public class HelloController {@ApiOperationSupport(author = "张三",order = 2)@GetMapping("/hello")public String hello(){return "hello";}@ApiOperationSupport(author = "李四" ,order = 1)@GetMapping("/access-appid")public String getToken(){return "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c";}
}

③ 接口显示顺序如下

接口排序

6.8 接口分组

为了演示API分组,我们在controller包下面再建立admin包和common包,包下分别添加AdminController和CommonController接口类,结构及代码如下

image-20240630152601955

① AdminController类

@RequestMapping("admin")
@RestController
public class AdminController {@GetMapping("/access-appid")public String getToken(){return "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c";}
}

② CommonController 类

@RequestMapping("common")
@RestController
public class CommonController {@GetMapping("/hello")public String hello(){return "hello";}@GetMapping("/hi")public String Hi(){return "Hi 程序员晓凡";}
}

在默认情况(没有分组)的情况下,所有包下接口都显示在一一个默认组下面,如/common/* 和/admin/* 访问路径下的接口都显示在一起,如下图所示

default分组

这时,如果/common/* 下的接口比较多,/admin/* 下的接口也比较多,界面上显示就很混乱

解决办法就是添加分组信息,这里有两种配置方法

① 通过application.yml配置 admin分组和common 两个分组

springdoc:group-configs:- group: 'admin'paths-to-match: '/admin/**'packages-to-scan: com.xiezhr.knife4jspringboot3demo.controller- group: 'common'paths-to-match: '/common/**'packages-to-scan: com.xiezhr.knife4jspringboot3demo.controller

② 通过配置类Knife4jConfig添加两个分组

@Configuration
public class SpringDocConfig {// 此处省去其他配置信息......@Bean("common")public GroupedOpenApi webGroupApi() {return GroupedOpenApi.builder().group("common").pathsToMatch("/common/**").build();}@Bean("admin")public GroupedOpenApi adminGroupApi() {return GroupedOpenApi.builder().group("admin").pathsToMatch("/admin/**").build();}}

以上两种配置时等效的,再访问:http://localhost:8080/doc.html 显示如下

最终分组显示

6.9 动态请求参数

在某些特定的情况下如果后端定义的是一种Map结构,或者是参数并没有定义声明,而希望也能达到一种动态添加参数进行调试的结果,这种体验有点类似于postman

① 开启动态参数配置

knife4j:enable: truesetting:# 开启动态请求参数,true-开启,false-关闭enable-dynamic-parameter: true

配置完后,开启动态请求这个会勾上

动态请求

② 添加动态参数调试

添加动态参数调试

动态参数

6.10 过滤请求参数

通常我们在开发接口时,比如一个新增接口和一个修改接口,修改接口需要传递主键id、而新增接口则不需要传递此属性,但大部分情况,我们只写一个Model类,此时在新增接口时显示主键id会显得很多余.

使用自定义增强注解ApiOperationSupport中的ignoreParameters属性,可以强制忽略要显示的参数.

忽略的规则如下:

  • 例如新增接口时,某实体类不需要显示Id,即可使用该属性对参数进行忽略.ignoreParameters={"id"}
  • 如果存在多个层次的参数过滤,则使用名称.属性的方式,例如 ignoreParameters={"uptModel.id","uptModel.uptPo.id"},其中uptModel是实体对象参数名称,id为其属性,uptPo为实体类,作为uptModel类的属性名称
  • 如果参数层级只是一级的情况下,并且参数是实体类的情况下,不需要设置参数名称,直接给定属性值名称即可
  • 如果实体类属性中是通过List这种数组的方式,那么过滤规则会有所不同,在属性后面需要追加一个下标[0],ignoreParameters={"uptModel.uptPo[0].id"}

在接口过滤时,主要有两种情况

6.10.1 表单参数

我们在使用实体类直接作为参数时,在我们的ui界面中是不会显示参数名称的,此时可以直接使用实体的属性名称进行参数忽略,例如如下代码:

表单类型的请求是不需要添加参数名的

@ApiOperation(value = "新增Model接口1")
@ApiOperationSupport(ignoreParameters = {"id","orderDate.id"})
@PostMapping("/insertMode1l")
public Rest<UptModel> insertModel1(UptModel uptModel){Rest<UptModel> r =new Rest<>();r.setData(uptModel);return r;
}

实体类UptModel.java文件代码

public class UptModel {@ApiModelProperty(value = "主键id")private String id;@ApiModelProperty(value = "姓名")private String name;@ApiModelProperty(value = "邮箱")private String email;@ApiModelProperty(value = "订单信息")private OrderDate orderDate;
}

此时,最终过过滤掉UptModel的属性id和属性orderDate类中的id属性,不在界面显示.

img

6.10.2 JSON参数

如果请求参数是使用JSON的方式

代码如下:

@ApiOperation(value = "新增Model接口")
@ApiOperationSupport(ignoreParameters = {"uptModel.id","uptModel.name","uptModel.orderDate.id"})
@PostMapping("/insertModel")
public Rest<UptModel> insertModel(@RequestBody UptModel uptModel){Rest<UptModel> r =new Rest<>();r.setData(uptModel);return r;
}

此时如果要过滤id的话,需要指定带上参数名称uptModel

最终忽略的值为ignoreParameters = {"uptModel.id","uptModel.name","uptModel.orderDate.id"}

img

6.11 包含请求参数

时候需要忽略的参数太多时,我们需要写很多的忽略参数属性,此时,一个与忽略参数对立取反的特性就显得很有帮助了

使用自定义增强注解ApiOperationSupport中的includeParameters属性,可以强制包含要显示的参数.去除多余的参数

6.12 自定义Host

不同的网络环境,可以通过配置该属性,方便的进行调试

通过配置application.yml

knife4j:enable: truesetting:# 是否启用Hostenable-host: true# 启用Host后地址,例如:http://192.168.0.111:8080enable-host-text: "http://192.168.0.111:8080"
6.13 全局参数

Knife4j 提供全局参数设置功能,例如:我们可以设置全局token参数

全局参数功能主要提供两种参数类型:

  • query(表单)
  • header(请求头)

设置方法如下

全局参数设置

6.14 自定义主页内容

可以提供一个Markdown文件来自定义显示Home主页的显示内容,通过配置yml来进行开启,配置文件如下

knife4j:enable: truesetting:enable-home-custom: truehome-custom-path: classpath:markdown/home.md
  • enable-home-custom:该属性为Boolean值,默认false,如果开发者要自定义主页内容,该选项设置为true
  • home-custom-path:提供一个主页的Markdown文件位置

我们markdown目录下添加home.md 文档,并添加内容之后,最终界面显示如下

home.md

最终显示效果

6.15 自定义Footer

Knife4j 支持自定义界面底部Footer内容,可以更改为公司或者产品介绍等信息

未自定义前

未定义前

通过设置application.yml后

knife4j:enable: truesetting:enable-footer: trueenable-footer-custom: truefooter-custom-content: Apache License 2.0 | Copyright  2019-[程序员晓凡](https://www.xiezhrspace.cn)

image-20240630174827521

七、其他功能

7.1 导出离线文档

使用swagger的时候,导出一份精细的文档,需要很繁琐的步骤,集成了knife4j之后,导出文档变得很简单

而且还可以导出不同格式的文档

离线文档

7.2 导出postman

我们还可以将接口信息复制然后导出到postman工具进行调试

具体操作如下

导出postman

7.3 生成前端调用代码

生成前端调用代码

八、小结

SpringBoot3 整合knife4j其实非常简单,界面相对于swagger UI 确实美观了不少。文章只列举了常用功能,如果小伙伴有特殊的需求,可以浏览官方文档,官方文档还是非常详细的。

作者也给出了各种场景的实战demo: https://gitee.com/xiaoym/swagger-bootstrap-ui-demo

SpringBoot各种版本的整合都有案例

各种场景整合

本期内容到这儿就结束了 ★,°:.☆( ̄▽ ̄)/$:.°★ 。 希望对您有所帮助

我们下期再见 (●’◡’●) ヾ(•ω•`)o

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.tpcf.cn/news/864012.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

抖音直播自动点赞脚本:让点赞变得简单

抖音直播自动点赞脚本&#xff1a;让点赞变得简单 简介 点赞是社交媒体上表达喜爱的一种方式&#xff0c;尤其在抖音这样的平台上&#xff0c;点赞不仅能够增加主播的人气&#xff0c;还能鼓励他们创作更多优质内容。然而&#xff0c;手动点赞往往既耗时又费力。为了解决这个…

云服务出现故障这样处理

无法连接云服务器 服务器远程无法连接时&#xff0c;可通过7ECloud控制台进行连接。 常见故障现象 1、ping不通 2、ping丢包 3、部分端口telnet不通 4、全部端口telnet不通 5、广告、弹窗植入 6、域名无法访问IP访问正常 常见故障原因 1、云服务器过期、关机或者EIP被…

CentOS 7 上搭建 JavaEE 环境

CentOS 7 上搭建 JavaEE 环境 安装 Java 环境 1&#xff09;检查系统中是否已安装 Java java -version如果未安装&#xff0c;将返回提示信息。 2&#xff09;安装 Java 8 sudo yum install java-1.8.0-openjdk3&#xff09;配置 Java 环境变量&#xff0c;编辑 /etc/prof…

深度学习基准模型Transformer

深度学习基准模型Transformer 深度学习基准模型Transformer&#xff0c;最初由Vaswani等人在2017年的论文《Attention is All You Need》中提出&#xff0c;是自然语言处理&#xff08;NLP&#xff09;领域的一个里程碑式模型。它在许多序列到序列&#xff08;seq2seq&#xf…

恭喜了!全体前端彻底狂欢吧!这个好消息来得太及时!

在这个快速变化的科技时代&#xff0c;作为独立开发者&#xff0c;你是否常常被繁琐的开发任务压得喘不过气&#xff1f;前端开发要操心后端的各种服务搭建和接口开发&#xff0c;这些琐碎而耗时的工作常常让人头大。但现在&#xff0c;你可以松一口气了&#xff0c;因为MemFir…

【ARM-Linux篇】项目:智能家居

一、项目概述 •项目功能 通过语音控制客厅灯、卧室灯、风扇、人脸识别开门等,可以进行火灾险情监测,可以并且实现Sockect发送指令远程控制各类家电等 •项目描述 全志H616通过串口连接各模块硬件,检测语音的识别结果,分析语音识别的结果来对家电设备进行控制。摄像头拍…

java 创建带参数的对象

在Java中&#xff0c;可以使用构造方法来创建带参数的对象。构造方法是一个特殊的方法&#xff0c;用来初始化对象的属性。 以下是创建带参数的对象的步骤&#xff1a; 在类中定义一个带参数的构造方法&#xff0c;方法名与类名相同。在构造方法中定义参数&#xff0c;并通过…

Elasticsearch的Mapping

Elasticsearch的Mapping Mapping是什么 Mapping定义了ES的索引结构、字段类型、分词器等&#xff0c;是索引的一部分。类似于关系型数据库中“表结构”的概念&#xff0c;在 Mapping 里也包含了一些属性&#xff0c;比如字段名称、类型、字段使用的分词器、是否评分、是否创建…

视频上面怎样编辑文字?4种视频编辑文字方法分享

视频已成为我们日常生活中不可或缺的一部分。无论是社交分享、商业宣传还是个人记录&#xff0c;视频都以其直观、生动的特点吸引着观众的眼球。然而&#xff0c;一个优质的视频&#xff0c;除了画面和音效&#xff0c;文字编辑也是提升观看体验的关键。那么&#xff0c;如何在…

Webpack: 并行构建

概述 受限于 Node.js 的单线程架构&#xff0c;原生 Webpack 对所有资源文件做的所有解析、转译、合并操作本质上都是在同一个线程内串行执行&#xff0c;CPU 利用率极低&#xff0c;因此&#xff0c;理所当然地&#xff0c;社区出现了一些以多进程方式运行 Webpack&#xff0…

1390 - 四位数的和

问题描述 请从键盘读入一个四位整数&#xff0c;求这个四位整数各个位的和是多少&#xff1f; 输入 一个四位整数 n 。 输出 这个四位数各个位的和。 样例 输入 3456 输出 18 代码1 #include <iostream>int main() {int n;std::cin >> n;int sum 0;su…

Redis学习——Redisson 分布式锁集成及其简单使用

文章目录 引言1. Redisson概述1.1 Redisson的基本概念1.2 Redisson的主要功能1.3 Redisson的优点 2. 开发环境3. Redisson的安装与配置3.1 添加依赖3.2 配置Redisson 4. 使用Redisson4.1 可重入锁4.1.1 可重入锁的概念4.1.2 可重入锁的实现原理4.1.3 简单使用锁的获取和释放 4.…

在线疫苗预约小程序的设计

管理员账户功能包括&#xff1a;系统首页&#xff0c;个人中心&#xff0c;工作人员管理&#xff0c;管理员管理&#xff0c;用户管理&#xff0c;疫苗管理&#xff0c;论坛管理&#xff0c;公告管理 微信端账号功能包括&#xff1a;系统首页&#xff0c;公告&#xff0c;疫苗&…

【FreeRTOS】空闲任务

目录 空闲任务及其钩子函数介绍使用钩子函数的前提 实际操作任务如何退出&#xff1f;IDLE函数 空闲任务及其钩子函数 介绍 空闲任务(Idle任务)的作用之一&#xff1a;释放被删除的任务的内存。 除了上述目的之外&#xff0c;为什么必须要有空闲任务? 这是一个良好的程序&…

fastapi登录功能

fastapi登录功能 1、登录参数必须是OAuth2PasswordRequestForm类型 因为在swagger UI中的登录使用的表单传账号和密码这个类依赖python-multipart&#xff0c;使用前需安装 pip install python-multipart2、示例代码 login_router.post("", summary"登录&qu…

Linux基础 - DHCP 动态管理主机地址

目录 零. 简介 一. 部署 dhcpd 二. 提高安全性 零. 简介 DHCP&#xff08;Dynamic Host Configuration Protocol&#xff0c;动态主机配置协议&#xff09;是一种网络协议&#xff0c;用于动态地为主机分配 IP 地址、子网掩码、默认网关、DNS 服务器等网络配置信息。 其主要…

鸿蒙 HarmonyOs 动画效果 快速入门

一、理论 1.1 animation属性 名称参数类型必填描述durationnumber否设置动画时长&#xff0c;默认值&#xff1a;1000&#xff0c;单位&#xff1a;毫秒temponumber否动画播放速度。数值越大&#xff0c;速度越快&#xff0c;默认为1curvestring | Curve否 设置动画曲线。 默…

ubuntu 23 连接正点imx6ull的uboot

由于使用ubuntu23&#xff0c;无法连接正点的imx6ull的uboot&#xff0c;因为这个uboot里面的nfs是v2&#xff0c;ubuntu23内核是6.5不支持uboot v2。配置/etc/default/nfs-kernel-server sudo vim /etc/default/nfs-kernel-server 更改以下参数&#xff1a; RPCNFSDCOUNT"…

C语言--vs使用调试技巧

1.什么是bug? 1.产品说明书中规定要做的事情&#xff0c;而软件没有实现。 2.产品说明书中规定不要做的事情&#xff0c;而软件确实现了。 3.产品说明书中没有提到过的事情&#xff0c;而软件确实现了。 4.产品说明书中没有提到但是必须要做的事情&#xff0c;软件确没有实…

vue3中使用弹幕组件vue-danmaku

1、最开始使用的是vue3-marquee&#xff0c;后面发现一直有一个bug无法解决&#xff0c;就是鼠标hover到第一个弹幕上字体就会变粗&#xff0c;已经提了issue给作者&#xff0c;但是目前还未答复&#xff0c;所以就换了方案。 地址如下&#xff1a; https://github.com/megasa…