12.SpringCloud Stream消息驱动

秒速五厘米 2022-12-26 15:29 201阅读 0赞

### **SpringCloud系列文章列表** ###

[0. SpringCloud实战专栏介绍准备][0. SpringCloud]  
[1. SpringCloud父工程搭建][1. SpringCloud]  
[2. 服务注册中心之Eureka（单机＋集群+Ribbon调用）][2. _Eureka_Ribbon]  
[3. 服务注册中心之Zookeeper][3. _Zookeeper]  
[4. 服务注册中心之Consul][4. _Consul]  
[5. eureka、zookeeper和consul三种注册中心之间的区别][5. eureka_zookeeper_consul]  
[6. 负载均衡服务调用之Ribbon][6. _Ribbon]  
[7. 服务调用之OpenFeign][7. _OpenFeign]  
[8. Hystrix断路器全面实战总结][8. Hystrix]  
[9. SpringCloud Gateway网关][9. SpringCloud Gateway]  
[10. SpringCloud Config配置中心][10. SpringCloud Config]  
[11. SpringCloud Bus消息总线][11. SpringCloud Bus]  
[12. SpringCloud Stream消息驱动][12. SpringCloud Stream]  
[13. SpringCloud Sleuth分布式请求链路追踪][13. SpringCloud Sleuth]

### 目录 ###

*   *   *  \*\*SpringCloud系列文章列表\*\*
         *  1 介绍
         *   *  1.1 是什么？
             *  1.2 设计思想
             *   *  1.2.1 标准MQ
                 *  1.2.2 Cloud Stream
                 *  1.2.3 SpringCloud Stream 标准流程套路
                 *  1.2.4 编码API和常用注解
         *  2 项目实战
         *   *  2.1 搭建RabbitMQ服务
             *  2.2 消息驱动之生产者
             *  2.3 消息驱动之消费者
             *  2.4 分组消费和持久化
             *   *  2.4.1 新建消费者模块
                 *  2.4.1 解决重复消费问题
                 *  2.4.2 解决持久化问题

> 前言  
> 同一个系统架构中可能存在多种消息中间件，如rabbitmq，kafka等。给开发维护带来成本。  
> 而SpringCloud Stream消息驱动就是一种能够屏蔽底层消息中间件的差异，实现统一消息的编程模型。  
> 换句话说，就是你不用管底层是rabbitmq还是kafka，都用同一种方式去实现消息发布订阅。

### 1 介绍 ###

> 官方文档：  
> https://spring.io/projects/spring-cloud-stream  
> 中文 hhttps://www.springcloud.cc/spring-cloud-greenwich.html\#\_spring\_cloud\_stream  
> https://m.wang1314.com/doc/webapp/topic/20971999.html

#### 1.1 是什么？ ####

![在这里插入图片描述][20201206151903580.png]  
Spring Cloud Stream是一个框架，用于构建与共享消息传递系统连接的高度可扩展的事件驱动型微服务。 该框架提供了一个灵活的编程模型，该模型基于已经建立并熟悉的Spring习语和最佳实践，包括对持久发布的支持。

一句话，即屏蔽底层消息中间件的差异，降低切换版本，统一消息的编程模型。

#### 1.2 设计思想 ####

##### 1.2.1 标准MQ #####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70]  
生产者和消费者之间靠消息媒介传递信息内容 Message  
消息必须走特定的通道 MessageChannel  
消息通道里的消息如何被消费呢？谁负责收发处理：消息通道MessageChannel的子接口SubscribableChannel,由Messagehandle消息处理器订阅

##### 1.2.2 Cloud Stream #####

*  为什么用Cloud Stream  
    比方说我们用到了RabbitMQ和Kafka，由于这两个消息中间件的架构上的不同，像RabbitMQ有exchange，kafka有Topic和Partitions分区。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 1]

