Servlet组件(上)

迷南。 2024-03-30 15:41 45阅读 0赞

## Servlet组件(上) ##

### 学习目标 ###

*  了解Web资源的概念
 *  了解为什么需要Servlet
 *  掌握Servlet是什么
 *  掌握Servlet的HelloWorld
 *  掌握Servlet的执行原理
 *  掌握Servlet的生命周期和生命周期方法
 *  掌握ServletConfig的使用
 *  掌握Servlet的体系结构
 *  掌握Servlet的映射路径的编写方式
 *  掌握创建Servlet最常用的方法
 *  掌握开发工程目录结构和部署工程目录结构的对比
 *  掌握url
 *  掌握uri
 *  掌握相对路径的写法
 *  掌握绝对路径的写法
 *  掌握动态获取上下文路径

#### 1. Web资源的概念 ####

Web资源就是运行在服务器上的资源，它一共分为两类: 静态资源以及动态资源

##### 1.1 静态资源 #####

静态资源就是web页面中供人们浏览的数据始终是不变，例如我们之前所学习的html、css、js、图片、音视频等等都属于静态资源

##### 1.2 动态资源 #####

动态资源就是web页面中供人们浏览的数据是由程序(代码)产生的，不同的用户或者不同时间点访问web页面看到的内容各不相同，例如我们后续要学习的Servlet、JSP(不学)、Thymeleaf等等都是动态资源

#### 2. Servlet的概念 ####

##### 2.1 什么是Servlet #####

Servlet 是运行在服务端(tomcat)的Java小程序，是sun公司提供一套定义动态资源规范; 从代码层面上来讲Servlet就是一个接口

##### 2.2 Servlet的作用 #####

用来接收、处理客户端请求、响应给浏览器的动态资源。在整个Web应用中，Servlet主要负责接收处理请求、协同调度功能以及响应数据。我们可以把Servlet称为Web应用中的『控制器』

#### 3. Servlet的作用的图示 ####

**要实现的效果**

![在这里插入图片描述][fc9046f2d71741698c464e36325323cd.png_pic_center]

#### 4. Servlet的入门案例 ####

##### 4.1 目标 #####

在页面上点击超链接，由Servlet处理这个请求，并返回一个响应字符串：Hello,I am Servlet

##### 4.2 思路 #####

![在这里插入图片描述][6c6a95a4885c4f71992512cf9d344676.png_pic_center]

##### 4.3 实现步骤 #####

###### ① 创建动态Web module ######

###### ② 创建html页面 ######

<a href="/webday05/hello">访问HelloServlet</a>

###### ③ 创建HelloServlet类 ######

package com.lys.servlet;
    
    import javax.servlet.*;
    import java.io.IOException;
    
    /**
     * 包名:com.lys.servlet
     * @author lys
     * 编写Servlet的步骤:
     * 1. 编写一个类实现Servlet接口,并且重写里面的方法: 主要是要重写service方法
     * 2. 重写service方法,service方法中就是接收、处理请求，并且将信息响应给客户端
     * 3. 配置Servlet的映射路径(供客户端访问的路径):在web/WEB-INF/web.xml中配置
     */
    public class HelloServlet implements Servlet {
    
        @Override
        public void init(ServletConfig config) throws ServletException {
    
        }
    
        @Override
        public ServletConfig getServletConfig() {
            return null;
        }
    
        @Override
        public void service(ServletRequest req, ServletResponse res) throws ServletException, IOException {
            //使用响应输出流向浏览器输出: Hello,I am Servlet
            res.getWriter().write("Hello,I am Servlet");
        }
    
        @Override
        public String getServletInfo() {
            return null;
        }
    
        @Override
        public void destroy() {
    
        }
    }

###### ④ 在web.xml中配置HelloServlet ######

配置文件位置：WEB-INF/web.xml

![在这里插入图片描述][5db6f39a7597418087543641e7ec824c.png_pic_center]

<servlet>
            
            <servlet-name>helloServlet</servlet-name>
            
            <servlet-class>com.lys.servlet.HelloServlet</servlet-class>
        </servlet>
        
        <servlet-mapping>
            
            <servlet-name>helloServlet</servlet-name>
            
            <url-pattern>/hello</url-pattern>
        </servlet-mapping>

