Spring Cloud框架（原生Hoxton版本与Spring Cloud Alibaba）基础入门篇 ---- 搭建环境

ゝ一世哀愁。 2023-10-04 19:54 54阅读 0赞

> springcloud官方文档（Hoxton SR5）：[https://cloud.spring.io/spring-cloud-static/Hoxton.SR5/reference/htmlsingle/][https_cloud.spring.io_spring-cloud-static_Hoxton.SR5_reference_htmlsingle]  
> springcloud中文文档：[https://www.springcloud.cc/][https_www.springcloud.cc]  
> springcloud中国社区文档：[http://docs.springcloud.cn/  
> https://www.bookstack.cn/read/spring-cloud-docs/docs-index.md][http_docs.springcloud.cn_ https_www.bookstack.cn_read_spring-cloud-docs_docs-index.md]

![在这里插入图片描述][df4eaf07ddf942a58f6e72a586559f67.png]

#### 目录 ####

*  一、Spring Cloud简介
 *   *  SpringCloud是分布式微服务架构的一站式解决方案，是多种微服务架构落地技术的集合体，俗称微服务全家桶
     *  Spring Cloud 与 Spring Boot版本依赖关系
     *  学习环境版本
     *  关于Cloud各种组件的停更/升级/替换
 *  二、微服务架构编码实现
 *   *  搭建微服务总体父工程
     *  父工程pom文件
     *  Rest微服务工程构建
     *   *  1.微服务提供者支付module模块cloud-provider-payment8001
         *   *  创建模块
             *  添加依赖树
             *  编写yml文件
             *  编写主启动类
             *  编写业务类
             *  测试
         *  2.热部署Dev-tools
         *  3.微服务消费者订单module模块cloud-consumer-order80
         *  4.工程重构

## 一、Spring Cloud简介 ##

**Spring Cloud是一系列框架的有序集合。它利用Spring Boot的开发便利性巧妙地简化了分布式系统基础设施的开发，如服务发现注册、配置中心、消息总线、负载均衡、断路器、数据监控等，都可以用Spring Boot的开发风格做到一键启动和部署。Spring Cloud并没有重复制造轮子，它只是将各家公司开发的比较成熟、经得起实际考验的服务框架组合起来，通过Spring Boot风格进行再封装屏蔽掉了复杂的配置和实现原理，最终给开发者留出了一套简单易懂、易部署和易维护的分布式系统开发工具包。**

Spring Cloud专注于为典型的用例和扩展机制提供良好的开箱即用体验，以涵盖其他情况。

*  分布式/版本化配置
 *  服务注册和发现
 *  路由
 *  服务到服务的呼叫
 *  负载均衡
 *  断路器
 *  分布式消息传递

![在这里插入图片描述][b5c9d215bb5a4772b0a4002ac8b715a1.png]

### SpringCloud是分布式微服务架构的一站式解决方案，是多种微服务架构落地技术的集合体，俗称微服务全家桶 ###

**京东内部微服务架构**

![在这里插入图片描述][a71b5006cc78457da97ba70b318c4b40.png]  
![在这里插入图片描述][6b14da3e1b1844728476833fac6872ba.png]

通用微服务技术栈

![在这里插入图片描述][460d50c8cf124761af8438b80b06704e.png]  
![在这里插入图片描述][6f0389cd0c02472289f122307fcb8391.png]

### Spring Cloud 与 Spring Boot版本依赖关系 ###

Spring cloud 官网地址：[https://spring.io/projects/spring-cloud][https_spring.io_projects_spring-cloud]

![在这里插入图片描述][c7a9e81bed0446fb9e25bc2c18c1125c.png]

### 学习环境版本 ###

*  jdk 1.8
 *  maven 3,5 以上
 *  mysql 5.7 以上
 *  Spring Cloud Hoxton.SR1
 *  Spring Cloud Alibaba 2.1.0
 *  Spring Boot 2.2.2

### 关于Cloud各种组件的停更/升级/替换 ###

![在这里插入图片描述][e0a5e1bf50884a5f8a67a98439736264.png]

## 二、微服务架构编码实现 ##

**约定>配置>编码**

### 搭建微服务总体父工程 ###

1.  Create New Project

![在这里插入图片描述][c33d744d88254d3a848e0e51cb05ffba.png]

1.  填写工程名

![在这里插入图片描述][512a37fd219e48f58a35458e1aca1520.png]  
3. 勾选本地maven

![在这里插入图片描述][ec8cade95ae040978c3b0f3d1661f08c.png]

4.设置项目编码

![在这里插入图片描述][65ac0bccf1a84ff3abf8b58f3b40d45b.png]

5.设置注解激活生效

![在这里插入图片描述][04fee076b28c4e32adc99068f1752a79.png]

6.Java编译版本修改

![在这里插入图片描述][88cd27e550384230a986f51dd9a91d66.png]

### 父工程pom文件 ###

![在这里插入图片描述][b97458fec41d460e9e34eed6ba122b1a.png]

项目所需的所有依赖树

<?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>
    
        <groupId>com.zhao.springcloud</groupId>
        <artifactId>cloud2020</artifactId>
        <version>1.0-SNAPSHOT</version>
        <packaging>pom</packaging>
        
        
        <properties>
            <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
            <maven.compiler.source>1.8</maven.compiler.source>
            <maven.compiler.target>1.8</maven.compiler.target>
            <junit.version>4.12</junit.version>
            <lombok.version>1.18.10</lombok.version>
            <log4j.version>1.2.17</log4j.version>
            <mysql.version>8.0.18</mysql.version>
            <druid.version>1.1.20</druid.version>
            <mybatis.spring.boot.version>1.3.2</mybatis.spring.boot.version>
        </properties>
    
        
        <dependencyManagement>
            <dependencies>
                
                <dependency>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-dependencies</artifactId>
                    <version>2.2.2.RELEASE</version>
                    <type>pom</type>
                    <scope>import</scope>
                </dependency>
                
                <dependency>
                    <groupId>org.springframework.cloud</groupId>
                    <artifactId>spring-cloud-dependencies</artifactId>
                    <version>Hoxton.SR1</version>
                    <type>pom</type>
                    <scope>import</scope>
                </dependency>
                
                <dependency>
                    <groupId>com.alibaba.cloud</groupId>
                    <artifactId>spring-cloud-alibaba-dependencies</artifactId>
                    <version>2.1.0.RELEASE</version>
                    <type>pom</type>
                    <scope>import</scope>
                </dependency>
                
                <dependency>
                    <groupId>mysql</groupId>
                    <artifactId>mysql-connector-java</artifactId>
                    <version>${mysql.version}</version>
                    <scope>runtime</scope>
                </dependency>
                
                <dependency>
                    <groupId>com.alibaba</groupId>
                    <artifactId>druid-spring-boot-starter</artifactId>
                    <version>${druid.version}</version>
                </dependency>
    
                
                <dependency>
                    <groupId>org.mybatis.spring.boot</groupId>
                    <artifactId>mybatis-spring-boot-starter</artifactId>
                    <version>${mybatis.spring.boot.version}</version>
                </dependency>
                
                <dependency>
                    <groupId>junit</groupId>
                    <artifactId>junit</artifactId>
                    <version>${junit.version}</version>
                </dependency>
                
                <dependency>
                    <groupId>log4j</groupId>
                    <artifactId>log4j</artifactId>
                    <version>${log4j.version}</version>
                </dependency>
            </dependencies>
    
        </dependencyManagement>
    
        <build>
            <plugins>
                <plugin>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-maven-plugin</artifactId>
                    <configuration>
                        <fork>true</fork>
                        <addResources>true</addResources>
                    </configuration>
                </plugin>
            </plugins>
        </build>
    
    </project>

**Maven中dependencyManagement与dependencies区别**

![在这里插入图片描述][3faf2a923dd2450287d9c13fafe2fe4d.png]  
子项目中，如果不指定，默认和父项目dependencyManagement标签中的版本一致，并且父项目dependencyManagement标签只是规定了版本号，具体引入依赖还是子项目引入。  
![在这里插入图片描述][03861699a60e42dab088e4dc062a10c1.png]**maven中跳过单元测试：**

![在这里插入图片描述][47aca479f0be42ab86a4a6ea00ea9600.png]

### Rest微服务工程构建 ###

最简单的支付模块

![在这里插入图片描述][6437a7f5c8654428b4bb3dffdb2aeac7.png]  
构建步骤：

1.  建module
2.  改pom
3.  写yml
4.  主启动
5.  业务类
6.  测试

#### 1.微服务提供者支付module模块cloud-provider-payment8001 ####

##### 创建模块 #####

![在这里插入图片描述][b94b6ce32d4d4197a8cd7b3b2523529e.png]  
![在这里插入图片描述][69490e91aba44e37aa0b81a6f9db79f6.png]  
填写模块名

![在这里插入图片描述][1c233b96400c4127853e35f07e26711e.png]  
创建完成

![在这里插入图片描述][a588ce18435e43cd81f4c1fb57f8bc6c.png]

##### 添加依赖树 #####

<?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <parent>
            <artifactId>cloud2020</artifactId>
            <groupId>com.zhao.springcloud</groupId>
            <version>1.0-SNAPSHOT</version>
        </parent>
        <modelVersion>4.0.0</modelVersion>
    
        <artifactId>cloud-provider-payment-8001</artifactId>
    
    
        <dependencies>
            
            <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>
    
            
            <dependency>
                <groupId>org.mybatis.spring.boot</groupId>
                <artifactId>mybatis-spring-boot-starter</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>druid-spring-boot-starter</artifactId>
                <version>1.2.8</version>
            </dependency>
            
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-jdbc</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-devtools</artifactId>
                <scope>runtime</scope>
                <optional>true</optional>
            </dependency>
            
            
            <dependency>
                <groupId>org.projectlombok</groupId>
                <artifactId>lombok</artifactId>
                <optional>true</optional>
            </dependency>
    
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-test</artifactId>
                <scope>test</scope>
            </dependency>
    
        </dependencies>
    </project>

##### 编写yml文件 #####

server:
      port: 8001
    
    spring:
      application:
        name: cloud-payment-service
        #数据库配置
        datasource:
          type: com.alibaba.druid.pool.DruidDataSource
          #mysql5.x的没有cj
          driver-class-name: com.mysql.cj.jdbc.Driver
          #记得先创建数据库
          url: jdbc:mysql://localhost:3306/db2020?useUnicode=true&characterEncoding=utf-8&useSSL=false
          username: root
          password: 123456
    
        #mybatis配置
    mybatis:
      mapper-locations: classpath:mapper/*.xml
      type-aliases-package: com.zhao.springcloud.entities  #所有Entity别名类所在包

##### 编写主启动类 #####

@SpringBootApplication
    public class PaymentMain8001 {
        
        public static void main(String[] args) {
        
            SpringApplication.run(PaymentMain8001.class);
        }
    }

##### 编写业务类 #####

**1.创建数据库**

CREATE TABLE `payment`(
    	`id` BIGINT(20) NOT NULL AUTO_INCREMENT COMMENT 'ID',
    	`serial` VARCHAR(200) DEFAULT '',
    	PRIMARY KEY(`id`)
    )ENGINE=INNODB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;
    
    INSERT INTO payment(`serial`)VALUES("xxx");

**2.创建实体类**

@Data
    @AllArgsConstructor
    @NoArgsConstructor
    public class PayMent implements Serializable {
        
        private Long id;
        private String serial;
       
    }

返回前端的json数据对象

@Data
    @AllArgsConstructor
    @NoArgsConstructor
    public class CommonResult<T> {
        
        private Integer code;
        private String message;
        private T data;
    
        public CommonResult(Integer code, String message) {
        
            this.code = code;
            this.message = message;
        }
    }

**3.持久化层（dao）**  
持久化层接口：

@Mapper
    public interface PaymentDao {
        
    
        int add(Payment payment);
    
        //  加上@Param注解，mapper中就可以采用#{}的方式把@Param注解括号内的参数进行引用
        Payment getPaymentById(@Param("id") Long id);
    }

mapper.xml文件

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
    
    <mapper namespace="com.zhao.springcloud.dao.PaymentDao">
    
        <insert id="add" parameterType="com.zhao.springcloud.entities.Payment" useGeneratedKeys="true" keyProperty="id">
            insert into payment(serial) value (#{serial})
        </insert>
    
        <select id="getPaymentById" parameterType="long" resultMap="BaseResultMap">
            select * from payment where id = #{id}
        </select>
        <resultMap id="BaseResultMap" type="com.zhao.springcloud.entities.Payment">
            
            <id column="id" property="id" jdbcType="BIGINT"></id>
            <result column="serial" property="serial" jdbcType="VARCHAR" />
        </resultMap>
    </mapper>

**4.服务层（service）**  
服务层接口

public interface PaymentService {
        
    
        int add(Payment payment);
    
        Payment getPaymentById(@Param("id") Long id);
    
    }

实现类

@Service
    public class PaymentServiceImpl implements PaymentService {
        
    
        @Resource
        private PaymentDao paymentDao;
    
        @Override
        public int add(Payment payment) {
        
            return paymentDao.add(payment);
        }
    
        @Override
        public Payment getPaymentById(Long id) {
        
            return paymentDao.getPaymentById(id);
        }
    }

**5.控制器（controller）**

@RestController
    @Slf4j
    public class PaymentController {
        
        @Resource
        private PaymentService paymentService;
    
        @PostMapping("/payment/add")
        public CommonResult<Payment> add(@RequestBody Payment payment){
        
            int result = paymentService.add(payment);
            log.info("******插入结果："+result);
            if (result>0){
        
                return new CommonResult(200,"插入数据库成功",result);
            }else {
        
                return new CommonResult(444,"插入数据库失败",null);
            }
        }
    
        @GetMapping("/payment/get/{id}")
        public CommonResult<Payment> getPaymentById(@PathVariable("id") Long id){
        
            Payment payment = paymentService.getPaymentById(id);
            log.info("******插入结果："+payment);
            if (payment != null){
        
                return new CommonResult(200,"查询成功",payment);
            }else {
        
                return new CommonResult(444,"没有当前查询记录，查询id"+id,null);
            }
        }
    
    }

##### 测试 #####

启动项目,浏览器输入`http://localhost:8001/payment/get/1`,查询成功

![在这里插入图片描述][b2779b48f82e4937ab52f3f6619135a5.png]

因为浏览器一般不支持直接发送post请求，所以，需要使用工具apiPost进行测试  
![在这里插入图片描述][778b3d0088f6425b94c5fce74c6aa846.png]

输入`http://localhost:8001/payment/add`发送post请求，往数据库中插入一条数据，需要把数据写到body中。

![在这里插入图片描述][59f3f1cafcb347a09885af073c134a05.png]  
![在这里插入图片描述][b536406fd2f149f68aefda90501435cc.png]

#### 2.热部署Dev-tools ####

子工程添加依赖

<dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-devtools</artifactId>
                <scope>runtime</scope>
                <optional>true</optional>
            </dependency>

父工程添加插件

<build>
            <plugins>
                <plugin>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-maven-plugin</artifactId>
                    <configuration>
                        <fork>true</fork>
                        <addResources>true</addResources>
                    </configuration>
                </plugin>
            </plugins>
        </build>

开启自动编译的权限

![在这里插入图片描述][ceaad1f129fa4a67bf5b1742c3a7184d.png]  
热键注册开启

![在这里插入图片描述][af4db7e1d4a44001ba373c2e98447f5d.png]

重启IDEA即可生效！！

#### 3.微服务消费者订单module模块cloud-consumer-order80 ####

**新建模块**

![在这里插入图片描述][d2c861c357604367b28f9db756b8a0e1.png]  
**添加依赖**

<dependencies>
            <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>
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-devtools</artifactId>
                <scope>runtime</scope>
                <optional>true</optional>
            </dependency>
            <dependency>
                <groupId>org.projectlombok</groupId>
                <artifactId>lombok</artifactId>
                <optional>true</optional>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-test</artifactId>
                <scope>test</scope>
            </dependency>
        </dependencies>

**新建yml文件**

server:
      port: 80

**主启动类**

@SpringBootApplication
    public class OrderMain80 {
        
        public static void main(String[] args) {
        
            SpringApplication.run(OrderMain80.class);
        }
    }

**业务类**  
① 复制cloud-provider-payment8001项目里的entities

![在这里插入图片描述][4d4a428be92a4359ab11f919d293dc49.png]  
② 添加配置类

@Configuration
    public class ApplicationContextConfig {
        
    
        @Bean
        public RestTemplate getRestTemplate(){
        
            return new RestTemplate();
        }
    }

③ 创建controller

@RestController
    @Slf4j
    public class OrderController {
        
    
        public static final String PAYMENT_URL = "http://localhost:8001";
    
        @Resource
        private RestTemplate restTemplate;
    
        @GetMapping("/consumer/payment/add")
        public CommonResult<Payment> add(Payment payment){
        
            return restTemplate.postForObject(PAYMENT_URL+"/payment/add",payment,CommonResult.class);
        }
    
        @GetMapping("/consumer/payment/get/{id}")
        public CommonResult<Payment> getPayment(@PathVariable("id") Long id){
        
            return restTemplate.getForObject(PAYMENT_URL+"/payment/get"+id,CommonResult.class);
        }
    }

**测试**

启动两个项目进行测试，两个都启动后，右下角会弹出个services提示，点击show。

![在这里插入图片描述][438dce7b41c240509ad5781e8ab8ab3a.png]

用户支付订单，服务与服务之间的调用，输入地址`http://localhost/consumer/payment/get/1`，查询成功

![在这里插入图片描述][bf5bcfd67cd0417cb843798204989974.png]  
添加操作在页面上显示添加成功，查看数据库数据正常

![在这里插入图片描述][0b58f74955a846378e78b6792fe66b40.png]  
![在这里插入图片描述][29c942c620234f40aa3da17d08df9edd.png]

#### 4.工程重构 ####

由于目前构建的两个微服务项目有重复的部分，需要将其提取出来，一次打包，到处运行，所以将项目进行重构。

**新建模块**

![在这里插入图片描述][7d51f2f356934c368044e82235b1ad59.png]

**添加依赖**

<dependencies>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-devtools</artifactId>
                <scope>runtime</scope>
                <optional>true</optional>
            </dependency>
            <dependency>
                <groupId>org.projectlombok</groupId>
                <artifactId>lombok</artifactId>
                <optional>true</optional>
            </dependency>
            
            <dependency>
                <groupId>cn.hutool</groupId>
                <artifactId>hutool-all</artifactId>
                <version>5.8.1</version>
            </dependency>
        </dependencies>

**将实体类放入commons模块**

![在这里插入图片描述][0f5774aa0ff64d76ac6fe6faa37b2cd7.png]

**本项目进行打包**

![在这里插入图片描述][45c0306924864b0ca23c3589aafa0a78.png]

**删除 80 和 8001中的实体，引入自定义的依赖**

<dependency>
                <groupId>com.zhao.springcloud</groupId>
                <artifactId>cloud-api-commons</artifactId>
                <version>1.0-SNAPSHOT</version>
            </dependency>

![在这里插入图片描述][48611c27aafe49d0bc6afeb8222f3a9f.png]

**重新启动，并测试**

![在这里插入图片描述][efdcb6aa8fe8471c9a5f5e0610296b9e.png]  
查询数据成功！

![在这里插入图片描述][f91875dbd3dc41c99ce7e274299f6f9a.png]  
插入数据成功！

![在这里插入图片描述][8a01424c91b14f348e7216d1ae1cf4c9.png]  
![在这里插入图片描述][da60a4449be34624a0ebfb12399ad195.png]

至此，**Spring Cloud框架（原生Hoxton版本与Spring Cloud Alibaba）基础入门篇** 就结束了

[https_cloud.spring.io_spring-cloud-static_Hoxton.SR5_reference_htmlsingle]: https://cloud.spring.io/spring-cloud-static/Hoxton.SR5/reference/htmlsingle/
[https_www.springcloud.cc]: https://www.springcloud.cc/
[http_docs.springcloud.cn_ https_www.bookstack.cn_read_spring-cloud-docs_docs-index.md]: http://docs.springcloud.cn/%20https://www.bookstack.cn/read/spring-cloud-docs/docs-index.md
[df4eaf07ddf942a58f6e72a586559f67.png]: https://img-blog.csdnimg.cn/df4eaf07ddf942a58f6e72a586559f67.png
[b5c9d215bb5a4772b0a4002ac8b715a1.png]: https://img-blog.csdnimg.cn/b5c9d215bb5a4772b0a4002ac8b715a1.png
[a71b5006cc78457da97ba70b318c4b40.png]: https://img-blog.csdnimg.cn/a71b5006cc78457da97ba70b318c4b40.png
[6b14da3e1b1844728476833fac6872ba.png]: https://img-blog.csdnimg.cn/6b14da3e1b1844728476833fac6872ba.png
[460d50c8cf124761af8438b80b06704e.png]: https://img-blog.csdnimg.cn/460d50c8cf124761af8438b80b06704e.png
[6f0389cd0c02472289f122307fcb8391.png]: https://img-blog.csdnimg.cn/6f0389cd0c02472289f122307fcb8391.png
[https_spring.io_projects_spring-cloud]: https://spring.io/projects/spring-cloud
[c7a9e81bed0446fb9e25bc2c18c1125c.png]: https://img-blog.csdnimg.cn/c7a9e81bed0446fb9e25bc2c18c1125c.png
[e0a5e1bf50884a5f8a67a98439736264.png]: https://img-blog.csdnimg.cn/e0a5e1bf50884a5f8a67a98439736264.png
[c33d744d88254d3a848e0e51cb05ffba.png]: https://img-blog.csdnimg.cn/c33d744d88254d3a848e0e51cb05ffba.png
[512a37fd219e48f58a35458e1aca1520.png]: https://img-blog.csdnimg.cn/512a37fd219e48f58a35458e1aca1520.png
[ec8cade95ae040978c3b0f3d1661f08c.png]: https://img-blog.csdnimg.cn/ec8cade95ae040978c3b0f3d1661f08c.png
[65ac0bccf1a84ff3abf8b58f3b40d45b.png]: https://img-blog.csdnimg.cn/65ac0bccf1a84ff3abf8b58f3b40d45b.png
[04fee076b28c4e32adc99068f1752a79.png]: https://img-blog.csdnimg.cn/04fee076b28c4e32adc99068f1752a79.png
[88cd27e550384230a986f51dd9a91d66.png]: https://img-blog.csdnimg.cn/88cd27e550384230a986f51dd9a91d66.png
[b97458fec41d460e9e34eed6ba122b1a.png]: https://img-blog.csdnimg.cn/b97458fec41d460e9e34eed6ba122b1a.png
[3faf2a923dd2450287d9c13fafe2fe4d.png]: https://img-blog.csdnimg.cn/3faf2a923dd2450287d9c13fafe2fe4d.png
[03861699a60e42dab088e4dc062a10c1.png]: https://img-blog.csdnimg.cn/03861699a60e42dab088e4dc062a10c1.png
[47aca479f0be42ab86a4a6ea00ea9600.png]: https://img-blog.csdnimg.cn/47aca479f0be42ab86a4a6ea00ea9600.png
[6437a7f5c8654428b4bb3dffdb2aeac7.png]: https://img-blog.csdnimg.cn/6437a7f5c8654428b4bb3dffdb2aeac7.png
[b94b6ce32d4d4197a8cd7b3b2523529e.png]: https://img-blog.csdnimg.cn/b94b6ce32d4d4197a8cd7b3b2523529e.png
[69490e91aba44e37aa0b81a6f9db79f6.png]: https://img-blog.csdnimg.cn/69490e91aba44e37aa0b81a6f9db79f6.png
[1c233b96400c4127853e35f07e26711e.png]: https://img-blog.csdnimg.cn/1c233b96400c4127853e35f07e26711e.png
[a588ce18435e43cd81f4c1fb57f8bc6c.png]: https://img-blog.csdnimg.cn/a588ce18435e43cd81f4c1fb57f8bc6c.png
[b2779b48f82e4937ab52f3f6619135a5.png]: https://img-blog.csdnimg.cn/b2779b48f82e4937ab52f3f6619135a5.png
[778b3d0088f6425b94c5fce74c6aa846.png]: https://img-blog.csdnimg.cn/778b3d0088f6425b94c5fce74c6aa846.png
[59f3f1cafcb347a09885af073c134a05.png]: https://img-blog.csdnimg.cn/59f3f1cafcb347a09885af073c134a05.png
[b536406fd2f149f68aefda90501435cc.png]: https://img-blog.csdnimg.cn/b536406fd2f149f68aefda90501435cc.png
[ceaad1f129fa4a67bf5b1742c3a7184d.png]: https://img-blog.csdnimg.cn/ceaad1f129fa4a67bf5b1742c3a7184d.png
[af4db7e1d4a44001ba373c2e98447f5d.png]: https://img-blog.csdnimg.cn/af4db7e1d4a44001ba373c2e98447f5d.png
[d2c861c357604367b28f9db756b8a0e1.png]: https://img-blog.csdnimg.cn/d2c861c357604367b28f9db756b8a0e1.png
[4d4a428be92a4359ab11f919d293dc49.png]: https://img-blog.csdnimg.cn/4d4a428be92a4359ab11f919d293dc49.png
[438dce7b41c240509ad5781e8ab8ab3a.png]: https://img-blog.csdnimg.cn/438dce7b41c240509ad5781e8ab8ab3a.png
[bf5bcfd67cd0417cb843798204989974.png]: https://img-blog.csdnimg.cn/bf5bcfd67cd0417cb843798204989974.png
[0b58f74955a846378e78b6792fe66b40.png]: https://img-blog.csdnimg.cn/0b58f74955a846378e78b6792fe66b40.png
[29c942c620234f40aa3da17d08df9edd.png]: https://img-blog.csdnimg.cn/29c942c620234f40aa3da17d08df9edd.png
[7d51f2f356934c368044e82235b1ad59.png]: https://img-blog.csdnimg.cn/7d51f2f356934c368044e82235b1ad59.png
[0f5774aa0ff64d76ac6fe6faa37b2cd7.png]: https://img-blog.csdnimg.cn/0f5774aa0ff64d76ac6fe6faa37b2cd7.png
[45c0306924864b0ca23c3589aafa0a78.png]: https://img-blog.csdnimg.cn/45c0306924864b0ca23c3589aafa0a78.png
[48611c27aafe49d0bc6afeb8222f3a9f.png]: https://img-blog.csdnimg.cn/48611c27aafe49d0bc6afeb8222f3a9f.png
[efdcb6aa8fe8471c9a5f5e0610296b9e.png]: https://img-blog.csdnimg.cn/efdcb6aa8fe8471c9a5f5e0610296b9e.png
[f91875dbd3dc41c99ce7e274299f6f9a.png]: https://img-blog.csdnimg.cn/f91875dbd3dc41c99ce7e274299f6f9a.png
[8a01424c91b14f348e7216d1ae1cf4c9.png]: https://img-blog.csdnimg.cn/8a01424c91b14f348e7216d1ae1cf4c9.png
[da60a4449be34624a0ebfb12399ad195.png]: https://img-blog.csdnimg.cn/da60a4449be34624a0ebfb12399ad195.png