SpringBoot3【⑤ 核心原理】

news2024/12/23 17:50:13

1. 事件和监听器

1. 生命周期监听

场景：监听应用的生命周期

1. 监听器-SpringApplicationRunListener

  1. 自定义SpringApplicationRunListener来监听事件；
    1.1. 编写SpringApplicationRunListener 这个接口的实现类
    1.2. 在 META-INF/spring.factories 中配置 org.springframework.boot.SpringApplicationRunListener=自己的Listener，还可以指定一个有参构造器，接受两个参数(SpringApplication application, String[] args)
    1.3. springboot 在spring-boot.jar中配置了默认的 Listener，如下

在这里插入图片描述
补充一下：Springboot老版本其实自动配置类的对应导入的kv键值对其实不在现在的 META-INF/spring/xxxxxx.Imports 下，而是 META-INF/spring.factories里面
在这里插入图片描述
在这里插入图片描述
雷神源码讲解spring主程序启动

public class MyAppListener implements SpringApplicationRunListener {
    @Override
    public void starting(ConfigurableBootstrapContext bootstrapContext) {
        System.out.println("===========starting=============正在启动=======================");
    }

    @Override
    public void environmentPrepared(ConfigurableBootstrapContext bootstrapContext, ConfigurableEnvironment environment) {
        System.out.println("===========environmentPrepared=============环境准备完成=======================");
    }

    @Override
    public void contextPrepared(ConfigurableApplicationContext context) {
        System.out.println("===========contextPrepared=============ioc容器准备完成=======================");
    }

    @Override
    public void contextLoaded(ConfigurableApplicationContext context) {
        System.out.println("===========contextLoaded=============ioc容器加载完成=======================");
    }

    @Override
    public void started(ConfigurableApplicationContext context, Duration timeTaken) {
        System.out.println("===========started=============应用启动完成=======================");
    }

    @Override
    public void ready(ConfigurableApplicationContext context, Duration timeTaken) {
        System.out.println("===========ready=============应用准备就绪=======================");
    }

    @Override
    public void failed(ConfigurableApplicationContext context, Throwable exception) {
        System.out.println("===========failed=============应用启动失败=======================");
    }
}

