java 知识点 12（struts2创建项目与入门、耦合、解耦）

╰+攻爆jí腚メ 2023-10-08 12:26 9阅读 0赞

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

*   *  1、struts2创建项目
     *   *  1.1、新建struts2项目
         *  1.2、步骤总结
         *  1.3、解析
         *   *  1.3.1、web.xml
             *  1.3.2、struts.xml 解析
             *  1.3.3、实现action的三种方式
         *  1.4、动态方法调用（重点：挖坑填坑）
         *  1.5、查看struts有哪些常量
     *  2、struts2开始入门
     *   *  2.1、浏览器往action传参
         *   *  2.1.1、post传参（struts.html不挖坑时）
             *  2.1.2、post传参（动态加载、struts.html挖坑）
             *   *  2.1.2.1、简单传参
                 *  2.1.2.2、传复合类型（高耦合方式、不常用）
                 *  2.1.2.3、传复合类型（常用方式，给对象属性注入值）
             *  2.1.3、get传参（string、list、set、map）
         *  2.2、action返回值
         *   *  2.2.1、返回值常量、全局result
             *  2.2.2、action默认值
             *  2.2.3、result默认值
         *  2.3、在action中使用web元素
         *  2.3、处理请求后缀（过滤器处理的）
         *  2.4、文件上传
     *  3、耦合、解耦

### 1、struts2创建项目 ###

> 新建maven项目相关问题参考：https://blog.csdn.net/a\_\_int\_\_/article/details/107775505  
> 里面的第4部分

#### 1.1、新建struts2项目 ####

![在这里插入图片描述][20200807143738455.png]  
![在这里插入图片描述][20200807145149795.png]  
新建完成，新建web.xml  
![在这里插入图片描述][2020080714532475.png]

然后在pom.xml里面添加插件内容（主要用来更改默认jdk版本）

<build>
    		<plugins>
    			<plugin>
    				<groupId>org.apache.maven.plugins</groupId>
    				<artifactId>maven-compiler-plugin</artifactId>
    				<version>3.8.0</version>
    				<configuration>
    					<source>1.8</source>
    					<target>1.8</target>
    					<encoding>UTF-8</encoding>
    				</configuration>
    			</plugin>
    		</plugins>
    	</build>

![在这里插入图片描述][20200807145732271.png]  
修改完保存后，右击项目-》maven-》update project，然后选择我们的项目，点ok

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

> 右击项目-》maven-》update project 可以用快捷键Alt+f5代替

更新后可以看到jdk变成了1.8  
![在这里插入图片描述][20200807150134874.png]  
在webapp目录下创建index.jsp  
![在这里插入图片描述][20200807154854655.png]

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>struts2项目</title>
    </head>
    <body>
    <h1>第一个项目，启动了</h1>
    </body>
    </html>

然后在pom.xml里面添加jsp依赖，右击pom.xml  
![在这里插入图片描述][20200807155140920.png]  
![在这里插入图片描述][20200807155407407.png]  
添加索引：先添加maven的视图  
![在这里插入图片描述][2020080716011232.png]  
![在这里插入图片描述][20200807160214851.png]  
然后添加索引  
![在这里插入图片描述][20200807161012796.png]  
然后再添加依赖（右击pom.xml->maven->Add dependency）,  
输入jsp-》选择后点ok  
![在这里插入图片描述][20200807161401234.png]  
再添加servlet依赖  
![在这里插入图片描述][20200807161545615.png]  
再添加junit  
![在这里插入图片描述][20200807161649114.png]  
再添加struts2的依赖  
添加前先打开看看maven依赖有哪些  
![在这里插入图片描述][20200807162202608.png]  
添加  
![在这里插入图片描述][20200807162354871.png]

写到pom.xml后，开始自动下载  
![在这里插入图片描述][20200807174838106.png]

<dependency>
    			<groupId>org.apache.struts</groupId>
    			<artifactId>struts2-core</artifactId>
    			<version>2.3.24</version>
    		</dependency>

写一个action（相当于之前的servlet类）

package com.haha.action;
    
    public class NewAction {
        
    	public String save() {
        
    		System.out.println("运行了 ");
    		return null;
    	}
    }

