spring-boot集成spring-brick实现动态插件

news2025/2/24 6:26:00

spring-boot集成spring-brick实现动态插件

  • spring-boot集成spring-brick实现动态插件
    • 项目结构 & 需求实现
    • spring-boot集成spring-brick
      • 环境说明
      • 1. 主程序集成spring-brick
        • 第一步:引入相关依赖
        • 第二步:修改程序入口方法
        • 第三步:编写配置
        • 第四步:设置maven插件
      • 2. 准备plugin-api
        • 第一步:引入相关依赖
        • 第二步:引入相关依赖
      • 3. 实现plugin-api
        • 第一步:引入相关依赖
        • 第二步:修改程序入口方法
        • 第四步:设置maven插件
      • 4. 测试验证
    • 相关资料

项目结构 & 需求实现

提示:本文的集成说明,是针对完成此设计、此需求进行的

项目结构

demo
│ 
├─application # 主应用
│                  
└─plugin-api
    │  
    ├─plugin-qwer # plugin-qwer-api的实现示例1(注:也可以是单独的一个项目,继承不继承plugin-api均可)
    │                                              
    ├─plugin-qwer2 # plugin-qwer-api的实现示例2(注:也可以是单独的一个项目,继承不继承plugin-api均可)
    │                                          
    ├─plugin-qwer-api  # 插件qwer-api
    │                                          
    ├─plugin-xyz  # plugin-xyz-api的实现示例(注:也可以是单独的一个项目,继承不继承plugin-api均可)
    │                                          
    └─plugin-xyz-api # 插件xyz-api

需求实现

  • 主应用(application)、各个插件的实现(plugin-qwer、plugin-qwer2、plugin-xyz)均可单独启动
  • 主应用(application)启动后,可动态插拔各插件(plugin-qwer、plugin-qwer2、plugin-xyz)
  • 在plugin-api中,定义各种接口、及相关的pojo,这些接口由具体的插件实现去完成,主应用(application)面向plugin-api编程即可

spring-boot集成spring-brick

环境说明

  • spring-boot:2.6.13
  • spring-brick:3.1.1

1. 主程序集成spring-brick

第一步:引入相关依赖

更多详见here

<dependency>
    <groupId>com.gitee.starblues</groupId>
    <artifactId>spring-brick</artifactId>
    <version>3.1.1</version>
</dependency>

第二步:修改程序入口方法

更多详见here

import com.gitee.starblues.loader.launcher.SpringBootstrap;
import com.gitee.starblues.loader.launcher.SpringMainBootstrap;
import com.ideaaedi.commonspring.annotation.EnableParameterRecorder;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * main-application start class
 */
@SpringBootApplication
public class MainApplication implements SpringBootstrap {
    public static void main(String[] args) {
        // 这里使用 SpringMainBootstrap 引导启动
        SpringMainBootstrap.launch(MainApplication.class, args);
    }
    
    @Override
    public void run(String[] args) throws Exception {
        // 这里的写法和SpringBoot 启动保持一致
        SpringApplication.run(MainApplication.class, args);
    }
}

第三步:编写配置

更多配置详见here

plugin:
  # 运行模式, 开发环境: dev; 生产环境: prod
  runMode: prod
  # 主程序包名, 包名建议设置到范围最大级别,能包含主程序所有类的包名范围
  mainPackage: com.example.springbrick.application
  # 插件的路径, 可配置多个, 开发环境下配置为插件模块上级目录; 生产环境下配置到插件jar包存放目录。
  # 可使用~符号表示相对目录,比如:~/plugins,开发环境相对于开发根目录,生产环境下相对于主程序jar所在目录
  pluginPath:
    - C:/Users/Administrator/Desktop/plugin

第四步:设置maven插件

<!-- 本人引入此插件后,去除了spring-boot自身的打包插件 -->
<plugin>
    <groupId>com.gitee.starblues</groupId>
    <artifactId>spring-brick-maven-packager</artifactId>
    <version>3.1.1</version>
    <configuration>
        <mode>main</mode>
        <mainConfig>
            <!-- 指定main -->
            <mainClass>com.example.springbrick.application.MainApplication</mainClass>
            <packageType>jar</packageType>
        </mainConfig>
    </configuration>
    <executions>
        <execution>
            <goals>
                <goal>repackage</goal>
            </goals>
        </execution>
    </executions>