这些中间件的差异性导致我们实际项目开发给我们造成了一定的困扰，我们如果用了两个消息队列的其中一种，后面的业务需求,想往另外一种消息队列进行迁移，这时候无疑就是一个灾难性的，**一大堆东西都要重新推倒重新做**，因为它跟我们的系统耦合了,这时候springcloud Stream给我们提供了—种解耦合的方式。

*  Stream凭什么可以统一底层差异  
    在没有绑定器这个概念的情况下，我们的SpringBoot应用要直接与消息中间件进行信息交互的时候,由于各消息中间件构建的初衷不同，它们的实现细节上会有较大的差异性  
    通过定义绑定器**Binder**作为中间层，完美地实现了**应用程序与消息中间件细节之间的隔离**。  
    通过向应用程序暴露统一的Channel通道，使得应用程序不需要再考虑各种不同的消息中间件实现。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 2]  
    Stream对消息中间件的进一步封装，可以做到代码层面对中间件的无感知，甚至于动态的切换中间件（rabbitmq切换kafka），使得微服务开发的高度解耦，服务可以关注更多自己的业务流程。  
    input对应消费者，output对应生产者。
 *  Stream中的消息通信方式遵循了发布-订阅模式  
    Topic主题进行广播，在RabbitMQ中就是Exchange交换机，在kafka中就是Topic

##### 1.2.3 SpringCloud Stream 标准流程套路 #####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 4]

*  Binder  
    很方便的连接中间件，屏蔽差异
 *  Channel  
    通道，是队列Queue的一种抽象，在消息通讯系统中就是实现存储和转发的媒介，通过对Channel对队列进行配置
 *  Source、Sink  
    简单的可理解为参照对象是SpringCloud Stream自身，从Stream发布消息就是输出，接收消息就是输入

##### 1.2.4 编码API和常用注解 #####

<table> 
 <thead> 
  <tr> 
   <th>组成</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Middleware</td> 
   <td>中间件，目前仅支持RabbitMQ和Kafka</td> 
  </tr> 
  <tr> 
   <td>Binder</td> 
   <td>Binder是应用与消息中间件之间的封装，目前实现了Kafka和RabbitMQ的Binder，通过Binder可以很方便的连接中间件，可以动态的改变消息类型(对应于Kafka的topic,RabbitMQ的exchange)，这些都可以通过配置文件来实现</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>@Input</td> 
   <td>注解标识输入通道，通过该输入通道接收到的消息进入应用程序</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>@Output</td> 
   <td>注解标识输出通道，发布的消息将通过该通道离开应用程序</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>@StreamListener</td> 
   <td>监听队列，用于消费者的队列的消息接收</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>@EnableBinding</td> 
   <td>将信道channel和exchange绑定在一起</td> 
  </tr> 
 </tbody> 
</table>

### 2 项目实战 ###

案例说明：  
新建三个模块工程，  
cloud-stream-rabbitmq-provider8801，作为生产者进行发送消息  
cloud-stream-rabbitmq-consumer8802， 作为消费者进行接收消息  
cloud-stream-rabbitmq-consumer8803， 作为消费者进行接收消息

#### 2.1 搭建RabbitMQ服务 ####

直接用docker安装，不会装docker的可以私聊我，回头再出个教程。

# rabbitmq 3.8.9版本(带界面)
    docker run -d  --name some-rabbit -e RABBITMQ_DEFAULT_USER=guest -e RABBITMQ_DEFAULT_PASS=guest -p 5672:5672 -p 15672:15672 rabbitmq:3.8.9-management

访问http://服务器ip:15672  
输入guest 、 guest登录  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70_pic_center]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70_pic_center 1]

#### 2.2 消息驱动之生产者 ####

新建模块 cloud-stream-rabbitmq-provider8801

*  pom.xml

<dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-starter-stream-rabbit</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-web</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-actuator</artifactId>
            </dependency>

*  application.yml

