spring入门---IOC(xml配置文件管理Bean)

喜欢ヅ旅行 2023-09-30 23:16 7阅读 0赞

#### 文章目录 ####

*  什么是spring？
 *  spring分类
 *   *  广义：spring技术栈
     *  狭义：springFramework
 *  spring特点
 *  spring5入门案例
 *  IOC的概念和原理
 *   *  一、什么是IOC
     *  二、IOC底层原理
     *  三、spring提供IOC容器实现的两种方式（两个接口）
     *   *  ApplicationContext接口中的实现类
     *  四、IOC操作Bean管理
     *   *  1、什么是Bean管理
         *  2、Bean管理操作的两种方式：
     *  基于xml方式创建对象
     *  基于XML方式注入属性
     *   *  把集合注入部分提取公用
     *  Bean的分类
     *   *  普通Bean
         *  工厂Bean
     *  bean的作用域
 *  bean生命周期
 *  xml自动装配
 *   *  引入外部属性文件

## 什么是spring？ ##

一个主流的开源的轻量的JavaEE框架。有Rod Jhonson（spring之父）提出，用于简化开发难度和开发周期。  
![在这里插入图片描述][bf68401c4e174810a5c08e6d7abcaa2e.bmp_pic_center]

## spring分类 ##

### 广义：spring技术栈 ###

由多个子项目组成，如：springMVC 、SpringBoot、SpringCloud等。其中springFramework是所有子项目的基础。

### 狭义：springFramework ###

两个核心：IOC、AOP  
IOC：控制反转，把创建对象和管理对象的整个过程交个spring来处理。  
AOP:面向切面，在不改变代码或很少改变代码的情况下增加其他功能。

## spring特点 ##

1、非侵入式：零污染。不依赖其他组件也可使用。  
2、IOC：控制反转。  
3、AOP：面向切面。  
4、容器：把对象放入容器中，由此容器对对象的生命周期进行管理。  
5、组件化：把复杂的应用拆分为多个简单组件。

## spring5入门案例 ##