</plugin>

2. 准备plugin-api

第一步:引入相关依赖

<dependency>
    <groupId>com.gitee.starblues</groupId>
    <artifactId>spring-brick</artifactId>
    <version>3.1.1</version>
    <!-- 这里指定为provided即可,主程序中已经存在此artifact了  -->
    <scope>provided</scope>
</dependency>

第二步:引入相关依赖

注意:各plugin-api的包名,应该处于主程序包名(本人这里为plugin.mainPackage=com.example.springbrick.application)的子集。如果不这样设置的话,主程序和插件实现程序加载plugin-api中的类时,将被类加载器隔离

根据自己业务需要,定义业务接口及相关pojo即可,如:

在这里插入图片描述

3. 实现plugin-api

提示:各plugin-api的实现程序,继承不继承父类plugin-api都可以

第一步:引入相关依赖

更多详见here

  • 架构级依赖

    <!-- 引入要实现的plugin-api -->
    <dependency>
        <groupId>com.example</groupId>
        <artifactId>plugin-xyz-api</artifactId>
        <version>1.0.0</version>
    </dependency>
    
    <!-- 引入spring-brick-bootstrap以完成插件的引导 -->
    <dependency>
        <groupId>com.gitee.starblues</groupId>
        <artifactId>spring-brick-bootstrap</artifactId>
        <version>3.1.1</version>
    </dependency>
    
    <!-- 和主程序引入同样的spring-brick,不过这里需要设置为provided -->
    <dependency>
        <groupId>com.gitee.starblues</groupId>
        <artifactId>spring-brick</artifactId>
        <version>3.1.1</version>
        <scope>provided</scope>
    </dependency>
    
  • 业务级依赖

    <!-- spring-boot-starter依赖 -->
    <!--建议将spring-boot-starter依赖放到第一个位置, 以防止出现依赖冲突导致无法启动插件-->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter</artifactId>
        <version>2.6.13</version>
    </dependency>
    
    <!-- spring-boot-starter-web依赖. 当插件需要独立启动时,需要引入此插件。但是当要打包成插件前,需要去除此依赖(因为主程序中已经存在此依赖了) -->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
        <version>2.6.13</version>
        <scope>test</scope>
    </dependency>
            
    ...... 其他依赖
    

第二步:修改程序入口方法

更多详见here

import com.gitee.starblues.bootstrap.SpringPluginBootstrap;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * plugin start class
 */
@SpringBootApplication
public class PluginXyzApplication extends SpringPluginBootstrap {
    public static void main(String[] args) {
        new PluginXyzApplication().run(args);
    }
}

第四步:设置maven插件

更多详见here

<!-- 本人引入此插件后,去除了spring-boot自身的打包插件 -->
<plugin>
    <groupId>com.gitee.starblues</groupId>
    <artifactId>spring-brick-maven-packager</artifactId>
    <version>3.1.1</version>
    <configuration>
        <!--当前打包模式为: 开发模式-->
        <mode>prod</mode>
        <!--插件信息定义-->
        <pluginInfo>
            <!--插件id-->
            <id>plugin-xyz</id>
            <!--插件入口类, 定义说明见: 定义插件入口类-->
            <bootstrapClass>com.example.springbrick.plugin.xyz.PluginXyzApplication</bootstrapClass>
            <!--插件版本号-->
            <version>1.0.0</version>
        </pluginInfo>
    </configuration>
    <executions>
        <execution>
            <goals>
                <goal>repackage</goal>
            </goals>
        </execution>
    </executions>
</plugin>

4. 测试验证