server:
      port: 8801
    spring:
      application:
        name: cloud-stream-provider
      cloud:
        stream:
          binders: # 在此处配置要绑定的rabbitmq的服务信息；
            defaultRabbit: # 表示定义的名称，用于于binding整合
              type: rabbit # 消息组件类型
              environment: # 设置rabbitmq的相关的环境配置
                spring:
                  rabbitmq:
                    host: 106.75.254.233
                    port: 5672
                    username: guest
                    password: guest
          bindings: # 服务的整合处理
            output: # 这个名字是一个通道的名称
              destination: studyExchange # 表示要使用的Exchange名称定义
              content-type: application/json # 设置消息类型，本次为json，文本则设置“text/plain”
              binder: defaultRabbit  # 设置要绑定的消息服务的具体设置
      rabbitmq:
        host: 106.75.254.233
        port: 5672
        username: guest
        password: guest
    eureka:
      client: # 客户端进行Eureka注册的配置
        service-url:
          defaultZone: http://localhost:7001/eureka
      instance:
        lease-renewal-interval-in-seconds: 2 # 设置心跳的时间间隔（默认是30秒）
        lease-expiration-duration-in-seconds: 5 # 如果现在超过了5秒的间隔（默认是90秒）
        instance-id: send-8801.com  # 在信息列表时显示主机名称
        prefer-ip-address: true # 访问的路径变为IP地址

*  发消息业务类  
    新增接口类IMessageProvider.java

public interface IMessageProvider { 
    	//发送消息
        String send();
    }

新增接口实现类MessageProviderImpl.java  
发送的消息内容是一个随机串UUID

package com.chouxiaozi.service;
    
    import org.springframework.cloud.stream.annotation.EnableBinding;
    import org.springframework.cloud.stream.messaging.Source;
    import org.springframework.messaging.MessageChannel;
    import org.springframework.messaging.support.MessageBuilder;
    
    import javax.annotation.Resource;
    import java.util.UUID;
    
    @EnableBinding(Source.class) //定义消息的推送管道
    public class MessageProviderImpl implements IMessageProvider { 
    
        @Resource
        private MessageChannel output; //消息发送管道
    
        @Override
        public String send() { 
            String serial = UUID.randomUUID().toString();
            output.send(MessageBuilder.withPayload(serial).build());
            System.out.println("**********send() serial: ="+ serial);
            return serial;
        }
    }

*  启动类  
    无额外注解
 *  web接口

@RestController
    public class MessageSendController { 
    
        @Autowired
        IMessageProvider messageProvider;
    
        @GetMapping("/sendMessage")
        public String sendMessage() { 
        	//发送消息
            return messageProvider.send();
        }
    }

#### 2.3 消息驱动之消费者 ####

新建模块 cloud-stream-rabbitmq-consumer8802

*  pom.xml  
    同生产者一样
 *  application.yml

server:
      port: 8802
    
    spring:
      application:
        name: cloud-stream-consumer
      cloud:
        stream:
          binders: # 在此处配置要绑定的rabbitmq的服务信息；
            defaultRabbit: # 表示定义的名称，用于于binding整合
              type: rabbit # 消息组件类型
              environment: # 设置rabbitmq的相关的环境配置
                spring:
                  rabbitmq:
                    host: 106.75.254.233
                    port: 5672
                    username: guest
                    password: guest
          bindings: # 服务的整合处理
            input: # 这个名字是一个通道的名称
              destination: studyExchange # 表示要使用的Exchange名称定义
              content-type: application/json # 设置消息类型，本次为json，文本则设置“text/plain”
              binder: defaultRabbit  # 设置要绑定的消息服务的具体设置
    
      rabbitmq:
        host: 106.75.254.233
        port: 5672
        username: guest
        password: guest
    
    eureka:
      client: # 客户端进行Eureka注册的配置
        service-url:
          defaultZone: http://localhost:7001/eureka
      instance:
        lease-renewal-interval-in-seconds: 2 # 设置心跳的时间间隔（默认是30秒）
        lease-expiration-duration-in-seconds: 5 # 如果现在超过了5秒的间隔（默认是90秒）
        instance-id: consumer-8802.com  # 在信息列表时显示主机名称
        prefer-ip-address: true # 访问的路径变为IP地址