『映射路径』：Servlet并不是文件系统中实际存在的目录或文件，所以为了方便浏览器访问，我们创建了映射路径来访问它。

##### 4.4 小结 #####

需求：在浏览器上点超链接能够访问Java程序

![在这里插入图片描述][3008f8423a4b4dc8ba2df7bb4130d5a0.png_pic_center]

#### 5. 概念梳理 ####

##### 5.1 原生Tomcat #####

安装在电脑上的实实在在的Tomcat软件

##### 5.2 IDEA中的Tomcat实例 #####

通过idea的配置在idea上集成的Tomcat实例，其实还是使用的原生的Tomcat软件

##### 5.3 IDEA中的Web工程 #####

程序员使用IDEA编写的动态Web工程，该工程只是用于程序员编码，实际上部署运行在Tomcat服务器中的并不是这个工程

##### 5.4 根据Web工程生成的war包 #####

根据程序员创建的动态Web工程，IDEA会将其打包成一个war包，而真正部署运行在Tomcat服务器中的其实是war包

##### 5.5 访问资源的地址 #####

###### 5.5.1 访问静态资源 ######

/Web应用名称/静态资源本身的路径(就是静态资源在web文件夹中的路径)

###### 5.5.2 访问动态资源 ######

/Web应用名称/映射路径

##### 5.6 Web应用名称(项目名) #####

注意Web应用名不是你工程或者Module的名字，而是你在部署时候的ApplicationContext的内容

![在这里插入图片描述][a32adf296ec74943a0163d61bf5a92ef.png_pic_center]

##### 5.7 总体的逻辑结构 #####

![在这里插入图片描述][02bfe09ecfb04877944a6acd202f0956.png_pic_center]

#### 6. Servlet的注解方式配置(了解即可) ####

注意: 一个Servlet要么使用配置文件方式配置，要么使用注解方式配置，不能两者都使用

使用注解方式配置的优势: 代码更加简单

使用注解方式配置的劣势: 耦合度高

我们一般更推荐使用配置文件方式配置Servlet，尤其是配置第三方框架中的Servlet:例如SpringMVC中的DispatcherServlet，我们只能够使用配置文件方式进行配置

##### 6.1 使用注解方式配置的代码实现 #####

在要进行配置的Servlet类上添加注解@WebServlet("/映射路径")

#### 7. Servlet的生命周期 ####

##### 7.1 Servlet生命周期概述 #####

*  应用程序中的对象不仅在空间上有层次结构的关系，在时间上也会因为处于程序运行过程中的不同阶段而表现出不同状态和不同行为——这就是对象的生命周期。
 *  简单的叙述生命周期，就是对象在容器中从开始创建到销毁的过程。

##### 7.2 Servlet容器 #####

Servlet对象是Servlet容器创建的，生命周期方法都是由容器调用的。这一点和我们之前所编写的代码有很大不同。在今后的学习中我们会看到，越来越多的对象交给容器或框架来创建，越来越多的方法由容器或框架来调用，开发人员要尽可能多的将精力放在业务逻辑的实现上。

##### 7.3 Servlet生命周期的主要过程 #####

###### ① Servlet对象的创建：构造器 ######

*  默认情况下，**Servlet容器第一次收到HTTP请求时创建对应Servlet对象。**
 *  容器之所以能做到这一点是由于我们在注册Servlet时提供了全类名，容器使用反射技术创建了Servlet的对象。

###### ② Servlet对象初始化：init() ######

*  Servlet容器\*\*创建Servlet对象之后，会调用init(ServletConfig config)\*\*方法。
 *  作用：是在Servlet对象创建后，执行一些初始化操作。例如，读取一些资源文件、配置文件，或建立某种连接（比如：数据库连接）
 *  init()方法只在创建对象时执行一次，以后再接到请求时，就不执行了
 *  在javax.servlet.Servlet接口中，public void init(ServletConfig config)方法要求容器将ServletConfig的实例对象传入，这也是我们获取ServletConfig的实例对象的根本方法。

###### ③ 处理请求：service() ######

*  在javax.servlet.Servlet接口中，定义了\*\*service(ServletRequest req, ServletResponse res)\*\*方法处理HTTP请求。
 *  在每次接到请求后都会执行。
 *  上一节提到的Servlet的作用，主要在此方法中体现。
 *  同时要求容器将ServletRequest对象和ServletResponse对象传入。