![在这里插入图片描述][20200807180850655.png]  
新建struts.xml  
![在这里插入图片描述][20200807181520507.png]  
然后在依赖里面找到dtd  
先把包的展现形式改一下  
![在这里插入图片描述][20200807181844456.png]  
找到dtd  
![在这里插入图片描述][20200807181953449.png]  
复制到xml里面  
![在这里插入图片描述][20200807182038219.png]  
把新建的action添加进xml  
![在这里插入图片描述][20200807182641486.png]

![在这里插入图片描述][20200807182840226.png]  
然后找到web.xml,配置filter

> 快捷键提示：ctrl+shift+t 查找类  
> ![在这里插入图片描述][20200807184552812.png]

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

<filter>
    	<filter-name>struts2</filter-name>
    	<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
    </filter>
    <filter-mapping>
    	<filter-name>struts2</filter-name>
    	<url-pattern>/*</url-pattern>
    </filter-mapping>

将项目添加进tomcat，并启动  
![在这里插入图片描述][20200807182949534.png]  
![在这里插入图片描述][20200807183018459.png]  
启动后开始访问  
访问jsp：http://localhost:8080/struts2/index.jsp  
![在这里插入图片描述][202008071835141.png]  
访问action：http://localhost:8080/struts2/user/save  
![在这里插入图片描述][20200808095340323.png]  
![在这里插入图片描述][20200808095319924.png]

#### 1.2、步骤总结 ####

第一步：搭建maven环境

*  1、下载maven：https://maven.apache.org/download.cgi
 *  2、系统maven环境配置
 *  3、找到conf / settings.xml，添加本地仓库地址、添加国内镜像

第二步：修改eclipce里maven的配置

*  1、改maven位置：windows - preferences - maven - installations - add（maven目录）
 *  2、改setting位置： windows - preferences - maven - installations - add（maven目录）
 *  3、创建maven项目

> 以下的步骤分别是创建：web.xml、jsp、struts.xml、actiom类、pom.xml

*  4、添加web.xml (src/ main/ webapp/ WEB-INF)

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    	xmlns="http://java.sun.com/xml/ns/javaee"
    	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    	version="2.5">
    <filter>
    	<filter-name>struts2</filter-name>
    	<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
    </filter>
    <filter-mapping>
    	<filter-name>struts2</filter-name>
    	<url-pattern>/*</url-pattern>
    </filter-mapping>
    </web-app>

*  5、添加jsp (src/ main/ webapp)

*  6、添加struts.xml (src/ main/ resouce) ！注意版本

<?xml version="1.0" encoding="UTF-8"?>
    
    
    <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts-2.3.dtd">
    <struts>
    	<package name="default" namespace="/user" extends="struts-default">
    		<action name="save" class="com.haha.action.NewAction" method="save"></action>
    	</package>
    </struts>

*  7、添加一个action类（src/ main/ java）

package com.haha.action;
    
    public class NewAction {
        
    	public String save() {
        
    		System.out.println("运行了 ");
    		return null;
    	}
    }

*  8、修改pom.xml

<dependencies>
    		<dependency>
    			<groupId>junit</groupId>
    			<artifactId>junit</artifactId>
    			<version>4.9</version>
    			<scope>test</scope>
    		</dependency>
    		<dependency>
    			<groupId>javax.servlet</groupId>
    			<artifactId>servlet-api</artifactId>
    			<version>2.5</version>
    			<scope>provided</scope>
    		</dependency>
    		<dependency>
    			<groupId>javax.servlet</groupId>
    			<artifactId>jsp-api</artifactId>
    			<version>2.0</version>
    			<scope>provided</scope>
    		</dependency>
    		<dependency>
    			<groupId>org.apache.struts</groupId>
    			<artifactId>struts2-core</artifactId>
    			<version>2.3.24</version>
    		</dependency>
    </dependencies>
    	<build>
    		<plugins>
    			<plugin>
    				<groupId>org.apache.maven.plugins</groupId>
    				<artifactId>maven-compiler-plugin</artifactId>
    				<version>3.8.0</version>
    				<configuration>
    					<source>1.8</source>
    					<target>1.8</target>
    					<encoding>UTF-8</encoding>
    				</configuration>
    			</plugin>
    		</plugins>
    	</build>

*  9、把项目添加进tomcat里运行，访问:  
    localhost:8080/项目名/index.jsp、  
    localhost:8080/项目名/user/save

#### 1.3、解析 ####

##### 1.3.1、web.xml #####

过滤器解析步骤：解析url、确定action  
![在这里插入图片描述][2020080819031213.png]

> web.xml除了手动写，还可以自动生成  
> ![在这里插入图片描述][20200808194435969.png]

##### 1.3.2、struts.xml 解析 #####

1、package作用

*  用来增大命名空间，把相关的action集中到一起
 *  但一般开发中就用一个package  
    ![在这里插入图片描述][2020080819223455.png]
 *  namespace可以不写，如果不写访问就变成：http://ip：端口/项目名/action name
 *  extends：写成默认的struts-default
 *  abstract：值为false或true（我们一般不写）
 *  action：一个action对应一个类中的一个方法  
    ![在这里插入图片描述][20200808193454985.png]

2、打开struts开发模式![加粗样式][20200808192700365.png]

##### 1.3.3、实现action的三种方式 #####

*  第一种创建一个普通的类(少用)  
    ![在这里插入图片描述][20200808203808522.png]
 *  第二种创建一个Java类，实现action接口（不用）  
    ![在这里插入图片描述][2020080820432363.png]  
    ![在这里插入图片描述][20200808204354533.png]

struts.xml  
![加粗样式][20200808204047770.png]

*  第三种创建一个java类，继承ActionSupport（常用）  
    ![在这里插入图片描述][20200808204804591.png]  
    ![在这里插入图片描述][20200808204906103.png]  
    ![在这里插入图片描述][20200808205131841.png]

#### 1.4、动态方法调用（重点：挖坑填坑） ####

先构建action (action用的第三种实现方式)  
![在这里插入图片描述][2020080821241037.png]

struts.xml（老办法）  
![在这里插入图片描述][20200808212433179.png]

struts.xml（动态方法调用）

先开启动态方法调用  
![在这里插入图片描述][20200808213300301.png]  
然后写package  
![在这里插入图片描述][20200808213318340.png]  
访问：IP/项目名/user!方法名  
![在这里插入图片描述][2020080821334415.png]  
这里注意一下动态方法调用默认支持的方法只有这些（这个限制是从struts2.5开始的）  
![在这里插入图片描述][20200808222929113.png]  
可以手动添加需要动态加载的方法名  
![在这里插入图片描述][20200808223213284.png]  
开放所有方法第一种：中间写成\*表示开放所有方法都支持

![在这里插入图片描述][20200808223337420.png]  
开放所有方法第二种：或者也可以不写\*这一句，写成这样，效果一样（当然也可以两个都写）  
![在这里插入图片描述][20200808223721484.png]  
开放所有方法第三种：挖坑填坑  
![在这里插入图片描述][20200808224413386.png]  
挖两个坑  
![在这里插入图片描述][20200808224652579.png]  
![在这里插入图片描述][20200808224851595.png]

![在这里插入图片描述][20200808224727624.png]  
增加一个CarAction类试试，里面的方法和UserAction基本一样  
![在这里插入图片描述][20200808225401399.png]  
struts里面还是挖两个坑  
![在这里插入图片描述][20200808225548524.png]  
![在这里插入图片描述][20200808225602242.png]

#### 1.5、查看struts有哪些常量 ####

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

### 2、struts2开始入门 ###

#### 2.1、浏览器往action传参 ####

##### 2.1.1、post传参（struts.html不挖坑时） #####

action  
![在这里插入图片描述][20200808184311766.png]  
struts.html  
![在这里插入图片描述][20200808230654904.png]

jsp里面  
![在这里插入图片描述][20200808184725973.png]  
运行后访问：  
![在这里插入图片描述][20200808184851588.png]

##### 2.1.2、post传参（动态加载、struts.html挖坑） #####

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

struts.html（挖坑方式）  
![在这里插入图片描述][20200808231229590.png]

###### 2.1.2.1、简单传参 ######

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

访问，提交  
![在这里插入图片描述][20200808232517362.png]  
![在这里插入图片描述][2020080823253741.png]

###### 2.1.2.2、传复合类型（高耦合方式、不常用） ######

新建一个类  
![在这里插入图片描述][20200808232830441.png]  
然后在UserAction里面添加这三个属性并生成get、set方法（这还是以普通参数方式传递）  
![在这里插入图片描述][20200808233054230.png]  
在UserAction新添加方法save2（这还是以普通参数方式传递）  
![在这里插入图片描述][20200808233223869.png]

jsp  
![在这里插入图片描述][2020080823293156.png]  
访问：填入  
![在这里插入图片描述][2020080823350630.png]  
![在这里插入图片描述][2020080823353343.png]

下面以复合类型传递

UserAction里面添加  
![在这里插入图片描述][20200808233901198.png]

![在这里插入图片描述][20200808233843779.png]  
再提供一个set、get方法  
![在这里插入图片描述][20200808234617497.png]

JSP: 在属性前加uer.  
![在这里插入图片描述][20200808234245762.png]  
访问  
![在这里插入图片描述][20200808234510328.png]  
返回结果  
![在这里插入图片描述][20200808234727220.png]

###### 2.1.2.3、传复合类型（常用方式，给对象属性注入值） ######

新建car类  
![在这里插入图片描述][20200808235137175.png]  
新建CarAction类（实现ModelDricev接口）  
![在这里插入图片描述][20200808235537421.png]  
![在这里插入图片描述][20200808235739553.png]

jsp  
![在这里插入图片描述][20200808235009528.png]  
访问  
![在这里插入图片描述][20200809010548313.png]

![在这里插入图片描述][20200809010408369.png]  
初学者容易犯的错误  
![在这里插入图片描述][20200809010752191.png]  
![在这里插入图片描述][20200809010841807.png]

##### 2.1.3、get传参（string、list、set、map） #####

新建FoodAction类  
![在这里插入图片描述][20200809011356969.png]  
struts.xml（没有改变，还是挖坑填坑方式)  
![在这里插入图片描述][20200809011511381.png]  
运行，访问  
![在这里插入图片描述][20200809011655549.png]  
![在这里插入图片描述][20200809011705553.png]  
![在这里插入图片描述][20200809011739703.png]

![在这里插入图片描述][2020080901172568.png]  
同样list、set、map  
![在这里插入图片描述][2020080901210023.png]

#### 2.2、action返回值 ####

action每个方法返回值对应 struts.xml配置文件result标签  
![在这里插入图片描述][20200810140138887.png]

result的属性：  
1、name，指定试图的逻辑名  
2、type，指定跳转方式，有如下几种  
![在这里插入图片描述][20200810205631130.png]  
例：  
![在这里插入图片描述][20200810205619738.png]

##### 2.2.1、返回值常量、全局result #####

返回值除了对应struts.xml配置文件result标签，  
还有一些预设的常量

例如：SUCCESS  
![在这里插入图片描述][20200810205826481.png]  
每个常量对应一个字符串，可以在源码里看到  
为常量设置跳转页面  
![在这里插入图片描述][2020081021020125.png]

results还可以设置一个全局的global-results  
![在这里插入图片描述][20200810224647628.png]

##### 2.2.2、action默认值 #####

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

##### 2.2.3、result默认值 #####

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

#### 2.3、在action中使用web元素 ####

![在这里插入图片描述][20200810233107849.png]  
通过静态方法获取假web元素  
![在这里插入图片描述][20200810234331865.png]  
![在这里插入图片描述][20200810235033538.png]

通过接口获取假web元素  
![在这里插入图片描述][20200810234659195.png]  
![在这里插入图片描述][20200810234839795.png]  
通过静态方法获取真web元素  
![在这里插入图片描述][20200810235318482.png]

通过接口获取真web元素  
![在这里插入图片描述][20200810235742498.png]  
这后面还有个接口  
![在这里插入图片描述][20200810235907568.png]  
![在这里插入图片描述][20200811000149480.png]

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

#### 2.3、处理请求后缀（过滤器处理的） ####

对于请求路径，struts可以逐级的找，比如这里是没有a/b/c/d/e/f/e/下的user\_save.html。  
但是struts可以逐级的找，先找a/b/c/d/e/f/下的user\_save.html，  
再找a/b/c/d/e/下的user\_save.html，最后找到s4下的user\_save.html。  
![在这里插入图片描述][20200811141945989.png]  
struts默认通过的后缀是action  
![在这里插入图片描述][20200811142411577.png]  
通过下面这句话可以设置自定义后缀

这表示可以通过html、php后缀，以及没有后缀  
![在这里插入图片描述][20200811142626922.png]

#### 2.4、文件上传 ####

新建jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>网页标题</title>
    </head>
    <body>
    <form action="${pageContext.request.contexPath}/User_save" method="post" enctype="multipart/form-data">
    	name:<input type="text" name="name" /><br />
    	name:<input type="file" name="photo" /><br />
    	<button type="submit">GO</button>
    </form>
    </body>
    </html>

![在这里插入图片描述][20200811144656435.png]  
(浏览器点提交文件过后，struts会将文件以tmp文件暂时保存在服务器电脑，等action类执行完毕之后tmp文件会被删除)  
action  
![在这里插入图片描述][20200811155939697.png]

### 3、耦合、解耦 ###

耦合：对象之间的耦合度就是对象之间的依赖性，依赖越高耦合越高  
解耦：降低耦合度即可以理解为解耦，让彼此独立、互不依赖。

[20200807143738455.png]: https://img-blog.csdnimg.cn/20200807143738455.png
[20200807145149795.png]: https://img-blog.csdnimg.cn/20200807145149795.png
[2020080714532475.png]: https://img-blog.csdnimg.cn/2020080714532475.png
[20200807145732271.png]: https://img-blog.csdnimg.cn/20200807145732271.png
[20200807145949545.png]: https://img-blog.csdnimg.cn/20200807145949545.png
[20200807150134874.png]: https://img-blog.csdnimg.cn/20200807150134874.png
[20200807154854655.png]: https://img-blog.csdnimg.cn/20200807154854655.png
[20200807155140920.png]: https://img-blog.csdnimg.cn/20200807155140920.png
[20200807155407407.png]: https://img-blog.csdnimg.cn/20200807155407407.png
[2020080716011232.png]: https://img-blog.csdnimg.cn/2020080716011232.png
[20200807160214851.png]: https://img-blog.csdnimg.cn/20200807160214851.png
[20200807161012796.png]: https://img-blog.csdnimg.cn/20200807161012796.png
[20200807161401234.png]: https://img-blog.csdnimg.cn/20200807161401234.png
[20200807161545615.png]: https://img-blog.csdnimg.cn/20200807161545615.png
[20200807161649114.png]: https://img-blog.csdnimg.cn/20200807161649114.png
[20200807162202608.png]: https://img-blog.csdnimg.cn/20200807162202608.png
[20200807162354871.png]: https://img-blog.csdnimg.cn/20200807162354871.png
[20200807174838106.png]: https://img-blog.csdnimg.cn/20200807174838106.png
[20200807180850655.png]: https://img-blog.csdnimg.cn/20200807180850655.png
[20200807181520507.png]: https://img-blog.csdnimg.cn/20200807181520507.png
[20200807181844456.png]: https://img-blog.csdnimg.cn/20200807181844456.png
[20200807181953449.png]: https://img-blog.csdnimg.cn/20200807181953449.png
[20200807182038219.png]: https://img-blog.csdnimg.cn/20200807182038219.png
[20200807182641486.png]: https://img-blog.csdnimg.cn/20200807182641486.png
[20200807182840226.png]: https://img-blog.csdnimg.cn/20200807182840226.png
[20200807184552812.png]: https://img-blog.csdnimg.cn/20200807184552812.png
[2020080718491025.png]: https://img-blog.csdnimg.cn/2020080718491025.png
[20200807182949534.png]: https://img-blog.csdnimg.cn/20200807182949534.png
[20200807183018459.png]: https://img-blog.csdnimg.cn/20200807183018459.png
[202008071835141.png]: https://img-blog.csdnimg.cn/202008071835141.png
[20200808095340323.png]: https://img-blog.csdnimg.cn/20200808095340323.png
[20200808095319924.png]: https://img-blog.csdnimg.cn/20200808095319924.png
[2020080819031213.png]: https://img-blog.csdnimg.cn/2020080819031213.png?
[20200808194435969.png]: https://img-blog.csdnimg.cn/20200808194435969.png
[2020080819223455.png]: https://img-blog.csdnimg.cn/2020080819223455.png
[20200808193454985.png]: https://img-blog.csdnimg.cn/20200808193454985.png
[20200808192700365.png]: https://img-blog.csdnimg.cn/20200808192700365.png
[20200808203808522.png]: https://img-blog.csdnimg.cn/20200808203808522.png
[2020080820432363.png]: https://img-blog.csdnimg.cn/2020080820432363.png
[20200808204354533.png]: https://img-blog.csdnimg.cn/20200808204354533.png
[20200808204047770.png]: https://img-blog.csdnimg.cn/20200808204047770.png
[20200808204804591.png]: https://img-blog.csdnimg.cn/20200808204804591.png
[20200808204906103.png]: https://img-blog.csdnimg.cn/20200808204906103.png
[20200808205131841.png]: https://img-blog.csdnimg.cn/20200808205131841.png
[2020080821241037.png]: https://img-blog.csdnimg.cn/2020080821241037.png
[20200808212433179.png]: https://img-blog.csdnimg.cn/20200808212433179.png
[20200808213300301.png]: https://img-blog.csdnimg.cn/20200808213300301.png
[20200808213318340.png]: https://img-blog.csdnimg.cn/20200808213318340.png
[2020080821334415.png]: https://img-blog.csdnimg.cn/2020080821334415.png
[20200808222929113.png]: https://img-blog.csdnimg.cn/20200808222929113.png
[20200808223213284.png]: https://img-blog.csdnimg.cn/20200808223213284.png
[20200808223337420.png]: https://img-blog.csdnimg.cn/20200808223337420.png
[20200808223721484.png]: https://img-blog.csdnimg.cn/20200808223721484.png
[20200808224413386.png]: https://img-blog.csdnimg.cn/20200808224413386.png
[20200808224652579.png]: https://img-blog.csdnimg.cn/20200808224652579.png
[20200808224851595.png]: https://img-blog.csdnimg.cn/20200808224851595.png
[20200808224727624.png]: https://img-blog.csdnimg.cn/20200808224727624.png
[20200808225401399.png]: https://img-blog.csdnimg.cn/20200808225401399.png
[20200808225548524.png]: https://img-blog.csdnimg.cn/20200808225548524.png
[20200808225602242.png]: https://img-blog.csdnimg.cn/20200808225602242.png
[2020080823003318.png]: https://img-blog.csdnimg.cn/2020080823003318.png
[20200808184311766.png]: https://img-blog.csdnimg.cn/20200808184311766.png
[20200808230654904.png]: https://img-blog.csdnimg.cn/20200808230654904.png
[20200808184725973.png]: https://img-blog.csdnimg.cn/20200808184725973.png
[20200808184851588.png]: https://img-blog.csdnimg.cn/20200808184851588.png
[20200808232343262.png]: https://img-blog.csdnimg.cn/20200808232343262.png
[20200808231229590.png]: https://img-blog.csdnimg.cn/20200808231229590.png
[20200808231916668.png]: https://img-blog.csdnimg.cn/20200808231916668.png
[20200808232517362.png]: https://img-blog.csdnimg.cn/20200808232517362.png
[2020080823253741.png]: https://img-blog.csdnimg.cn/2020080823253741.png
[20200808232830441.png]: https://img-blog.csdnimg.cn/20200808232830441.png
[20200808233054230.png]: https://img-blog.csdnimg.cn/20200808233054230.png
[20200808233223869.png]: https://img-blog.csdnimg.cn/20200808233223869.png
[2020080823293156.png]: https://img-blog.csdnimg.cn/2020080823293156.png
[2020080823350630.png]: https://img-blog.csdnimg.cn/2020080823350630.png
[2020080823353343.png]: https://img-blog.csdnimg.cn/2020080823353343.png
[20200808233901198.png]: https://img-blog.csdnimg.cn/20200808233901198.png
[20200808233843779.png]: https://img-blog.csdnimg.cn/20200808233843779.png
[20200808234617497.png]: https://img-blog.csdnimg.cn/20200808234617497.png
[20200808234245762.png]: https://img-blog.csdnimg.cn/20200808234245762.png
[20200808234510328.png]: https://img-blog.csdnimg.cn/20200808234510328.png
[20200808234727220.png]: https://img-blog.csdnimg.cn/20200808234727220.png
[20200808235137175.png]: https://img-blog.csdnimg.cn/20200808235137175.png
[20200808235537421.png]: https://img-blog.csdnimg.cn/20200808235537421.png
[20200808235739553.png]: https://img-blog.csdnimg.cn/20200808235739553.png
[20200808235009528.png]: https://img-blog.csdnimg.cn/20200808235009528.png
[20200809010548313.png]: https://img-blog.csdnimg.cn/20200809010548313.png
[20200809010408369.png]: https://img-blog.csdnimg.cn/20200809010408369.png
[20200809010752191.png]: https://img-blog.csdnimg.cn/20200809010752191.png
[20200809010841807.png]: https://img-blog.csdnimg.cn/20200809010841807.png
[20200809011356969.png]: https://img-blog.csdnimg.cn/20200809011356969.png
[20200809011511381.png]: https://img-blog.csdnimg.cn/20200809011511381.png
[20200809011655549.png]: https://img-blog.csdnimg.cn/20200809011655549.png
[20200809011705553.png]: https://img-blog.csdnimg.cn/20200809011705553.png
[20200809011739703.png]: https://img-blog.csdnimg.cn/20200809011739703.png
[2020080901172568.png]: https://img-blog.csdnimg.cn/2020080901172568.png
[2020080901210023.png]: https://img-blog.csdnimg.cn/2020080901210023.png
[20200810140138887.png]: https://img-blog.csdnimg.cn/20200810140138887.png
[20200810205631130.png]: https://img-blog.csdnimg.cn/20200810205631130.png
[20200810205619738.png]: https://img-blog.csdnimg.cn/20200810205619738.png
[20200810205826481.png]: https://img-blog.csdnimg.cn/20200810205826481.png
[2020081021020125.png]: https://img-blog.csdnimg.cn/2020081021020125.png
[20200810224647628.png]: https://img-blog.csdnimg.cn/20200810224647628.png
[20200810230432383.png]: https://img-blog.csdnimg.cn/20200810230432383.png
[20200810230753427.png]: https://img-blog.csdnimg.cn/20200810230753427.png
[20200810233107849.png]: https://img-blog.csdnimg.cn/20200810233107849.png
[20200810234331865.png]: https://img-blog.csdnimg.cn/20200810234331865.png
[20200810235033538.png]: https://img-blog.csdnimg.cn/20200810235033538.png
[20200810234659195.png]: https://img-blog.csdnimg.cn/20200810234659195.png
[20200810234839795.png]: https://img-blog.csdnimg.cn/20200810234839795.png
[20200810235318482.png]: https://img-blog.csdnimg.cn/20200810235318482.png
[20200810235742498.png]: https://img-blog.csdnimg.cn/20200810235742498.png
[20200810235907568.png]: https://img-blog.csdnimg.cn/20200810235907568.png
[20200811000149480.png]: https://img-blog.csdnimg.cn/20200811000149480.png
[20200811000231494.png]: https://img-blog.csdnimg.cn/20200811000231494.png
[20200811141945989.png]: https://img-blog.csdnimg.cn/20200811141945989.png
[20200811142411577.png]: https://img-blog.csdnimg.cn/20200811142411577.png
[20200811142626922.png]: https://img-blog.csdnimg.cn/20200811142626922.png
[20200811144656435.png]: https://img-blog.csdnimg.cn/20200811144656435.png
[20200811155939697.png]: https://img-blog.csdnimg.cn/20200811155939697.png