源码的run方法，先进行引导步骤
在这里插入图片描述
源码可见当contextPrepared进行的时候，正是引导结束的时候，标志着ioc容器创建成功但是sources（主配置类）没加载。并关闭引导上下文；组件都没创建
在这里插入图片描述
contextLoaded->主配置类加载但是没有刷新【说明Bean没创建，但是会加载Bean的定义信息，需要刷新才能把组件创建出来】(前几节讲过，可以从主程序的run（）方法一路点，找到刷新容器的方法，必须经历spring容器刷新的12大步，才能把各种组件装到spring容器里面）
在这里插入图片描述

-----------------------------------------------------截至以前，ioc容器里面还没造bean-----------------------------------------------------

started： ioc容器刷新了（所有bean造好了），但是 runner 没调用。
在这里插入图片描述
可以在主程序的run方法里面看到started方法调用完了之后，就会调用callRunners方法，如果没有出现异常，就会依次调用listener的ready方法

在这里插入图片描述
而在主程序run方法中其实可以发现，在starting之后，runner调用之前，出现的异常都被它捕获到，在此期间出现异常会调用handleRunFailue方法处理运行失败

在这里插入图片描述
而调用handleRunFailue方法的情况下，第一步就是如果存在listenners，就调用它的failed方法，至此，全部的方法执行位置和大致流程就看完了
在这里插入图片描述

原理——>

Listener先要从 META-INF/spring.factories 读到

 1、引导： 利用 BootstrapContext 引导整个项目启动
      starting：              应用开始，SpringApplication的run方法一调用，只要有了 BootstrapContext 就执行
      environmentPrepared：   环境准备好（把启动参数等绑定到环境变量中），但是ioc还没有创建；
      这里的【once】应该被翻译为【一旦】环境准备好，ioc容器还没创建之前 而不是【只会调一次】
 2、启动：
      contextPrepared：       ioc容器创建并准备好，但是sources（主配置类）没加载。并关闭引导上下文；组件都没创建  【调一次】
      contextLoaded：         ioc容器加载。主配置类加载进去了。但是ioc容器还没刷新（我们的bean没创建）。
      =======截止以前，ioc容器里面还没造bean呢=======
      started：               ioc容器刷新了（所有bean造好了），但是 runner 没调用。
      ready:                  ioc容器刷新了（所有bean造好了），所有 runner 调用完了。
 3、运行
     以前步骤都正确执行，代表容器running。

2. 生命周期全流程

雷神源码讲解spring的九大事件和探针
在这里插入图片描述

2. 事件触发时机

1. 各种回调监听器

一旦看到某个源码的方法，看到 xxxxgetSpringFactoriesxxxxxx()，就知道是读spring.factories 文件的。

  • BootstrapRegistryInitializer： 感知特定阶段：感知 引导初始化
    • META-INF/spring.factories
    • run方法启动第一步（严格第一步其实是记录时间戳）就创建引导上下文，创建引导上下文bootstrapContext的时候触发。
    • application.addBootstrapRegistryInitializer();
    • 应用场景：项目启动之初可以利用它，进行密钥校对授权。
  • ApplicationContextInitializer： 感知特定阶段： 感知ioc容器初始化
    • META-INF/spring.factories
    • application.addInitializers();
  • ApplicationListener： 感知全阶段：基于事件机制，感知事件(onEvent()方法)。 一旦到了哪个阶段可以做别的事

    • @Bean或@EventListener： 事件驱动

    • SpringApplication.addListeners(…)或 SpringApplicationBuilder.listeners(…)

    • 在这里插入图片描述

    • META-INF/spring.factories

  • SpringApplicationRunListener： 感知全阶段生命周期 + 各种阶段都能自定义操作； 功能更完善。
    • META-INF/spring.factories
  • ApplicationRunner: 感知特定阶段：感知应用就绪Ready。卡死应用，就不会就绪
    • @Bean
  • CommandLineRunner： 感知特定阶段：感知应用就绪Ready。卡死应用，就不会就绪
    • @Bean

Runner怎么使用（根据源码：需要放入ioc容器）
在这里插入图片描述
在这里插入图片描述

最佳实战：

  • 如果项目启动前做事： BootstrapRegistryInitializer 和 ApplicationContextInitializer
  • 如果想要在项目启动完成后做事：ApplicationRunner和 CommandLineRunner
  • 如果要干涉生命周期做事：SpringApplicationRunListener
  • 如果想要用事件机制：ApplicationListener

2. 完整触发流程

9大事件触发顺序&时机

  1. ApplicationStartingEvent：应用启动但未做任何事情, 除过注册listeners and initializers.
  2. ApplicationEnvironmentPreparedEvent： Environment 准备好，但context 未创建.
  3. ApplicationContextInitializedEvent: ApplicationContext 准备好，ApplicationContextInitializers 调用，但是任何bean未加载
  4. ApplicationPreparedEvent： 容器刷新之前，bean定义信息加载
  5. ApplicationStartedEvent： 容器刷新完成， runner未调用
    =以下就开始插入了探针机制====
  6. AvailabilityChangeEvent： LivenessState.CORRECT应用存活； 存活探针
  7. ApplicationReadyEvent: 任何runner被调用
  8. AvailabilityChangeEvent：ReadinessState.ACCEPTING_TRAFFIC 就绪探针，可以接请求
  9. ApplicationFailedEvent ：启动出错
    在这里插入图片描述
    应用事件发送顺序如下：
    在这里插入图片描述

感知应用是否存活了：可能植物状态，虽然活着但是不能处理请求。
应用是否就绪了：能响应请求，说明确实活的比较好。

3. SpringBoot 事件驱动开发

springboot事件驱动开发讲解

应用启动过程生命周期事件感知（9大事件）、应用运行中事件感知（无数种）。

  • 事件发布：ApplicationEventPublisherAware或注入：ApplicationEventMulticaster
  • 事件监听：组件 + @EventListener

在这里插入图片描述
在这里插入图片描述
之前只能通过Controller类中注入数个Service然后利用他们的方法进行功能实现
在这里插入图片描述

事件发布者

@Service
public class EventPublisher implements ApplicationEventPublisherAware {

    /**
     * 底层发送事件用的组件，SpringBoot会通过ApplicationEventPublisherAware接口自动注入给我们
     * 事件是广播出去的。所有监听这个事件的监听器都可以收到
     */
    ApplicationEventPublisher applicationEventPublisher;

    /**
     * 所有事件都可以发
     * @param event
     */
    public void sendEvent(ApplicationEvent event) {
        //调用底层API发送事件
        applicationEventPublisher.publishEvent(event);
    }

    /**
     * 会被自动调用，把真正发事件的底层组组件给我们注入进来
     * @param applicationEventPublisher event publisher to be used by this object
     */
    @Override
    public void setApplicationEventPublisher(ApplicationEventPublisher applicationEventPublisher) {
        this.applicationEventPublisher = applicationEventPublisher;
    }
}

事件订阅者

实现接口的写法——> 更推荐下面的使用自定义方法和注解的方法

@Service
public class StealService implements ApplicationListener<LoginSuccessEvent> {

    public void steal(UserEntity userEntity){
        System.out.println("-------盗号成功---------");
        System.out.println(userEntity.getUserName() + ":" + userEntity.getPassword());
    }

    @Override
    public void onApplicationEvent(LoginSuccessEvent event) {
        System.out.println("StealService=====  收到事件  =======");
        UserEntity userEntity = (UserEntity) event.getSource();
        steal(userEntity);
    }
}

使用自定义方法和注解的方法

@Service
public class CouponService {

    @Order(1)
    @EventListener
    public void onEvent(LoginSuccessEvent loginSuccessEvent){
        System.out.println("===== CouponService ====感知到事件"+loginSuccessEvent);
        UserEntity source = (UserEntity) loginSuccessEvent.getSource();
        sendCoupon(source.getUsername());
    }

    public void sendCoupon(String username){
        System.out.println(username + " 随机得到了一张优惠券");
    }
}

2. 自动配置原理

1. 入门理解

应用关注的三大核心：场景、配置、组件

1. 自动配置流程

在这里插入图片描述

  1. 导入starter
  2. 依赖导入autoconfigure
  3. 寻找类路径下 META-INF/spring/org.springframework.boot.autoconfigure.AutoConfiguration.imports文件
  4. 启动，加载所有 自动配置类 xxxAutoConfiguration
    a. 给容器中配置功能组件
    b. 组件参数绑定到 属性类中。xxxProperties
    c. 属性类和配置文件前缀项绑定
    d. @Contional派生的条件注解进行判断是否组件生效
  5. 效果：
    a. 修改配置文件，修改底层参数
    b. 所有场景自动配置好直接使用
    c. 可以注入SpringBoot配置好的组件随时使用

2. SPI机制

  • Java中的SPI（Service Provider Interface）是一种软件设计模式，用于在应用程序中动态地发现和加载组件。 SPI的思想是，定义一个接口或抽象类，然后通过在classpath中定义实现该接口的类来实现对组件的动态发现和加载。
  • SPI的主要目的是解决在应用程序中使用可插拔组件的问题。例如，一个应用程序可能需要使用不同的日志框架或数据库连接池，但是这些组件的选择可能取决于运行时的条件。通过使用SPI，应用程序可以在运行时发现并加载适当的组件，而无需在代码中硬编码这些组件的实现类。
  • 在Java中，SPI的实现方式是通过在META-INF/services目录下创建一个以服务接口全限定名为名字的文件，文件中包含实现该服务接口的类的全限定名。当应用程序启动时，Java的SPI机制会自动扫描classpath中的这些文件，并根据文件中指定的类名来加载实现类。
  • 通过使用SPI，应用程序可以实现更灵活、可扩展的架构，同时也可以避免硬编码依赖关系和增加代码的可维护性。
    以上回答来自ChatGPT-3.5

在SpringBoot中，META-INF/spring/org.springframework.boot.autoconfigure.AutoConfiguration.imports

作业：写一段java的spi机制代码

3. 功能开关

  • 自动配置：全部都配置好，什么都不用管。 自动批量导入
    • 项目一启动，spi文件中指定的所有都加载。
  • @EnableXxxx：手动控制哪些功能的开启； 手动导入。
    • 开启xxx功能
    • 都是利用 @Import 把此功能要用的组件导入进去

2. 进阶理解

1. @SpringBootApplication

@SpringBootConfiguration

就是： @Configuration ，容器中的组件，配置类。spring ioc启动就会加载创建这个类对象

@EnableAutoConfiguration：开启自动配置

开启自动配置 具体细节分析——>第二节

@AutoConfigurationPackage：扫描主程序包：加载自己的组件

  • 利用 @Import(AutoConfigurationPackages.Registrar.class) 想要给容器中导入组件（获取主程序的信息，然后通过注册方法批量注册）。
  • 把主程序所在的包的所有组件导入进来。
  • 为什么SpringBoot默认只扫描主程序所在的包及其子包

@Import(AutoConfigurationImportSelector.class)：加载所有自动配置类：加载starter导入的组件

		List<String> configurations = ImportCandidates.load(AutoConfiguration.class, getBeanClassLoader())
			.getCandidates();

扫描SPI文件：META-INF/spring/org.springframework.boot.autoconfigure.AutoConfiguration.imports

@ComponentScan

组件扫描：排除一些组件（哪些不要）
排除前面已经扫描进来的配置类、和自动配置类。

@ComponentScan(excludeFilters = { @Filter(type = FilterType.CUSTOM, classes = TypeExcludeFilter.class),
      @Filter(type = FilterType.CUSTOM, classes = AutoConfigurationExcludeFilter.class) })

2. 完整启动加载流程

生命周期启动加载流程
在这里插入图片描述

3. 自定义starter

场景：抽取聊天机器人场景，它可以打招呼。
效果：任何项目导入此starter都具有打招呼功能，并且问候语中的人名需要可以在配置文件中修改

    1. 创建自定义starter项目，引入spring-boot-starter基础依赖
    1. 编写模块功能，引入模块所有需要的依赖。
    1. 编写xxxAutoConfiguration自动配置类，帮其他项目导入这个模块需要的所有组件
    1. 编写配置文件META-INF/spring/org.springframework.boot.autoconfigure.AutoConfiguration.imports指定启动需要加载的自动配置
    1. 其他项目引入即可使用

1. 业务代码

自定义配置有提示。导入以下依赖重启项目，再写配置文件就有提示

@ConfigurationProperties(prefix = "robot")  //此属性类和配置文件指定前缀绑定
@Component
@Data
public class RobotProperties {

    private String name;
    private String age;
    private String email;
}


<!--        导入配置处理器，配置文件自定义的properties配置都会有提示-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-configuration-processor</artifactId>
            <optional>true</optional>
        </dependency>

2. 基本抽取

  • 创建starter项目，把公共代码需要的所有依赖导入
  • 把公共代码复制进来
  • 自己写一个 RobotAutoConfiguration，给容器中导入这个场景需要的所有组件
    • 为什么这些组件默认不会扫描进去？
    • starter所在的包和 引入它的项目的主程序所在的包不是父子层级
  • 别人引用这个starter，直接导入这个 RobotAutoConfiguration,就能把这个场景的组件导入进来
  • 功能生效。
  • 测试编写配置文件

3. 使用@EnableXxx机制

@Retention(RetentionPolicy.RUNTIME)
@Target({ElementType.TYPE})
@Documented
@Import(RobotAutoConfiguration.class)
public @interface EnableRobot {


}

别人引入starter需要使用 @EnableRobot开启功能

4. 完全自动配置

  • 依赖SpringBoot的SPI机制
  • META-INF/spring/org.springframework.boot.autoconfigure.AutoConfiguration.imports 文件中编写好我们自动配置类的全类名即可
  • 项目启动，自动加载我们的自动配置类

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

前端Vue组件Mixin技术

前端Vue组件Mixin技术

前端vue组件开发的一大优势在于可以提高代码的复用性。极大的提升开发效率&#xff0c;通过Mixin技术&#xff0c;我们可以实现类似继承的效果&#xff0c;组件的复用性可以得到加强。 当我们开发前端项目时&#xff0c;可能会定义非常多的组件&#xff0c;这些组件中可能有部…
阅读更多...
SpringBoot3【⑥ 场景整合：①NoSQL：Redis】

SpringBoot3【⑥ 场景整合：①NoSQL：Redis】

0. Docker安装 输入如下参数 sudo yum install -y yum-utilssudo yum-config-manager \--add-repo \https://download.docker.com/linux/centos/docker-ce.reposudo yum install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-pluginsudo syst…
阅读更多...
Jupyter Notebook的内核添加新的虚拟环境

Jupyter Notebook的内核添加新的虚拟环境

最近&#xff0c;在搭建环境的时候发现 Jupyter Notebook 的内核只有基础的python和pytorch&#xff0c;现在我想要在 Jupyter Notebook 中使用新的虚拟环境。 下面是解决的方法&#xff1a; &#xff08;1&#xff09;首先在Anaconda Prompt中激活虚拟环境&#xff0c;比如我…
阅读更多...
Android TV：自定义Leanback的VideoDetailsFragment

Android TV：自定义Leanback的VideoDetailsFragment

在Android studio新建TV项目的demo上做修改，实现一下需求： 1、去掉顶部背景区域 2、修改中间详情区域高度 3、修改整体背景界面 效果如图： 搜遍全网，没有找到一个解决方案。只能考自己看代码来自定义实现了。 1、去掉顶部背景区域： VideoDetailsFragment中重写setupD…
阅读更多...
SpringBoot 的 概念、创建和运行

SpringBoot 的 概念、创建和运行

目录 1.什么是Spring Boot&#xff1f; 为什么要学Spring Boot&#xff1f; SpringBoot的优点 Spring Boot 项目创建 前置工作&#xff1a;配置国内源 使用 idea 创建 Spring Boot 项目 网页版创建&#xff08;了解&#xff09; 拓展&#xff1a;删除 项目中无用的目录和…
阅读更多...
Matlab学习-轨迹热力图绘制

Matlab学习-轨迹热力图绘制

Matlab学习-轨迹热力图绘制 参考链接&#xff1a; MathWork-scatter函数使用 问题需求&#xff1a; 需要将轨迹上的点另一维信息同时显示在图上&#xff0c;比如横纵向误差等&#xff0c;这个时候画轨迹与误差的热力图就能很好同时反应位置和定位误差之间的关系&#xff1b;…
阅读更多...
缓冲流~~

缓冲流~~

1&#xff1a;概述 缓冲流也称高效流&#xff0c;或者高级流。之前学习的字节流可以称为原始流。作用&#xff1a;缓冲流自带缓冲区&#xff0c;可以提高原始字节流&#xff0c;字符流读写数据的性能。 可以提高读写数据的效率。它通过在内存中创建缓冲区来减少对底层数据源的…
阅读更多...
MATLAB图像处理实现高光抑制

MATLAB图像处理实现高光抑制

下面是的几个用MATLAB进行高光抑制的处理例子。 1. 基于最大值滤波的亮光抑制方法 原理是用某像素周围一定大小的邻域中的最大值减去该像素值&#xff0c;可达到亮光抑制的效果。在MATLAB中&#xff0c;可以使用mat2gray函数将图像归一化后&#xff0c;再使用imextendedmax函…
阅读更多...
Android Stuido Proguard Retrace Unscrambler直接reProguard反混淆retrace日志

Android Stuido Proguard Retrace Unscrambler直接reProguard反混淆retrace日志

Android Stuido Proguard Retrace Unscrambler直接reProguard反混淆retrace日志 &#xff08;1&#xff09;如果Android Studio里面没有安装下列插件之一的&#xff0c;在Settings的Plugins里面安装其中一个&#xff1a; &#xff08;2&#xff09;菜单栏中的code里面找到反混…
阅读更多...
sphinx pdoc 生成API文档

sphinx pdoc 生成API文档

文章目录 sphinxinstall pdoc sphinx install pip install sphinx sphinx_rtd_theme sphinx-autobuild pip install recommonmark sphinx_markdown_tables sphinx-quickstart 选 y Project language [en]: zh_CN conf.py: import sys sys.path.append(..)extensions [sph…
阅读更多...
Word公式大括号左对齐

Word公式大括号左对齐

1、大括号公式如下&#xff1a; 2、依次选中每一行&#xff0c;然后在开头输入一个&&#xff0c;然后回车&#xff1a; 3、当最后一行输入完立马可以发现左对齐了&#xff1a; The higher I got, the more amazed I was by the view.
阅读更多...
docker安装maven私服nexus及其配置使用

docker安装maven私服nexus及其配置使用

目录 docker搭建nexus登录私服管理后台重置admin密码 配置仓库 docker搭建nexus 下载 Nexus3 镜像 docker pull sonatype/nexus3创建宿主机挂载目录 mkdir –vp /usr/local/nexus-data记得修改权限 chmod 775 /usr/local/nexus-data创建 Nexus3 容器 docker run --privile…
阅读更多...
C# 使用HttpListener时候异常（此平台不支持此操作：System.PlatformNotSupportedException）

C# 使用HttpListener时候异常（此平台不支持此操作：System.PlatformNotSupportedException）

C# 使用HttpListener时候异常&#xff08;此平台不支持此操作&#xff1a;System.PlatformNotSupportedException&#xff09; 代码&#xff1a; HttpListener listener new HttpListener(); 错误&#xff1a; System.PlatformNotSupportedException: Operation is not su…
阅读更多...
采用匿名内部类形式定义Handler有什么不妥？

采用匿名内部类形式定义Handler有什么不妥？

写这篇博客&#xff0c;是为分析Handler引起内存泄漏做准备。 目录 匿名内部类的含义是什么&#xff1f;匿名内部类的三种情况非静态内部类为什么会持有外部类的引用&#xff1f; 匿名内部类的含义是什么&#xff1f; 首先是内部类&#xff0c;&#xff08;内部类不难理解&am…
阅读更多...
WPS Office AI实战：一键生成PPT幻灯片

WPS Office AI实战：一键生成PPT幻灯片

前些天WPS Office AI放出来内测申请&#xff0c;相信不少小伙伴都拿到了体验资格&#xff0c;不知道体验到国产AI的魅力没有&#xff1f;作为写作中的重头戏&#xff0c;一张PPT的制作让不少小伙伴面露难色&#xff0c;单排版布局这一项就足以让人望而却步。 AI 在写作中的应用…
阅读更多...
使用EXCEL公式编程从网页获取股票数据并保存到excel

使用EXCEL公式编程从网页获取股票数据并保存到excel

共享文件地址 在dataexcel服务器的 /示例/03函数示例/获取股票数据8.fexm 路径 公式脚本 var urlcelltext("URL");//获取单元格ID为URL的单元格内容 var txtWebGet(url); //从网页获取数据 cellvalue("data",txt); //将获取到的数据库保存到ID为DATA的单…
阅读更多...
SSM学习笔记-------MyBatis

SSM学习笔记-------MyBatis

MyBatis学习笔记 一、入门二、XML配置1、configuration&#xff08;配置&#xff09;2、properties&#xff08;属性&#xff09;3、settings&#xff08;设置&#xff09;4、typeAliases&#xff08;类型别名&#xff09;5、typeHandlers&#xff08;类型处理器&#xff09;6、…
阅读更多...
Elasticsearch Dump的详细安装和迁移es索引和数据的使用教程

Elasticsearch Dump的详细安装和迁移es索引和数据的使用教程

前言 如果希望将数据导出到本地文件而不是通过编程方式处理&#xff0c;可以考虑使用Elasticsearch的导出工具&#xff0c;如Elasticsearch Dump&#xff08;Elasticdump&#xff09;或Elasticsearch Exporter。这些工具可以将Elasticsearch索引中的数据导出为可用于后续处理的…
阅读更多...
备战秋招002（20230704）

备战秋招002（20230704）

文章目录 前言一、今天学习了什么&#xff1f;二、关于问题的答案1.线程池2.synchronized关键字3、volatile 总结 前言 提示&#xff1a;这里为每天自己的学习内容心情总结&#xff1b; Learn By Doing&#xff0c;Now or Never&#xff0c;Writing is organized thinking. …
阅读更多...
vue3+wangEditor5/vue-quill自定义上传音频+视频

vue3+wangEditor5/vue-quill自定义上传音频+视频

一.各种编辑器分析 Quill 这是另一个常用的富文本编辑器&#xff0c;它提供了许多可定制的功能和事件&#xff0c;并且也有一2个官方的 Vue 3 组件 wangEditor5 wangEditor5用在Vue3中自定义扩展音频、视频、图片菜单&#xff1b;并扩展音频元素节点&#xff0c;保证音频节…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023