###### ④ Servlet对象销毁：destroy() ######

*  服务器重启、服务器停止执行或Web应用卸载时会销毁Servlet对象，会调用public void destroy()方法。
 *  此方法用于销毁之前执行一些诸如释放缓存、关闭连接、保存内存数据持久化等操作。

##### 7.4 配置Servlet提前创建 #####

有时候我们需要在Servlet创建的时候做一些资源加载等等耗时操作，所以如果Servlet在第一次接收请求的时候才创建的话必然会影响用户的访问速度，所以此时我们需要让Servlet提前创建，将Servlet的创建提前到服务器启动的时候。

通过修改web.xml中Servlet的配置可以实现:

<servlet>
        
        <servlet-name>HelloServlet</servlet-name>
    
        
        <servlet-class>com.lys.servlet.HelloServlet</servlet-class>
    
        
        <load-on-startup>1</load-on-startup>
    </servlet>

#### 8. ServletConfig的介绍(了解) ####

##### 8.1 接口概览 #####

![在这里插入图片描述][4d144ecb943248148608f2579c74a631.png_pic_center]

##### 8.2 接口方法介绍 #####

<table> 
 <thead> 
  <tr> 
   <th>方法名</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>getServletName()</td> 
   <td>获取&lt;servlet-name&gt;HelloServlet&lt;/servlet-name&gt;定义的Servlet名称</td> 
  </tr> 
  <tr> 
   <td>getServletContext()</td> 
   <td>获取ServletContext对象</td> 
  </tr> 
  <tr> 
   <td><strong>getInitParameter()</strong></td> 
   <td>获取配置Servlet时设置的『初始化参数』，根据名字获取值</td> 
  </tr> 
  <tr> 
   <td>getInitParameterNames()</td> 
   <td>获取所有初始化参数名组成的Enumeration对象</td> 
  </tr> 
 </tbody> 
</table>

##### 8.3 获取Servlet的初始化参数 #####

我们可以在web.xml中对Servlet配置初始化参数，接下来可以在Servlet的init方法中获取配置的初始化参数的值

**web.xml代码**

<servlet>
        <servlet-name>dispatcherServlet</servlet-name>
        <servlet-class>com.lys.servlet.DispatcherServlet</servlet-class>
    
        
        <init-param>
            <param-name>configLocation</param-name>
            <param-value>springMVC.xml</param-value>
        </init-param>
    </servlet>
    <servlet-mapping>
        <servlet-name>dispatcherServlet</servlet-name>
        <url-pattern>/dispatcher</url-pattern>
    </servlet-mapping>

**HelloServlet代码**

package com.lys.servlet;
    
    import javax.servlet.*;
    import java.io.IOException;
    import java.io.InputStream;
    
    /**
     * 包名:com.lys.servlet
     *
     * @author lys
     * 日期2021-06-07  10:41
     * 模拟它是SpringMVC中的一个类
     */
    public class DispatcherServlet implements Servlet {
        private String filePath;
        @Override
        public void init(ServletConfig config) throws ServletException {
            //使用ServletConfig对象读取初始化参数
            filePath = config.getInitParameter("configLocation");
        }
    
        @Override
        public ServletConfig getServletConfig() {
            return null;
        }
    
        @Override
        public void service(ServletRequest req, ServletResponse res) throws ServletException, IOException {
            //目标:读取使用的springMVC的配置文件----->InputStream
            InputStream is = DispatcherServlet.class.getClassLoader().getResourceAsStream(filePath);
            System.out.println(is);
        }
    
        @Override
        public String getServletInfo() {
            return null;
        }
    
        @Override
        public void destroy() {
    
        }
    }

#### 9. ServletContext的概念 ####

服务器为其部署的每一个应用(项目)都创建了一个ServletContext对象。ServletContext属于整个项目的，该项目中的所有Servlet都可以共享同一个ServletContext对象

##### 9.1 获取ServletContext的API #####

###### 9.1.1 调用Servlet自身的getServletContext方法获取 ######

ServletContext ServletContext = getServletContext()

###### 9.1.2 调用ServletConfig接口的getServletContext方法 ######