提示:本人这里进行简单验证说明,更多验证可以去文末下载源码,自己跑起来后完成验证

  • 第一步:打包所有插件实现,然后放到主程序配置文件中(plugin.pluginPath)指定的插件位置
    在这里插入图片描述

  • 第二步:启动主程序

      .   ____          _            __ _ _
     /\\ / ___'_ __ _ _(_)_ __  __ _ \ \ \ \
    ( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \
     \\/  ___)| |_)| | | | | || (_| |  ) ) ) )
      '  |____| .__|_| |_|_| |_\__, | / / / /
     =========|_|==============|___/=/_/_/_/
     :: Spring Boot ::               (v2.6.13)
    
    2023-06-07 15:27:55.223  INFO 20520 --- [       Thread-0] c.g.s.l.launcher.SpringMainBootstrap     : Starting SpringMainBootstrap using Java 17.0.3.1 on WIN-E500OMQS07D with PID 20520 (D:\maven\repository\com\gitee\starblues\spring-brick-loader\3.1.1\spring-brick-loader-3.1.1.jar started by Administrator in D:\working\demo)
    2023-06-07 15:27:55.224  INFO 20520 --- [       Thread-0] c.g.s.l.launcher.SpringMainBootstrap     : No active profile set, falling back to 1 default profile: "default"
    2023-06-07 15:27:55.430  INFO 20520 --- [       Thread-0] c.i.c.aop.ParameterRecorderRegistrar     : registry spring-bean parameterRecorder with ConstructorArg includePrefixes -> [], excludePrefixes -> [], parameterHandleMode -> USE_JSON, pretty -> true, ignoreParamTypes -> []
    2023-06-07 15:27:55.902  INFO 20520 --- [       Thread-0] o.s.b.w.embedded.tomcat.TomcatWebServer  : Tomcat initialized with port(s): 8080 (http)
    2023-06-07 15:27:55.909  INFO 20520 --- [       Thread-0] o.apache.catalina.core.StandardService   : Starting service [Tomcat]
    2023-06-07 15:27:55.909  INFO 20520 --- [       Thread-0] org.apache.catalina.core.StandardEngine  : Starting Servlet engine: [Apache Tomcat/9.0.68]
    2023-06-07 15:27:55.990  INFO 20520 --- [       Thread-0] o.a.c.c.C.[Tomcat].[localhost].[/]       : Initializing Spring embedded WebApplicationContext
    2023-06-07 15:27:55.990  INFO 20520 --- [       Thread-0] w.s.c.ServletWebServerApplicationContext : Root WebApplicationContext: initialization completed in 737 ms
    2023-06-07 15:27:56.246  INFO 20520 --- [       Thread-0] c.i.commonspring.aop.ParameterRecorder   : Set LocalVariableTableParameterNameDiscoverer as parameterNameDiscoverer.
    2023-06-07 15:27:56.358  INFO 20520 --- [       Thread-0] o.s.b.w.embedded.tomcat.TomcatWebServer  : Tomcat started on port(s): 8080 (http) with context path ''
    2023-06-07 15:27:56.364  INFO 20520 --- [       Thread-0] c.g.s.l.launcher.SpringMainBootstrap     : Started SpringMainBootstrap in 1.377 seconds (JVM running for 1.736)
    2023-06-07 15:27:56.367  INFO 20520 --- [       Thread-0] c.g.s.i.operator.DefaultPluginOperator   : 插件加载环境: prod
    2023-06-07 15:27:56.367  INFO 20520 --- [       Thread-0] c.g.s.i.operator.DefaultPluginOperator   : 插件加载模式: isolation
    2023-06-07 15:27:56.367  INFO 20520 --- [       Thread-0] c.g.s.i.operator.DefaultPluginOperator   : 开始加载插件, 插件根路径为: 
    C:/Users/Administrator/Desktop/plugin
    2023-06-07 15:27:56.367  INFO 20520 --- [       Thread-0] c.g.s.s.web.PluginStaticResourceConfig   : 插件静态资源访问前缀配置为: /static-plugin/{pluginId}
    2023-06-07 15:27:56.382  INFO 20520 --- [       Thread-0] c.g.starblues.core.DefaultPluginManager  : 插件[plugin-qwer@1.0.0]加载成功
    2023-06-07 15:27:56.383  INFO 20520 --- [       Thread-0] c.g.starblues.core.DefaultPluginManager  : 插件[plugin-qwer2@1.0.0]加载成功
    2023-06-07 15:27:56.384  INFO 20520 --- [       Thread-0] c.g.starblues.core.DefaultPluginManager  : 插件[plugin-xyz@1.0.0]加载成功
    2023-06-07 15:27:57.446  INFO 20520 --- [       Thread-0] c.g.s.b.ConfigurePluginEnvironment       : Plugin[plugin-qwer@1.0.0]  No active profile set, falling back to default profiles : default
    2023-06-07 15:27:57.785  INFO 20520 --- [       Thread-0] c.g.starblues.core.DefaultPluginManager  : 插件[plugin-qwer@1.0.0]启动成功
    2023-06-07 15:27:58.690  INFO 20520 --- [       Thread-0] c.g.s.b.ConfigurePluginEnvironment       : Plugin[plugin-qwer2@1.0.0]  No active profile set, falling back to default profiles : default
    2023-06-07 15:27:59.033  INFO 20520 --- [       Thread-0] c.g.starblues.core.DefaultPluginManager  : 插件[plugin-qwer2@1.0.0]启动成功
    2023-06-07 15:27:59.938  INFO 20520 --- [       Thread-0] c.g.s.b.ConfigurePluginEnvironment       : Plugin[plugin-xyz@1.0.0]  No active profile set, falling back to default profiles : default
    2023-06-07 15:28:00.233  INFO 20520 --- [       Thread-0] c.g.starblues.core.DefaultPluginManager  : 插件[plugin-xyz@1.0.0]启动成功
    2023-06-07 15:28:00.234  INFO 20520 --- [       Thread-0] c.g.s.i.operator.DefaultPluginOperator   : 插件初始化完成
    
  • 访问测试类,观察控制台输出

    • 测试类长这样,访问localhost:8080/demo/hello-world接口即可

      提示:完整项目demo可去文末下载

      import com.example.springbrick.application.helper.DynamicClass;
      import com.example.springbrick.application.plugin.api.qwer.QwerService;
      import com.example.springbrick.application.plugin.api.xyz.XyzService;
      import com.example.springbrick.application.plugin.api.xyz.entity.IdInfo;
      import com.example.springbrick.application.plugin.api.xyz.entity.User;
      import com.gitee.starblues.integration.user.PluginUser;
      import org.springframework.web.bind.annotation.GetMapping;
      import org.springframework.web.bind.annotation.RequestMapping;
      import org.springframework.web.bind.annotation.RestController;
      
      import javax.annotation.Resource;
      import java.time.LocalDateTime;
      import java.util.Map;
      
      /**
       * 动态插件支持
       */
      @RestController
      @RequestMapping("/demo")
      public class DemoController {
          
          @Resource
          private PluginUser pluginUser;
          
          @GetMapping("hello-world")
          public void helloWorld() {
              User user = new User();
              user.setName("张三");
              user.setBirthday(LocalDateTime.now());
              IdInfo idInfo = new IdInfo();
              idInfo.setIdNumber("12345");
              idInfo.setExt("non");
              user.setIdInfo(idInfo);
              
              /* ------------------------------ 示例1 ------------------------------ */
              QwerService qwerService = pluginUser.getBeanByInterface("plugin-qwer", QwerService.class).get(0);
              System.err.println(qwerService.helloWorld());
              System.err.println(qwerService.helloWorld123("sdfsd"));
          
              XyzService xyzService = pluginUser.getBeanByInterface("plugin-xyz", XyzService.class).get(0);
              xyzService.helloWorld();
              System.err.println(xyzService.userInfo(user));
          
          
              System.err.println();
              System.err.println();
              
              /* ------------------------------ 示例2 ------------------------------ */
              Map<String, Object> pluginBean = pluginUser.getBean(QwerService.BEAN_NAME, false).getPluginBean();
              pluginBean.forEach((pluginId, springBean) -> {
                  System.err.println(pluginId + "      " + DynamicClass.exec(springBean, QwerService::helloWorld));
                  System.err.println(pluginId + "      " + DynamicClass.exec(springBean, QwerService.EMPTY_INSTANCE::helloWorld123, "123"));
              });
      
              pluginBean = pluginUser.getBean(XyzService.BEAN_NAME, false).getPluginBean();
              pluginBean.forEach((pluginId, springBean) -> {
                  DynamicClass.exec(springBean, XyzService::helloWorld);
                  System.err.println(pluginId + "      " + DynamicClass.exec(springBean, XyzService.EMPTY_INSTANCE::userInfo, user));
              });
          }
      }
      
    • 控制台输出

      在这里插入图片描述