*  1、下载spring
    
     *  使用spring最新的稳定版本5.3.27  
        ![在这里插入图片描述][6e923b65d40849d085e0117fbd8a1ad9.png]
    
    \*下载地址  
    [https://repo.spring.io/ui/native/release/org/springframework/spring/][https_repo.spring.io_ui_native_release_org_springframework_spring]  
    如图：  
    ![在这里插入图片描述][9303a2a4eab444e3971875214c0896d7.png]\- 2、打开idea工具，创建普通的Java工程  
    ![在这里插入图片描述][a86e135eff58466886acb9bbd89c5493.png]
 *  3、导入spring5相关jar包  
    ![在这里插入图片描述][2731f27dcd3640a6b752d7f7b5a4525f.png]

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

*  4、创建普通的Student类，在类中添加属性和方法  
    ![在这里插入图片描述][94ded66af563473bbe8eba5e0612a43a.png]
 *  5、创建spring配置文件，再配置文件中创建对应的对象  
    ![在这里插入图片描述][92617ad83a1b40cd9d8980494d6f45c4.png]
 *  6、进行测试  
    ![在这里插入图片描述][69e8ca32d8ab44b9978fea0402110470.png]  
    测试结果：  
    ![在这里插入图片描述][e654b0b1d5aa473dba42e9f09c1efa8a.png]

## IOC的概念和原理 ##

### 一、什么是IOC ###

1、控制反转，把对象创建和对象之间的调用的过程交给spring进行管理。  
2、目的：降低耦合度

### 二、IOC底层原理 ###

xml解析、工厂模式、反射

*  原始方法调用类中的属性  
    ![在这里插入图片描述][b74c109024e7492f8e473b6271d99b9d.png]\- 工厂模式降低耦合度  
    ![在这里插入图片描述][75795eb223704d969be8d7bdedcf5766.png]
 *  画图讲解IOC底层原理

*  1、xml配置文件，配置创建对象  
    ![在这里插入图片描述][b4ce88617c0445acbc87548a3b72453d.png]
 *  2、创建工厂类

class StudentFactory{
    	pulbic static StudentMapper getStudent(){
    		String classValue  = class属性值；//xml解析
    		Class c = Class.forName(classValue);//获取类的class对象
    		Student stu = (Student) c.newInstance();//实例化对象的
    		return stu;
    		}
    	}

### 三、spring提供IOC容器实现的两种方式（两个接口） ###

BeanFactory: IOC基本实现，是spring内部使用的接口，不提供给开发人员进行使用。加载配置文件的时候不会创建对象，要在获取对象的时候才创建。  
ApplicationContext:BeanFactory子接口，提供了更多更强大的功能，一般由开发人员使用。加载配置文件的时候就把配置文件中的对象进行创建。

#### ApplicationContext接口中的实现类 ####

如图：![在这里插入图片描述][78a220e344bd4a518fe5c41f2e4a6f20.png]

### 四、IOC操作Bean管理 ###

#### 1、什么是Bean管理 ####

Bean管理是指两个操作，spring创建对象和spring注入属性。

#### 2、Bean管理操作的两种方式： ####

基于XML配置文件方式  
基于注解方式

### 基于xml方式创建对象 ###

如：![在这里插入图片描述][ce87ce1c75464a13854ccf29b0b57271.png]1、在spring配置中，使用bean标签，在标签里面添加相应属性，就可以实现对象的创建。  
2、在bean标签中的属性：  
id：唯一标识  
class:类全路径（包类路径）  
3、创建对象时，默认执行无参构造方法来创建对象。

### 基于XML方式注入属性 ###

*  **第一种：使用set方法进行注入**
    
     *  创建类，定义属性和对应的set方法  
        ![在这里插入图片描述][466dd0d3572446a88fe62dfd6c2f046e.png]
     *  在spring配置文件中配置对象的创建和属性的注入  
        ![在这里插入图片描述][7e3e478940774f64a35042fd253e3842.png]
     *  在类中创建方法打印测试属性值  
        ![在这里插入图片描述][13d315dd74874440a3de67e90e857d07.png]
     *  在测试类中获取对象及测试属性的方法  
        ![在这里插入图片描述][673de5dc4e6941298eba8870b4876bb0.png]
 *  **第二种：使用有参构造进行注入**

*  创建类，定义属性和对应的有参构造  
    注：要生成无参构造，因为XML配置文件通过无参构造方法来创建对象  
    ![在这里插入图片描述][c61e042d510641cbafbfc01b592f961b.png]
 *  配置文件中进行属性注入和对象创建  
    ![在这里插入图片描述][2c55709e2b70446e8ae19dc7e2591a77.png]\* 步骤三和步骤四与方法一一致：略

*  **第三种：p名称空间注入**
    
     *  在配置文件中添加p名称空间  
        ![在这里插入图片描述][f0cb78c86f404ce2954be77b193635c6.png]
     *  进行属性注入，在bean便签里面操作  
        注：需生成属性对应的set方法  
        ![在这里插入图片描述][81126475cd4c4f25801ea7c84d236ed0.png]\- **注入其他属性**
        
         *  注入null值  
            使用对应的null标签  
            ![在这里插入图片描述][e3e69e80153b4066884d159e905b7b76.png]

*  属性值含有特殊符号—把含有特殊符号的内容写入CDATA  
    ![在这里插入图片描述][fe8adf7d4e7f468fb71414195c34f190.png]

*  **注入属性–外部Bean**

*  创建emp和dept两个类，并添加相应的属性及set方法  
    ![在这里插入图片描述][62854fb82abf4c279e3d4676394be16e.png]  
    ![在这里插入图片描述][c9a76054eaea4dc1b625cf885286abab.png]
 *  在emp类引用dept对象属性  
    ![在这里插入图片描述][6a8165766bf7423f8570411430bfec0a.png]
 *  配置文件配置外部Bean  
    ![在这里插入图片描述][3d15b29ba0764e9daa2af2b459d106d1.png]  
    **注：在emp中注入dept对象，使用peoperty标签，其中name属性对应类中的属性名称；ref属性是代表dept对象bean标签中的id属性值。**
 *  在emp中创建方法打印测试属性–dept类需要进行toString  
    ![在这里插入图片描述][4e678cebf90d4c908447a01c0266c4e0.png]
 *  在测试类中测试emp对象及其测试方法  
    ![在这里插入图片描述][e04b2f11f5d94f678be0faf58d505d42.png] \- **注入属性–内部Bean**  
    ![在这里插入图片描述][2960f21ff9774740bb1e786a8c0b9f1b.png]**注：外部Bean和内部Bean的区别**  
    外部bean:直接在beans标签内部定义bean对象，外部bean可以被多个bean对象引用；  
    内部bean：在某个bean标签内部定义bean对象，内部bean只能对该bean标签的某个属性引用。

*  **注入属性：级联赋值**  
    需要获取对象的属性值，故在emp类中生成dept的get方法  
    例：  
    ![在这里插入图片描述][9abe4150702a4f2990a35a7f1eca7d41.png]
 *  **注入属性-注入其他类型**

1.  注入数组类型  
    ![在这里插入图片描述][044f52259ab14b7d8cecc3ed1d35f51c.png]2.注入list类型  
    ![在这里插入图片描述][8e724c2ba7e9448a9a9c459dbe86fdb6.png]  
    3.注入Set集合类型  
    ![在这里插入图片描述][0880f660ae9642728b8f836f2093ff86.png]4.注入Map集合类型  
    ![在这里插入图片描述][30481d7ad86e4aa38a6d39bd18b38fcc.png]

*  **在集合或数组中设置对象类型值**  
    1、创建Teacher类和Course类，并创建对应的属性和set方法  
    Teacher类![在这里插入图片描述][a1cef1c3fd864a2bb40b0966132634db.png]Course类![在这里插入图片描述][0b69e5542cc24ba2834c0c4e64127583.png]2、配置文件中做相应配置  
    ![在这里插入图片描述][a8e1c54771444b69ad71e1fd15d9945d.png]3、作相应测试  
    ![在这里插入图片描述][05b11dd90c834acf8eeef256221f725e.png]  
    ![在这里插入图片描述][81ac0c96908540b6980b68c8a722f1b2.png]

#### 把集合注入部分提取公用 ####

1、在spring配置文件中引用名称空间util  
如图：![在这里插入图片描述][652133fd1c444ab48ca1719006a1bf39.png]2、使用util标签完成list集合注入  
![在这里插入图片描述][5f79c10cb54a49ff928f20382941818d.png]3、在创建对象时引用注入的集合  
![在这里插入图片描述][961559f192294eab987d61df8fe32df3.png]

### Bean的分类 ###

#### 普通Bean ####

再配置文件中定义的Bean类型就是返回类型

#### 工厂Bean ####

在配置文件中洪定义的bean类型可以和返回的类型不一致  
1、创建类，让该类作为工厂类，实现接口FactoryBean  
2、实现接口里面的方法，在实现的方法中定义bean的返回类型  
![在这里插入图片描述][345ed758d5d74a919c6e98a1eb87dcf6.png]![在这里插入图片描述][daf67fc8bc7441ef9d087ff633da8b4e.png]  
![在这里插入图片描述][be1ad82ddce94fc5bdce36222f6bc4a3.png]

### bean的作用域 ###

1、在Spring里面，设置创建bean是单实例还是多实例  
2、在spring里面，默认情况下，bean是单实例对象（指向同一个地址值）  
![在这里插入图片描述][abf7e1d331504f74812ee9d58af31dfd.png]3、如何设置bean是单实例或多实例  
通过bean标签中的scope属性设置。singleton设置单实例。prototype设置多实例。  
多实例案例：  
![在这里插入图片描述][722c090f28da4e15956bda5cfb5adeb1.png]**区别 : 单实例情况在加载spring配置文件时就创建出单实例对象；多实例情况下需要在调用getBean()时才会创建多实例对象。**

## bean生命周期 ##

一、从对象创建到对象销毁的过程。

二、周期历程：  
1、通过构造器来创建bean实例（无参构造）；  
2、为bean的属性设置值；  
3、调用bean的初始化方法；  
4、使用bean；（获取到了对象）  
5、当容器关闭时，调用bean的销毁的方法。

三、演示bean的生命周期  
1、创建测试类  
如：![在这里插入图片描述][3401b4e2bc7247c48910c6cfab54bdc7.png]2、配置文件做相关配置  
如：![在这里插入图片描述][83ed85f1a4164fbb8fa3bdb04b3462e6.png]3、创建测试类  
如：![在这里插入图片描述][370cbb2ac77747b69b361e168afc1694.png]四、bean的后置处理器，生命周期七步  
1、通过构造器来创建bean实例（无参构造）；  
2、为bean的属性设置值；  
3、把bean实例传递给bean后置处理器方法进行相应处理；–postProcessBeforeInitialztion  
4、调用bean的初始化方法；  
5、把bean实例传递给bean后置处理器方法进行相应处理。–postProcessAfterInitialztion  
6、使用bean；（获取到了对象）  
7、当容器关闭时，调用bean的销毁的方法。

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

五、添加后置处理器：  
1、创建类，实现接口BeanPostProcessor  
如：  
![在这里插入图片描述][254668debec34be881c0ac2e9ea6972a.png]2、配置文件中配置后置处理器  
如：![在这里插入图片描述][8ef6732f949747b6a6a682c513019378.png]

## xml自动装配 ##

1、什么是自动装配  
根据指定的规则（属性名称，属性类型）将匹配的属性值进行注入。

**通过bean标签的autowire属性实现自动装配**

2、根据属性名称自动装配（autowire= “byName”）  
注：类属性名称要与注入值bean的id属性值保持一致  
![在这里插入图片描述][3ee599652941411f89fcb0404c1b2a0a.png]3、根据属性类型自动装配（autowire= “byType”）  
注：类属性类型要与注入值bean的class属性值保持一致  
![在这里插入图片描述][222d800f715b4d43a14b78d2dc4e7cf9.png]

### 引入外部属性文件 ###

1、直接配置数据库信息  
1.1 配置德鲁伊连接池  
1.2 引入的德鲁伊连接池依赖包  
如：![在这里插入图片描述][d19043809e27487091d894e2b4b6e81e.png]

2、引入外部属性文件来配置数据库信息  
2.1 创建外部属性文件，properties格式文件，用于写数据库信息  
如：  
![在这里插入图片描述][9e27f723fa8145e9bb48672effe1c1b9.png]

2.2 把外部属性文件引入到spring配置文件中  
2.2.1 引入context名称空间  
![在这里插入图片描述][7172b1bd23ef4e1d964c7a7591210bf3.png]

2.2.2 引入外部属性文件  
![在这里插入图片描述][c40b27dd83bb4fe086874e5bab9025ea.png]

2.3配置数据库信息  
![在这里插入图片描述][f5f32b54142f432b987f4cbf8851efce.png]

[bf68401c4e174810a5c08e6d7abcaa2e.bmp_pic_center]: https://img-blog.csdnimg.cn/bf68401c4e174810a5c08e6d7abcaa2e.bmp#pic_center
[6e923b65d40849d085e0117fbd8a1ad9.png]: https://img-blog.csdnimg.cn/6e923b65d40849d085e0117fbd8a1ad9.png
[https_repo.spring.io_ui_native_release_org_springframework_spring]: https://repo.spring.io/ui/native/release/org/springframework/spring/
[9303a2a4eab444e3971875214c0896d7.png]: https://img-blog.csdnimg.cn/9303a2a4eab444e3971875214c0896d7.png
[a86e135eff58466886acb9bbd89c5493.png]: https://img-blog.csdnimg.cn/a86e135eff58466886acb9bbd89c5493.png
[2731f27dcd3640a6b752d7f7b5a4525f.png]: https://img-blog.csdnimg.cn/2731f27dcd3640a6b752d7f7b5a4525f.png
[76b0ed801c3e41dd98d47206b36006b6.png]: https://img-blog.csdnimg.cn/76b0ed801c3e41dd98d47206b36006b6.png
[94ded66af563473bbe8eba5e0612a43a.png]: https://img-blog.csdnimg.cn/94ded66af563473bbe8eba5e0612a43a.png
[92617ad83a1b40cd9d8980494d6f45c4.png]: https://img-blog.csdnimg.cn/92617ad83a1b40cd9d8980494d6f45c4.png
[69e8ca32d8ab44b9978fea0402110470.png]: https://img-blog.csdnimg.cn/69e8ca32d8ab44b9978fea0402110470.png
[e654b0b1d5aa473dba42e9f09c1efa8a.png]: https://img-blog.csdnimg.cn/e654b0b1d5aa473dba42e9f09c1efa8a.png
[b74c109024e7492f8e473b6271d99b9d.png]: https://img-blog.csdnimg.cn/b74c109024e7492f8e473b6271d99b9d.png
[75795eb223704d969be8d7bdedcf5766.png]: https://img-blog.csdnimg.cn/75795eb223704d969be8d7bdedcf5766.png
[b4ce88617c0445acbc87548a3b72453d.png]: https://img-blog.csdnimg.cn/b4ce88617c0445acbc87548a3b72453d.png
[78a220e344bd4a518fe5c41f2e4a6f20.png]: https://img-blog.csdnimg.cn/78a220e344bd4a518fe5c41f2e4a6f20.png
[ce87ce1c75464a13854ccf29b0b57271.png]: https://img-blog.csdnimg.cn/ce87ce1c75464a13854ccf29b0b57271.png
[466dd0d3572446a88fe62dfd6c2f046e.png]: https://img-blog.csdnimg.cn/466dd0d3572446a88fe62dfd6c2f046e.png
[7e3e478940774f64a35042fd253e3842.png]: https://img-blog.csdnimg.cn/7e3e478940774f64a35042fd253e3842.png
[13d315dd74874440a3de67e90e857d07.png]: https://img-blog.csdnimg.cn/13d315dd74874440a3de67e90e857d07.png
[673de5dc4e6941298eba8870b4876bb0.png]: https://img-blog.csdnimg.cn/673de5dc4e6941298eba8870b4876bb0.png
[c61e042d510641cbafbfc01b592f961b.png]: https://img-blog.csdnimg.cn/c61e042d510641cbafbfc01b592f961b.png
[2c55709e2b70446e8ae19dc7e2591a77.png]: https://img-blog.csdnimg.cn/2c55709e2b70446e8ae19dc7e2591a77.png
[f0cb78c86f404ce2954be77b193635c6.png]: https://img-blog.csdnimg.cn/f0cb78c86f404ce2954be77b193635c6.png
[81126475cd4c4f25801ea7c84d236ed0.png]: https://img-blog.csdnimg.cn/81126475cd4c4f25801ea7c84d236ed0.png
[e3e69e80153b4066884d159e905b7b76.png]: https://img-blog.csdnimg.cn/e3e69e80153b4066884d159e905b7b76.png
[fe8adf7d4e7f468fb71414195c34f190.png]: https://img-blog.csdnimg.cn/fe8adf7d4e7f468fb71414195c34f190.png
[62854fb82abf4c279e3d4676394be16e.png]: https://img-blog.csdnimg.cn/62854fb82abf4c279e3d4676394be16e.png
[c9a76054eaea4dc1b625cf885286abab.png]: https://img-blog.csdnimg.cn/c9a76054eaea4dc1b625cf885286abab.png
[6a8165766bf7423f8570411430bfec0a.png]: https://img-blog.csdnimg.cn/6a8165766bf7423f8570411430bfec0a.png
[3d15b29ba0764e9daa2af2b459d106d1.png]: https://img-blog.csdnimg.cn/3d15b29ba0764e9daa2af2b459d106d1.png
[4e678cebf90d4c908447a01c0266c4e0.png]: https://img-blog.csdnimg.cn/4e678cebf90d4c908447a01c0266c4e0.png
[e04b2f11f5d94f678be0faf58d505d42.png]: https://img-blog.csdnimg.cn/e04b2f11f5d94f678be0faf58d505d42.png
[2960f21ff9774740bb1e786a8c0b9f1b.png]: https://img-blog.csdnimg.cn/2960f21ff9774740bb1e786a8c0b9f1b.png
[9abe4150702a4f2990a35a7f1eca7d41.png]: https://img-blog.csdnimg.cn/9abe4150702a4f2990a35a7f1eca7d41.png
[044f52259ab14b7d8cecc3ed1d35f51c.png]: https://img-blog.csdnimg.cn/044f52259ab14b7d8cecc3ed1d35f51c.png
[8e724c2ba7e9448a9a9c459dbe86fdb6.png]: https://img-blog.csdnimg.cn/8e724c2ba7e9448a9a9c459dbe86fdb6.png
[0880f660ae9642728b8f836f2093ff86.png]: https://img-blog.csdnimg.cn/0880f660ae9642728b8f836f2093ff86.png
[30481d7ad86e4aa38a6d39bd18b38fcc.png]: https://img-blog.csdnimg.cn/30481d7ad86e4aa38a6d39bd18b38fcc.png
[a1cef1c3fd864a2bb40b0966132634db.png]: https://img-blog.csdnimg.cn/a1cef1c3fd864a2bb40b0966132634db.png
[0b69e5542cc24ba2834c0c4e64127583.png]: https://img-blog.csdnimg.cn/0b69e5542cc24ba2834c0c4e64127583.png
[a8e1c54771444b69ad71e1fd15d9945d.png]: https://img-blog.csdnimg.cn/a8e1c54771444b69ad71e1fd15d9945d.png
[05b11dd90c834acf8eeef256221f725e.png]: https://img-blog.csdnimg.cn/05b11dd90c834acf8eeef256221f725e.png
[81ac0c96908540b6980b68c8a722f1b2.png]: https://img-blog.csdnimg.cn/81ac0c96908540b6980b68c8a722f1b2.png
[652133fd1c444ab48ca1719006a1bf39.png]: https://img-blog.csdnimg.cn/652133fd1c444ab48ca1719006a1bf39.png
[5f79c10cb54a49ff928f20382941818d.png]: https://img-blog.csdnimg.cn/5f79c10cb54a49ff928f20382941818d.png
[961559f192294eab987d61df8fe32df3.png]: https://img-blog.csdnimg.cn/961559f192294eab987d61df8fe32df3.png
[345ed758d5d74a919c6e98a1eb87dcf6.png]: https://img-blog.csdnimg.cn/345ed758d5d74a919c6e98a1eb87dcf6.png
[daf67fc8bc7441ef9d087ff633da8b4e.png]: https://img-blog.csdnimg.cn/daf67fc8bc7441ef9d087ff633da8b4e.png
[be1ad82ddce94fc5bdce36222f6bc4a3.png]: https://img-blog.csdnimg.cn/be1ad82ddce94fc5bdce36222f6bc4a3.png
[abf7e1d331504f74812ee9d58af31dfd.png]: https://img-blog.csdnimg.cn/abf7e1d331504f74812ee9d58af31dfd.png
[722c090f28da4e15956bda5cfb5adeb1.png]: https://img-blog.csdnimg.cn/722c090f28da4e15956bda5cfb5adeb1.png
[3401b4e2bc7247c48910c6cfab54bdc7.png]: https://img-blog.csdnimg.cn/3401b4e2bc7247c48910c6cfab54bdc7.png
[83ed85f1a4164fbb8fa3bdb04b3462e6.png]: https://img-blog.csdnimg.cn/83ed85f1a4164fbb8fa3bdb04b3462e6.png
[370cbb2ac77747b69b361e168afc1694.png]: https://img-blog.csdnimg.cn/370cbb2ac77747b69b361e168afc1694.png
[caaf8f6229ba44f0bed46d2b9346cce0.png]: https://img-blog.csdnimg.cn/caaf8f6229ba44f0bed46d2b9346cce0.png
[254668debec34be881c0ac2e9ea6972a.png]: https://img-blog.csdnimg.cn/254668debec34be881c0ac2e9ea6972a.png
[8ef6732f949747b6a6a682c513019378.png]: https://img-blog.csdnimg.cn/8ef6732f949747b6a6a682c513019378.png
[3ee599652941411f89fcb0404c1b2a0a.png]: https://img-blog.csdnimg.cn/3ee599652941411f89fcb0404c1b2a0a.png
[222d800f715b4d43a14b78d2dc4e7cf9.png]: https://img-blog.csdnimg.cn/222d800f715b4d43a14b78d2dc4e7cf9.png
[d19043809e27487091d894e2b4b6e81e.png]: https://img-blog.csdnimg.cn/d19043809e27487091d894e2b4b6e81e.png
[9e27f723fa8145e9bb48672effe1c1b9.png]: https://img-blog.csdnimg.cn/9e27f723fa8145e9bb48672effe1c1b9.png
[7172b1bd23ef4e1d964c7a7591210bf3.png]: https://img-blog.csdnimg.cn/7172b1bd23ef4e1d964c7a7591210bf3.png
[c40b27dd83bb4fe086874e5bab9025ea.png]: https://img-blog.csdnimg.cn/c40b27dd83bb4fe086874e5bab9025ea.png
[f5f32b54142f432b987f4cbf8851efce.png]: https://img-blog.csdnimg.cn/f5f32b54142f432b987f4cbf8851efce.png