ServletContext ServletContext = servletConfig.getServletContext();
    //HttpServletRequest对象也实现了ServletConfig接口，所以也有getServletContext()方法
    ServletContext ServletContext = request.getServletContext();

##### 9.2 ServletContext获取全局的初始化参数 #####

###### 9.2.1 在web.xml中配置Web应用级别的初始化参数 ######

<context-param>
        <param-name>username</param-name>
        <param-value>lys</param-value>
    </context-param>

###### 9.2.2 在Servlet的doGet方法中获取全局参数 ######

String username = servletContext.getInitParameter("username");
    System.out.println("在ServletDemo04中获取全局的初始化参数username=" + username);

##### 9.3 ServletContext作为全局的域对象 #####

###### 9.3.1 什么是域对象 ######

域对象就是在一定的作用域范围内进行数据共享的对象，ServletContext作为全局域对象可以在整个项目的所有动态资源(包含所有Servlet)中进行数据共享

###### 9.3.2 ServletContext作为域对象的API ######

###### ① 往全局域对象中存入数据 ######

servletContext.setAttribute("key",value)

###### ② 从全局域对象中取出数据 ######

Object value = ServletContext.getAttribute("key");

##### 9.4 案例 #####

###### 9.4.1 目标 ######

在ServletDemo01中往全局域对象中存入"key"为"value"的键值对，然后在ServletDemo02中从全局域对象中根据"key"获取对应的值

###### 9.4.2 代码 ######

**ServletDemo01中的代码**

//1. 获取ServletContext对象
    ServletContext ServletContext = getServletContext();
    //2. 存入数据
    String str = "atguigu";
    //将str设置到servletContext里面
    servletContext.setAttribute("str",str);

**ServletDemo02中的代码**

//1. 获取ServletContext对象
    ServletContext ServletContext = getServletContext();
    //2. 取出数据
    String str = (String) servletContext.getAttribute("str");
    System.out.println("在ServletDemo02中获取ServletContext域对象中的str = " + str);

##### 9.5 获取资源的真实路径 #####

###### 9.5.1 为什么需要用代码获取资源的真实路径 ######

例如我们的目标是需要获取项目中某个静态资源的路径，不是工程目录中的路径，而是部署目录中的路径；我们如果直接拷贝其在我们电脑中的完整路径的话其实是有问题的，因为如果该项目以后部署到公司服务器上的话，路径肯定是会发生改变的，所以我们需要使用代码动态获取资源的真实路径

###### 9.5.2 获取资源真实路径的API ######

String realPath = servletContext.getRealPath("资源在web目录中的路径");

###### 9.5.3 动态获取真实路径的优势 ######

只要使用了servletContext动态获取资源的真实路径，那么无论项目的部署路径发生什么变化，都会动态获取项目运行时候的实际路径，所以就不会发生由于写死真实路径而导致项目部署位置改变引发的路径错误问题

#### 10. Servlet的体系结构 ####

##### 10.1 类型关系 #####

![在这里插入图片描述][e24e2e9c0ada4c959e660dc4db2a0ffc.png_pic_center]

Servlet接口有一个实现类是GenericServlet，而GenericServlet有一个子类是HttpServlet，我们创建Servlet的时候会选择继承HttpServlet，因为它里面相当于也实现了Servlet接口，并且对一些方法做了默认实现；而且子类的功能会比父类的更加强大

##### 10.2 方法关系 #####

![在这里插入图片描述][fb49b61c902246b3938b4b62258b0f9e.png_pic_center]

我们编写Servlet类继承HttpServlet的时候，只需要重写doGet()和doPost()方法就行了，因为HttpServlet重写了service()方法，在service()方法中判断请求方式，根据不同的请求方式执行doXXX()方法

##### 10.3 使用Idea直接创建Servlet #####

###### 10.3.1 创建步骤 ######

![在这里插入图片描述][48a6dae3a1f3405a984746613c7ec96e.png_pic_center]  
![在这里插入图片描述][cc53d589653d4a559e00e2d6c34f1970.png_pic_center]

###### 10.3.2 创建后的代码 ######

**web.xml代码**