相关资料

  • demo代码下载(spring-brick/demo)

  • spring-brick官方文档

  • spring-brick gitee

  • 本文已被收录进《程序员成长笔记》 ,笔者JustryDeng

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

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

相关文章

软件测试太卷了,我实在是做不到啊~

前言 本科计算机专业&#xff0c;做了四年软件测试工作&#xff0c;从一开始一脸懵的点点点&#xff0c;到现在会自动化测试了&#xff0c;浅谈一下计算机专业人员从事软件测试的一点点心得体会&#xff0c;仅供参考交流。 如果你本科学的是计算机专业&#xff0c;觉得开发那…

1092 To Buy or Not to Buy (PAT甲级)

1092. To Buy or Not to Buy (20)-PAT甲级真题_柳婼的博客-CSDN博客 柳婼的解法要更清晰一些。 下面是我的解法…… #include <iostream> #include <string>int main(){std::string a, b;bool flag true;int extra, missing;int cntA[62] {0};int cntB[62] {…

银行项目:如何大规模、高效率的做自动化测试

背景 近几年&#xff0c;各家商业银行均在大力发展自动化测试。在这一进程中&#xff0c;自动化测试的设计理念不断完善&#xff0c;新的技术不断应用&#xff0c;使得自动化测试资产的积累代价和维护代价不断降低&#xff0c;自动化测试资产的数量不断增长。 在短短几年间&…