*  接收消息业务类  
    ReceiveMessageController.java

package com.chouxiaozi.controller;
    
    import org.springframework.beans.factory.annotation.Value;
    import org.springframework.cloud.stream.annotation.EnableBinding;
    import org.springframework.cloud.stream.annotation.StreamListener;
    import org.springframework.cloud.stream.messaging.Sink;
    import org.springframework.messaging.Message;
    
    @EnableBinding(Sink.class) //绑定通道
    public class ReceiveMessageController { 
        @Value("${server.port}")
        private String serverPort;
    
        @StreamListener(Sink.INPUT) //监听消息
        public void input(Message<String> message) { 
            System.out.println("消费者1号，接受："+message.getPayload()+"\t port:"+serverPort);
        }
    }

*  启动类  
    无额外注解

测试  
启动cloud-eureka-server7001、cloud-stream-rabbitmq-provider8801、cloud-stream-rabbitmq-consumer8802  
访问http://localhost:8801/sendMessage  
![在这里插入图片描述][20201206163342338.png]  
查看8802项目控制台  
![在这里插入图片描述][20201206163417756.png]  
可见，能够成功接收到消息。

#### 2.4 分组消费和持久化 ####

##### 2.4.1 新建消费者模块 #####

cloud-stream-rabbitmq-consumer8803

*  application.yml

server:
      port: 8803
    
    spring:
      application:
        name: cloud-stream-consumer
      cloud:
        stream:
          binders: # 在此处配置要绑定的rabbitmq的服务信息；
            defaultRabbit: # 表示定义的名称，用于于binding整合
              type: rabbit # 消息组件类型
              environment: # 设置rabbitmq的相关的环境配置
                spring:
                  rabbitmq:
                    host: 106.75.254.233
                    port: 5672
                    username: guest
                    password: guest
          bindings: # 服务的整合处理
            input: # 这个名字是一个通道的名称
              destination: studyExchange # 表示要使用的Exchange名称定义
              content-type: application/json # 设置消息类型，本次为json，文本则设置“text/plain”
              binder: defaultRabbit  # 设置要绑定的消息服务的具体设置
    
      rabbitmq:
        host: 106.75.254.233
        port: 5672
        username: guest
        password: guest
    
    eureka:
      client: # 客户端进行Eureka注册的配置
        service-url:
          defaultZone: http://localhost:7001/eureka
      instance:
        lease-renewal-interval-in-seconds: 2 # 设置心跳的时间间隔（默认是30秒）
        lease-expiration-duration-in-seconds: 5 # 如果现在超过了5秒的间隔（默认是90秒）
        instance-id: consumer-8803.com  # 在信息列表时显示主机名称
        prefer-ip-address: true # 访问的路径变为IP地址

*  业务类

@EnableBinding(Sink.class)
    public class ReceiveMessageController { 
        @Value("${server.port}")
        private String serverPort;
    
        @StreamListener(Sink.INPUT)
        public void input(Message<String> message) { 
            System.out.println("消费者2号，接受："+message.getPayload()+"\t port:"+serverPort);
        }
    }

其他跟8802一样的。

--------------------

*  测试案例1  
    启动cloud-eureka-server7001、cloud-stream-rabbitmq-provider8801、cloud-stream-rabbitmq-consumer8802、cloud-stream-rabbitmq-consumer8803

再次访问http://localhost:8801/sendMessage

查看控制台消息，发现消费者8802和消费者8803得到了同一个消息，存在**重复消费**的问题。