<servlet>
        <servlet-name>QuickServlet</servlet-name>
        <servlet-class>com.lys.servlet.QuickServlet</servlet-class>
    </servlet>
    
    
    <servlet-mapping>
        <servlet-name>QuickServlet</servlet-name>
        <url-pattern>/QuickServlet</url-pattern>
    </servlet-mapping>

**Servlet代码**

public class QuickServlet extends HttpServlet {
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            //在doPost()方法中调用doGet(),这样的话就只需要重写doGet()方法就能处理post和get请求
            doGet(request,response);
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        }
    }

##### 10.4 Servlet的三种映射路径的配置 #####

###### 10.4.1 映射路径的作用 ######

Servlet的映射路径是提供一个让别人能够访问该Servlet的路径，例如Servlet的映射路径是"/hello",那么在浏览器上访问该Servlet的路径是`http://localhost:8080/项目部署名/hello`

**注意:一个Servlet可以配置多个映射路径，但是多个Servlet不能配置相同的映射路径**

###### 10.4.2 映射路径的分类 ######

###### ① 完全路径匹配 ######

访问当前Servlet的路径需要和配置的映射路径完全一致，例如Servlet的配置是`/demo01`，那么访问该Servlet的时候的路径也必须是`http://localhost:8080/项目部署名/demo01`才可以访问到

###### ② 目录匹配 ######

以 `/` 开始需要以 `*` 结束，**注**: Servlet里面用的不多, 但是过滤器里面通常就使用目录匹配