【STM32CubeMX项目】DHT11模块

前言 在我的另一篇里文章里已经介绍过DHT11的时序理论了&#xff0c;这里介绍下&#xff0c;我写DHT11的数据获取的思路和调用。程序验证后&#xff0c;发现下述问题&#xff0c;暂时解决不了&#xff0c;但是还是会把个人的代码流程&#xff0c;函数的编写思路和工程写下&…

通过Python封装接口商品ID获取京东商品历史价格数据,京东历史价格数据,京东API接口

京东商品历史价格数据展示了该商品在一段时间内的价格变化情况&#xff0c;可作为购物决策的重要参考因素。用户可以根据历史价格数据来判断当前商品的价格是否处于一个合理水平&#xff0c;并对接下来的价格趋势进行预测。 京东商品历史价格数据可以在商品详情页面中查看&…

【华为自研】| 国产数据库 GaussDB崛起

目录 GaussDBGaussDB 简介产品优势GaussDB(for openGauss)GaussDB(for MySQL)GaussDB(for Cassandra)GaussDB(for Mongo)GaussDB(for Redis)GaussDB(for Influx) GaussDB GaussDB采用一体化架构&#xff0c;同时支持关系型和非关系型数据库引擎&#xff0c;能够满足政企全方位…

2023面试题合集(建议收藏)

写在前面 个人强烈感觉面试因人而异&#xff0c;对于简历上有具体项目经历的同学&#xff0c;个人感觉面试官会着重让你介绍自己的项目&#xff0c;包括但不限于介绍一次真实攻防/渗透/挖洞/CTF/代码审计的经历 > 因此对于自己的项目&#xff0c;面试前建议做一次复盘&…

125760-30-7,Fmoc-Ser(Ac4Galβ1-3Ac2GalNAcα)-OH,由不同糖的混合物组成,包括单糖和双糖

●常用名&#xff1a;O-[4,6-二-O-乙酰基-2-(乙酰氨基)-2-脱氧-3-O-(2,3,4,6-四-O-乙酰基-BETA-D-吡喃半乳糖基)-ALPHA-D-吡喃半乳糖基]-N-[芴甲氧羰基]-L-丝氨酸 ●英文名&#xff1a;Fmoc-Ser(Ac4Galβ1-3Ac2GalNAcα)-OH●外观以及性质&#xff1a; 陕西新研博美生物科技有限…

基于simulink仿真机械手将负载从一个灰色圆柱形平台移动到另一个平台

一、前言 此示例说明了在 Simulink 3D 动画™模型中使用全局坐标。全局坐标可以在模型中以多种方式用于对象跟踪和操作、简单的碰撞检测、触觉效果模拟等。 二、示例 虚拟世界中对象的全局坐标可通过VR源块获得。对于场景中的每个变换&#xff0c;VR 源块的“参数”对话框中的树…

第一次做SDK测试,做个笔记

一、认识SDK 1、含义 SDK是为客户端提供的特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。如拨打电话&#xff0c;摄像机&#xff0c;视频播放/录制&#xff0c;图片保存&#xff0c;预览图片&#xff0c;刷新窗口&#xff0c;显示成功状态页面…