*  测试案例2  
    只启动cloud-eureka-server7001、cloud-stream-rabbitmq-provider8801  
    访问http://localhost:8801/sendMessage 三次，发出三个消息  
    然后启动cloud-stream-rabbitmq-consumer8802 ，发现没有接收到消息，存在**消息持久化**问题。

##### 2.4.1 解决重复消费问题 #####

实际案例：  
比如在如下场景中，订单系统做集群部署，都会从RabbitMq中获取订单消息，  
那如果一个订单同时被两个服务获取到，就会造成数据错误，得避免这种情况发生。  
这时，我们用**Stream中的消息分组**来解决。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 5]  
分组和持久化属性group  
原理：微服务应用放置于同一个group中，就能够保证消息只会被其中一个消费者消费一次。**不同的group是可以消费的**。  
即**同一组内会发生竞争关系，只有其中一个可以消费**。

--------------------

测试案例1：  
修改消费者8002和8003的yml，配置group属性，将两个消费者配置为同一组  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 6]  
全部启动后，再次访问http://localhost:8801/sendMessage  
发现同一组内，只有一个消费者可以接收消息。  
测试案例2：  
配置成不同的group，发现都可以接收到消息。

##### 2.4.2 解决持久化问题 #####

结论：有分组属性配置，就可以消息持久化。  
测试案例：  
将消费者8002的group属性去掉，8003配置group属性。

启动cloud-eureka-server7001、cloud-stream-rabbitmq-provider8801，  
访问http://localhost:8801/sendMessage发送3条消息；

启动cloud-stream-rabbitmq-consumer8802，发现没有接收到消息。  
启动cloud-stream-rabbitmq-consumer8803，发现接收到了消息。

> 点赞+评论+关注  
> 本文源码地址： https://gitee.com/shuaidawang/SpringCloudDemo.git  
> 有错误的地方欢迎各位大佬指正！可以加入qq交流群： 700637673

[0. SpringCloud]: https://blog.csdn.net/shuai8624/article/details/108027323
[1. SpringCloud]: https://blog.csdn.net/shuai8624/article/details/108089864
[2. _Eureka_Ribbon]: https://blog.csdn.net/shuai8624/article/details/108111529
[3. _Zookeeper]: https://blog.csdn.net/shuai8624/article/details/108177121
[4. _Consul]: https://blog.csdn.net/shuai8624/article/details/109085205
[5. eureka_zookeeper_consul]: https://blog.csdn.net/shuai8624/article/details/109267643
[6. _Ribbon]: https://blog.csdn.net/shuai8624/article/details/109274118
[7. _OpenFeign]: https://blog.csdn.net/shuai8624/article/details/109275543
[8. Hystrix]: https://blog.csdn.net/shuai8624/article/details/109557105
[9. SpringCloud Gateway]: https://blog.csdn.net/shuai8624/article/details/109587848
[10. SpringCloud Config]: https://blog.csdn.net/shuai8624/article/details/109749674
[11. SpringCloud Bus]: https://blog.csdn.net/shuai8624/article/details/109871700
[12. SpringCloud Stream]: https://blog.csdn.net/shuai8624/article/details/110735489
[13. SpringCloud Sleuth]: https://blog.csdn.net/shuai8624/article/details/110748777
[20201206151903580.png]: /images/20221120/2c89249d37e445b7af35691e7fb37907.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70]: /images/20221120/114ab78269b94ece9d673bf0e893aeb2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20201206160019143.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20201206154459323.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20201206155153257.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20201206155219703.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20201120224406951.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA==,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20201120224309255.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA==,size_16,color_FFFFFF,t_70#pic_center
[20201206163342338.png]: https://img-blog.csdnimg.cn/20201206163342338.png
[20201206163417756.png]: https://img-blog.csdnimg.cn/20201206163417756.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20201206165325899.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20201206165829662.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NodWFpODYyNA==,size_16,color_FFFFFF,t_70