例如:  配置/* 访问的路径可写成/任意字符串,比方: /aa, /aaa; 配置 /aa/*  访问的路径可写成/aa/任意字符串,比方: /aa/b , /aa/cc
     <url-pattern>/ff/*</url-pattern> /ff/a

###### ③ 扩展名匹配 ######

以`*`开头，以`.扩展名`结束，能够匹配所有以`.相同扩展名`结尾的请求路径

例如:  *.action;  访问路径可以是 任意字符串.action,比方: aa.action, bb.action, c.action;
        <url-pattern>/a.action</url-pattern> 只能 a.action 访问
        <url-pattern>*.action</url-pattern>  任意aa.action访问

#### 11. 动态Web工程内编写路径(非常重要) ####

##### 11.1 为什么要写路径 #####

*  整个系统要根据功能拆分成许许多多独立的资源
 *  资源之间既要完成自身的功能又要和其他资源配合
 *  写路径就是为了从一个资源访问下一个资源

##### 11.2 工程目录和部署目录的结构对比 #####

![在这里插入图片描述][26099fc47b714595b0f0372bb04a988e.png_pic_center]

###### 11.2.1 工程目录 ######

我们写代码的地方，但是在服务器上运行的不是这个

###### 11.2.2 部署目录 ######

经过Java源文件编译和目录重组后，IDEA就替我们准备好了可以在服务器上运行的部署目录

###### 11.2.3 编写路径的基准 ######

用户通过浏览器访问服务器，而服务器上运行的是部署目录，所以写路径的时候参考部署目录而不是工程目录

###### 11.2.4 工程目录和部署目录的对应关系 ######

工程目录下的web目录对应部署目录的根目录，同时部署目录的根目录也是路径中的Web应用根目录  
![在这里插入图片描述][631d5fa1590348a2813d2535f2cb1dd5.png_pic_center]

##### 11.3 url的介绍 #####

###### 11.3.1 url的概念 ######

url是`uniform Resource Locater`的简写，中文翻译为`统一资源定位符`，它是某个互联网资源的唯一访问地址，客户端可以通过url访问到具体的互联网资源

###### 11.3.2 url的组成 ######

![在这里插入图片描述][b555a4903c8d4f2db3ac915086a76c1e.png_pic_center]

###### 11.3.3 url的使用场景 ######

客户端访问服务器的资源，或者一台服务器中要访问另外一台服务器的资源都是通过url访问

##### 11.4 uri的介绍 #####

###### 11.4.1 uri的概念 ######

uri是`Uniform Resource Identifier`的缩写，中文翻译为`统一资源标识符`, 它是服务器中某个资源的唯一标识，通过uri可以实现同一项目中的某个资源中访问另一个资源

###### 11.4.2 uri的组成 ######

uri的写法是`/项目部署名/资源路径`

![在这里插入图片描述][e24374518c614a8c9f1bf07b458f586b.png_pic_center]

###### 11.4.3 uri的使用场景 ######

在同一个项目的某个资源中访问该项目中的另一个资源

##### 11.5 相对路径的使用(不建议使用) #####

###### 11.5.1 目标 ######

目标: 在A资源中访问B资源

A资源的uri路径: `/app/pages/a.html`

B资源的uri路径:`/app/static/vue.js`

###### 11.5.2 相对路径的概念 ######

相对路径是不以`/`开头的路径写法，编写相对路径的原则是以目标资源的uri路径相对当前资源的uri路径

###### 11.5.3 相对路径实例 ######

那么要实现在A资源中访问B资源的相对路径写法是`../static/vue.js`,其中`../static`表示找到当前资源的上一级目录下的static目录

##### 11.6 绝对路径的使用(建议使用) #####

###### 11.6.1 目标 ######

目标: 在A资源中访问B资源

A资源的uri路径: `/app/pages/a.html`

B资源的uri路径:`/app/static/vue.js`

###### 11.6.2 绝对路径的概念 ######

绝对路径是以`/`开头的路径写法，编写绝对路径的原则是通过目标资源的uri访问目标资源，但是特殊情况是**请求转发**，如果是请求转发访问目标资源的话，那么绝对路径是在uri的基础之上省略`/项目部署名`

###### 11.6.3 绝对路径实例 ######

那么要实现在A资源中访问B资源的绝对路径写法是`/app/static/vue.js`

###### 11.6.4 在请求转发的时候使用绝对路径 ######

请求转发在后续内容中会讲解，现在我们只需要搞懂在请求转发的时候绝对路径的写法是`/资源名`，其实就是在uri的基础上省略`/项目部署名`

##### 11.7 动态获取上下文路径(部署的项目名) #####

###### 11.7.1 上下文路径的概念 ######

上下文路径（context path）=/Web应用名称

###### 11.7.2 为什么要动态获取上下文路径 ######

因为我们使用绝对路径的时候需要用到资源的uri路径，而uri路径中是包含上下文路径的，所以如果采用静态方式写绝对路径，那么就会将上下文路径写死在绝对路径中；而我们在部署项目的时候，上下文路径是可变的，所以这样就会因为部署时设置的上下文路径不同从而导致绝对路径出错的问题

###### 11.7.3 动态获取上下文路径的API ######

request.getContextPath()

使用上述API可以动态获取项目的上下文路径，每一次获取的都是当前环境下实际的上下文路径的值

[fc9046f2d71741698c464e36325323cd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/1e2a8d1e53dc4ae6a74c41415e395892.png
[6c6a95a4885c4f71992512cf9d344676.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/130a9c0a7f754358bb26b91230629bc7.png
[5db6f39a7597418087543641e7ec824c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/7474c8495b2941d090225f677be5acb9.png
[3008f8423a4b4dc8ba2df7bb4130d5a0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/680991b937384ecdb492382aa97cdc67.png
[a32adf296ec74943a0163d61bf5a92ef.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/e779321ac63a4ba88daed422526484e0.png
[02bfe09ecfb04877944a6acd202f0956.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/604a7407fbc14a35b8994cea326a335a.png
[4d144ecb943248148608f2579c74a631.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/6a616c97a6d8403180b214b1b32817df.png
[e24e2e9c0ada4c959e660dc4db2a0ffc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/ad6b8c79b3884139ba9248026e492b6c.png
[fb49b61c902246b3938b4b62258b0f9e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/ae8a7c2bed3a422fa2e6496d280b6d17.png
[48a6dae3a1f3405a984746613c7ec96e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/19b1a75f96a4413a971fb14b2533ba5d.png
[cc53d589653d4a559e00e2d6c34f1970.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/3ba3f2927f2d4fbdafabf2b969e47831.png
[26099fc47b714595b0f0372bb04a988e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/48c1611f16a14f06ad5461c7f1ec11a0.png
[631d5fa1590348a2813d2535f2cb1dd5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/e4dab21ba7af4e9f926c34579228cf60.png
[b555a4903c8d4f2db3ac915086a76c1e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/fa932210cadf484cafdf46c0365d26ec.png
[e24374518c614a8c9f1bf07b458f586b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/2f7411e9e24245ed833c6dc3b858e9e6.png