CnOpenData短视频播主排名数据

一、数据简介 短视频即短片视频&#xff0c;是一种互联网内容传播方式&#xff0c;一般是指在互联网新媒体上传播的时长在5分钟以内的视频。随着网红经济的出现&#xff0c;视频行业逐渐崛起一批优质UGC内容制作者&#xff0c;微博、秒拍、快手、今日头条纷纷入局短视频行业&am…

DevOps实践:持续交付和自动化部署的最佳实践

引言 今天给大家分享一篇有关DevOps实践的文章。 在当今快节奏的软件开发环境中&#xff0c;为了保持竞争力&#xff0c;加速交付和提高质量已经成为必须要做到的事情。而DevOps方法论则是解决这些问题的一种综合性方案。 本文将为您介绍DevOps的最佳实践&#xff0c;包括持…

项目管理过程中常见的错误,您都知道吗?

在项目管理过程中&#xff0c;出现错误是很常见的。这些错误可能会导致项目延误、超支、质量下降&#xff0c;甚至会让整个项目失败。因此&#xff0c;了解这些错误&#xff0c;及时采取措施避免和纠正&#xff0c;是每个项目经理必须掌握的技能。 以下是一些常见的项目管理错…

Java001——认识dos和使用基本的dos命令

围绕以下4点来学习&#xff1a; 1、什么是dos? 2、dos的作用? 3、电脑中怎么操作dos? 4、操作dos有哪些基本的dos命令? 一、什么是dos&#xff1f; DOS是磁盘操作系统Disk Operating System&#xff09;的简称。 二、dos的主要作用&#xff1f; DOS 操作系统的主要功能…

Linux tomcat 8 配置访问本地文件,并且配置https

一 、Linux Tomcat 配置访问本地文件 1. 将需要被访问的文件上传至 /opt/datafile 目录下 2. 修改tomcat server.xml文件&#xff0c;增加配置 docBase:文件所在目录 path: 代理访问路劲<Context docBase"/opt/datafile/" path"files" debug"0&q…

maven私服搭建详细教程

目录 1 为什么需要私服 2 Nexus私服 2.1 Nexus下载及登录 2.2 maven仓库 2.2.1 代理仓库 2.2.2 宿主仓库 2.2.3 仓库组 3 本地Maven下载构建 3.1 pom.xml方式 3.2 镜像方式 4 本地依赖发布到私服 4.1 maven部署到nexus私服 4.1.1 快照版本 ​4.1.2 release版本 4.2 …

在这个满地测试工程师当中,测试工程师如何突破职业瓶颈?

目录 前言&#xff1a; 测试行业现状 如何破局 项目经验 开发能力 自动化测试能力 测试开发架构能力 持续测试能力 影响力 前言&#xff1a; 软件测试是为了发现程序中的错误而执行程序的过程。 通俗的说&#xff0c;软件测试需要在发布软件之前&#xff0c;尽可能的找软件的…

移动端布局之flex布局2:flex布局父项常见属性、flex布局子项常见属性、案例:携程网首页案例制作(曾经的版本)1

移动端布局之flex布局2 flex布局父项常见属性flex-flow属性 flex布局子项常见属性flex属性&#xff08;重要&#xff09;align-self控制子项自己在侧轴上的排列方式order属性定义项目的排列顺序 案例&#xff1a;携程网首页案例制作(曾经的版本)技术选型搭建相关文件夹结构设置…

Vue中class与style绑定。用v-bind绑定。完整的体验class编写style过程。

表达式结果的类型可以是字符串、对象、数组。 一、对象语法&#xff1a; 1、新建一个html文件&#xff0c;生成基本结构之后引入vue的cdn <script src"https://cdn.jsdelivr.net/npm/vue2/dist/vue.js"></script> 2、在body中写入一个id名为app的div…

4年测试经验面试,基础都不会张口就是20k,这也没谁了

现在招个合适的人可真难呀&#xff0c;不是这不会就是那不会&#xff0c;没有一个让我满意的 公司前段时间缺人&#xff0c;面试了不少的测试&#xff0c;结果居然没有一个符合要求的。一开始瞄准的就是中级测试工程师的水准&#xff0c;也没指望来技术大牛&#xff0c;提供的薪…