简朴博客系统测试报告

桃扇骨 2024-04-26 10:57 68阅读 0赞

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

*  一. 项目简介
 *  二. 测试概要
 *  三. 测试环境
 *  四. 测试执行概况及功能测试
 *   *  1. 手工测试
     *   *  1.1 手动测试用例编写
         *  1.2 执行的部分测试用例
     *  2. 自动化测试Selenium
     *   *  2.1 编写测试用例
         *  2.2 自动化测试代码
     *  3. 测试结果
 *  五. 发现的问题

## 一. 项目简介 ##

简朴博客系统是采用前后端分离的方式来实现的，是基于 SpringFrameWork 和 MyBatis 框架实现的一个简易的博客发布网站，同时将其部署到了云服务器上。

目前博客系统主要实现了户的注册登录，文章的编写、发布，以及对自己文章的查看、修改、删除操作，个人文章列表及文章数统计这些；还可以分页显示所有作者汇总的文章列表，显示文章阅读量等。

使用 IDEA 开发，项目用到的技术有，SpringBoot， SpringMVC， MyBatis， MySQL， Redis， Lombok，HTML，CSS，JavaScript，jQuery 等。

## 二. 测试概要 ##

**测试对象**：基于 SSM 项目的博客系统。

**测试目的**：校验博客项目功能是否符合自己的预期。

**测试点**：主要针对常用的主流程功能进行测试，如：注册、登录、汇总博客列表页、博客编辑页、个人博客列表页、导航栏组件等涉及到的功能。

**测试方法和工具**：主要是黑盒测试，自动化工具使用 Selenium 和 Junit。

## 三. 测试环境 ##

**硬件**：Lenovo Yoga 14S 2021（R7-5800H/16GB/512GB/集显）。

**浏览器**：Google Chrome 版本 119.0.6045.160（正式版本） （64 位）。

**操作系统**：Windows 11。

**测试工具**：Selenium3 和 Junit5。

## 四. 测试执行概况及功能测试 ##

### 1. 手工测试 ###

#### 1.1 手动测试用例编写 ####

♨️**注册页**

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

♨️**登录页**

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

♨️**个人博客列表页**  
![在这里插入图片描述][27209e2983f544bea9207b0a7368aa11.png]

♨️**博客详情页**

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

♨️**博客编辑页**  
![在这里插入图片描述][2a39fde5062d4bb588da91a403ac9a7e.png]

#### 1.2 执行的部分测试用例 ####

1.  ?登录页：界面能否正常加载，输入正确 / 错误的账号、密码是否能得到预期的响应。  
    1️⃣界面能否正常加载。![img][]  
    2️⃣账号正确，密码错误。  
    预期结果：弹窗提示：“出错了: 登录失败, 请重新操作! 用户名或密码错误! ”。  
    实际结果如下：  
    ![img][img 1]  
    3️⃣账号正确，密码为空。  
    预期结果：弹窗提示：“请输入密码! ”。  
    实际结果如下：  
    ![img][img 2]  
    4️⃣账号正确，密码正确。  
    预期结果：页面跳转至个人博客列表页。  
    实际结果如下：  
    ![img][img 3]
2.  个人博客列表页：检测界面是否符合预期，点击“查看全文”按钮是否能跳转到对应的博客详情页，点击“修改”按钮是否能跳转到博客编辑页并获取到待修改的标题和内容，点击“删除”按钮是否能成功删除文章，点击“注销”是否能退出登录。  
    1️⃣界面显示符合预期。  
    ![img][img 4]  
    2️⃣点击“查看全文”按钮是否能跳转到对应的博客详情页。  
    预期结果：进入到对应的博客详情页，且能够正确加载文章内容。  
    实际结果如下：  
    ![img][img 5]  
    3️⃣点击“修改”。  
    预期结果：点击修改后跳转到文章编辑页。  
    实际结果如下：  
    ![img][img 6]  
    4️⃣点击“删除”。  
    预期结果：点击删除后文章被删除。  
    实际结果如下：  
    ![img][img 7]5️⃣点击“注销”是否能退出登录。  
    预期结果：点击注销后退出跳转到登录页面。  
    实际结果如下：  
    ![img][img 8]

### 2. 自动化测试Selenium ###

#### 2.1 编写测试用例 ####

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

#### 2.2 自动化测试代码 ####

?引入依赖：`selenium`，`commons-io`，`junit`，`suite`，`engine`。

<dependencies>
        
        <dependency>
            <groupId>org.seleniumhq.selenium</groupId>
            <artifactId>selenium-java</artifactId>
            <version>3.141.59</version>
        </dependency>
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.11.0</version>
        </dependency>
        
        <dependency>
            <groupId>org.junit.jupiter</groupId>
            <artifactId>junit-jupiter-api</artifactId>
            <version>5.9.2</version>
            <scope>test</scope>
        </dependency>
        
        <dependency>
            <groupId>org.junit.jupiter</groupId>
            <artifactId>junit-jupiter-params</artifactId>
            <version>5.9.2</version>
        </dependency>
        
        <dependency>
            <groupId>org.junit.platform</groupId>
            <artifactId>junit-platform-suite</artifactId>
            <version>1.9.1</version>
        </dependency>
        
        <dependency>
            <groupId>org.junit.jupiter</groupId>
            <artifactId>junit-jupiter-engine</artifactId>
            <version>5.9.1</version>
        </dependency>
    </dependencies>

?初始化工具类`InitAndEnd`。

import org.apache.commons.io.FileUtils;
    import org.junit.jupiter.api.AfterAll;
    import org.junit.jupiter.api.BeforeAll;
    import org.openqa.selenium.OutputType;
    import org.openqa.selenium.TakesScreenshot;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.chrome.ChromeDriver;
    
    
    import java.io.File;
    import java.io.IOException;
    import java.text.SimpleDateFormat;
    import java.util.ArrayList;
    import java.util.List;
    
    public class InitAndEnd {
        
        static WebDriver webDriver;
    
        @BeforeAll
        static void SetUp() {
        
            // 创建 web 驱动
            webDriver = new ChromeDriver();
        }
    
        @AfterAll
        static void TearDown() {
        
            // 关闭 web 驱动
            webDriver.quit();
        }
    
        // 获取当前时间戳将截图按照时间保存
        public List<String> getTime() {
        
            // 文件夹以当天日期保存
            // 截图以当天日期-时间保存
            SimpleDateFormat sim1 = new SimpleDateFormat("yyyyMMdd");
            SimpleDateFormat sim2 = new SimpleDateFormat("yyyyMMdd-HHmmssSS");
            String dirname = sim1.format(System.currentTimeMillis());
            String filename = sim2.format(System.currentTimeMillis());
            List<String> list = new ArrayList<>();
            list.add(dirname);
            list.add(filename);
            return list;
        }
    
        // 获取屏幕截图，把所有的用例执行的结果保存下来
        public void getScreenShot(String str) throws IOException {
        
            List<String> list = getTime();
            String filename = "D:\\bit\\software_testing\\software-testing\\test-blog\\src\\main\\java\\com\\blog\\test" + list.get(0) + "\\" + str + "_" + list.get(1) + ".png";
            File srcfile = ((TakesScreenshot) webDriver).getScreenshotAs(OutputType.FILE);
            // 把屏幕截图生成的文件放到指定的路径
            FileUtils.copyFile(srcfile, new File(filename));
        }
    }

?**常用功能主流程测试**：

?`LoginSuccess.csv`。

admin, admin, http://47.113.217.156:8080/myblog_list.html

?`RegCases`。

import org.junit.jupiter.api.Assertions;
    import org.junit.jupiter.api.Order;
    import org.junit.jupiter.params.ParameterizedTest;
    import org.junit.jupiter.params.provider.CsvSource;
    import org.openqa.selenium.By;
    
    import java.io.IOException;
    import java.util.concurrent.TimeUnit;
    
    import static java.lang.Thread.sleep;
    
    public class RegCases extends InitAndEnd {
        
        @Order(1)
        @ParameterizedTest
        @CsvSource({
        "zhaoliu, 123, 123, http://47.113.217.156:8080/login.html"})
        void regSuccess(String username, String password, String againpassword, String login_url) throws InterruptedException, IOException {
        
            // 打开登录页
            webDriver.get(login_url);
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 找到注册按钮并点击
            webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)")).click();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 输入注册的用户名和密码及确认密码
            webDriver.findElement(By.cssSelector("#username")).sendKeys(username);
            webDriver.findElement(By.cssSelector("#password")).sendKeys(password);
            webDriver.findElement(By.cssSelector("#password2")).sendKeys(againpassword);
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 点击注册按钮
            webDriver.findElement(By.cssSelector("#submit")).click();
            sleep(3000);
            // 点击确认弹窗
            webDriver.switchTo().alert().accept();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 用新注册的账号进行登录
            // 输入账号 zhaoliu
            webDriver.findElement(By.cssSelector("#username")).sendKeys(username);
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 输入密码 123
            webDriver.findElement(By.cssSelector("#password")).sendKeys(password);
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 点击登录按钮
            webDriver.findElement(By.cssSelector("#submit")).click();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 刚注册的账号登录后没有文章，验证是否有 “创作” 按钮
            String butt = webDriver.findElement(By.cssSelector("#artListDiv > h3 > a")).getText();
            String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
            getScreenShot(methodName);
            Assertions.assertEquals("创作", butt);
        }
    }

?`BlogCases`。

import org.junit.jupiter.api.*;
    import org.junit.jupiter.params.ParameterizedTest;
    import org.junit.jupiter.params.provider.*;
    import org.openqa.selenium.By;
    import org.openqa.selenium.JavascriptExecutor;
    
    import java.io.IOException;
    import java.util.concurrent.TimeUnit;
    import java.util.stream.Stream;
    
    import static java.lang.Thread.sleep;
    
    @TestMethodOrder(MethodOrderer.OrderAnnotation.class)
    public class BlogCases extends InitAndEnd {
        
        /**
         * 登录页：输入正确的账号，错误的密码，登录失败
         */
        @Order(1)
        @ParameterizedTest
        @CsvSource({
        "admin, 123", "zhangsan, 666"})
        void LoginAbnormal(String username, String password) throws InterruptedException, IOException {
        
            // 打开登录页
            webDriver.get("http://47.113.217.156:8080/login.html");
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 输入账号和密码
            webDriver.findElement(By.cssSelector("#username")).sendKeys(username);
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            webDriver.findElement(By.cssSelector("#password")).sendKeys(password);
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 点击登录按钮
            webDriver.findElement(By.cssSelector("#submit")).click();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            sleep(300);
            //登录失败，出现弹窗
            //获取验证弹窗内容
            String text = webDriver.switchTo().alert().getText();
            String except = "出错了: 登录失败, 请重新操作! 用户名或密码错误！";
            webDriver.switchTo().alert().accept();
            String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
            getScreenShot(methodName);
            Assertions.assertEquals(except, text);
        }
    
        /**
         * 登录页：输入正确的账号，密码，登录成功
         */
        @Order(2)
        @ParameterizedTest
        @CsvFileSource(resources = "LoginSuccess.csv")
        void LoginSuccess(String username, String password, String blog_list_url) throws IOException, InterruptedException {
        
            System.out.println(username + " " +  " " +password + " " +  blog_list_url);
            // 打开登录页
            webDriver.get("http://47.113.217.156:8080/login.html");
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 输入账号 admin
            webDriver.findElement(By.cssSelector("#username")).sendKeys(username);
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 输入密码 admin
            webDriver.findElement(By.cssSelector("#password")).sendKeys(password);
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 点击登录按钮
            webDriver.findElement(By.cssSelector("#submit")).click();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            sleep(3000);
            // 登录成功，跳转到个人列表页
            // 获取到当前页面 url
            String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
            getScreenShot(methodName);
            String cur_url = webDriver.getCurrentUrl();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 如果 url == http://47.113.217.156:8080/myblog_list.html，测试通过，否则测试不通过
            Assertions.assertEquals(blog_list_url, cur_url);
        }
    
        /**
         * 个人博客列表页：admin 账户登录后博客数量不为 0
         */
        @Order(3)
        @Test
        void BlogList() throws IOException {
        
            // 打开个人博客列表页
            webDriver.get("http://47.113.217.156:8080/myblog_list.html");
            // 获取页面上所有博客标题对应的元素
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            int title_num = webDriver.findElements(By.cssSelector(".title")).size();
            // 如果元素数量不为 0，测试通过
            String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
            getScreenShot(methodName);
            Assertions.assertNotEquals(0 ,title_num);
        }
    
        /**
         * 个人博客列表页：查看全文
         * 博客详情页：
         * url
         * 博客标题
         * 页面 title 是 “博客详情”
         */
        public static Stream<Arguments> Generator() {
        
            return Stream.of(Arguments.arguments("http://47.113.217.156:8080/blog_content.html",
                    "博客详情", "URL到页面: 探索网页加载的神秘过程"));
        }
    
        @Order(4)
        @ParameterizedTest
        @MethodSource("Generator")
        void BlogDetail(String expected_url, String expected_title, String expected_blog_title) throws IOException {
        
            // 打开个人博客列表页
            webDriver.get("http://47.113.217.156:8080/myblog_list.html");
            // 找到第一篇博客对应的查看全文按钮
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            webDriver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > a:nth-child(4)")).click();
            // 获取当前页面 url
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            String cur_url = webDriver.getCurrentUrl();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 获取当前页面 title
            String cur_title = webDriver.getTitle();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 获取博客标题
            String cur_blog_title = webDriver.findElement(By.cssSelector("#title")).getText();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
            getScreenShot(methodName);
            Assertions.assertEquals(expected_title, cur_title);
            Assertions.assertEquals(expected_blog_title, cur_blog_title);
            Assertions.assertTrue(cur_url.contains(expected_url));
        }
    
        /**
         * 博客编辑页：发布文章
         */
        @Order(5)
        @Test
        void EditBlog() throws InterruptedException, IOException {
        
            // 打开个人博客列表页
            webDriver.get("http://47.113.217.156:8080/myblog_list.html");
            // 找到写博客按钮，点击
            webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)")).click();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 通过 Js 进行输入
            ((JavascriptExecutor) webDriver).executeScript("document.getElementById(\"title\").value=\"自动化测试\"");
            sleep(3000);
            // 点击发布文章按钮
            webDriver.findElement(By.cssSelector("body > div.blog-edit-container > div.title > button")).click();
            sleep(3000);
            // 验证发布成功后的弹窗内容
            String cur_text = webDriver.switchTo().alert().getText();
            String expect_text = "文章添加成功! 是否继续添加文章? ";
            // 点击取消弹窗
            webDriver.switchTo().alert().dismiss();
            String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
            getScreenShot(methodName);
            Assertions.assertEquals(expect_text, cur_text);
        }
    
        /**
         * 汇总列表页：验证博客成功发布
         * 校验第一篇博客标题
         * 校验第一篇博客时间
         */
        @Order(6)
        @Test
        void BlogInfoChecked() throws IOException {
        
            webDriver.get("http://47.113.217.156:8080/blog_list.html");
            // 获取第一篇博客标题
            String first_blog_title = webDriver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > div.title")).getText();
            // 获取第一篇博客发布时间
            String first_blog_time = webDriver.findElement(By.xpath("//*[@id=\"artListDiv\"]/div[1]/div[2]")).getText();
            String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
            getScreenShot(methodName);
            // 校验博客标题是不是自动化测试
            Assertions.assertEquals("自动化测试", first_blog_title);
            // 如果时间是 2023-11-18 年发布的，测试通过
            Assertions.assertTrue(first_blog_time.contains("2023-11-18"));
        }
    
        /**
         * 个人列表页：删除刚刚发布的博客
         */
        @Order(7)
        @Test
        void DeleteBlog() throws InterruptedException, IOException {
        
            // 打开个人博客列表页面
            webDriver.get("http://47.113.217.156:8080/myblog_list.html");
            // 点击删除按钮
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            webDriver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > a:nth-child(6)")).click();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            sleep(3000);
            webDriver.switchTo().alert().accept();
            // 删除后博客列表页第一篇博客标题不是 “自动化测试”
            String first_blog_title = webDriver.findElement(By.xpath("//*[@id=\"artListDiv\"]/div[1]/div[1]")).getText();
            // 校验当前博客标题不等于 “自动化测试”
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
            getScreenShot(methodName);
            Assertions.assertNotEquals(first_blog_title, "自动化测试");
        }
    
        //注销
        @Order(8)
        @Test
        void Logout() throws IOException {
        
            // 打开个人博客列表页面
            //点击注销
            webDriver.get("http://47.113.217.156:8080/myblog_list.html");
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();
            webDriver.switchTo().alert().accept();
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            // 校验 url 注销后进入登录页
            String cur_url = webDriver.getCurrentUrl();
            String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();
            getScreenShot(methodName);
            Assertions.assertEquals("http://47.113.217.156:8080/login.html", cur_url);
            webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        }
    }

?`RunSuite`，通过 class 运行测试用例。

import org.junit.platform.suite.api.SelectClasses;
    import org.junit.platform.suite.api.Suite;
    
    @Suite
    @SelectClasses({
        RegCases.class, BlogCases.class,})
    public class RunSuite {
        
    }

### 3. 测试结果 ###

测试通过，整体的主流程业务操作是没有问题的。

![img][img 9]

测试截图如下：

![img][img 10]

![img][img 11]

![img][img 12]

![img][img 13]

![img][img 14]

![img][img 15]

![img][img 16]

![img][img 17]

![img][img 18]

![img][img 19]

![img][img 20]

## 五. 发现的问题 ##

?**手工测试过程中发现的问题**。

?问题描述：

博客汇总页在未登录的情况下，点击“我的”按钮，结果不符合预期。

预期结果：直接跳转到登录页。

实际结果：有时候会出现弹窗提示错误，关闭弹窗后也不能直接跳转到登录页，需要刷新页面才能成功跳转。

?原因分析：

问题的根本原因可能在于异步请求的特性和后端拦截器的重定向，异步请求是非阻塞的，即在请求发送的过程中，代码会继续往下执行而不会等待请求完成。

在拦截器中使用`response.sendRedirect`进行重定向时，实际上是在响应中设置了一个重定向的状态，但对于异步请求而言，这个重定向的状态可能无法被正确处理，导致浏览器不会直接跳转到登录页，因为异步请求的结果是在JavaScript中处理的，而不是在浏览器地址栏中执行的。

这就导致了在异步请求中执行重定向时，可能会产生不确定的行为，因为重定向的结果可能无法按照预期顺序执行。

?造成问题的代码定位：

![img][img 21]

![img][img 22]

?解决方案：

修改前端代码，通过 JS 在 success 回调中判断返回的 res 中的code，如果是未登录状态，则手动跳转到登录页，以此来规避异步请求中可能产生的问题，确保在未登录时能够及时跳转到登录页。

![img][img 23]

?**自动化程序编写过程碰到的问题**：

一些自动化操作是不能在弹窗的情况下完成操作的（比如截图），如果在测试程序执行报`unexpected alert open: {Alert text : ...}`这种异常，那么就是你没有将弹窗关闭掉，可以使用 accept() 方法确认弹窗或者 dismiss() 取消弹窗后再执行相关操作。

[9fe651be65b44933833b3de0b19a9f4d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/5893dc623ab340939c3509830096a051.png
[889f1b87f4e5458db7075a66583cfeac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/35cc10f82b7144799b3cd623028e72b1.png
[27209e2983f544bea9207b0a7368aa11.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/0e43ca2272c54d69b23e4b7ba6ec5343.png
[ba3ca46f0c39495ea05d30be853f306f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/8850dc5b47d144749aa662c80dd0a865.png
[2a39fde5062d4bb588da91a403ac9a7e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/216a7467b92a4d6ebaec222576ad47f6.png
[img]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/f4a70e5100ca43fb997c0af4aeacd1ab.png
[img 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/e4587e8fdf2e497398d2c60723b1d9fe.png
[img 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/c31077a9e85c47539ee2c27d9311daca.png
[img 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/7244c11c74c04053adaa69e7eaf84b58.png
[img 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/ae029e1c795d41b6a053092fa315df00.png
[img 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/e7b7f14c68cf4246b4405118ccb645e7.png
[img 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/7d6d5df7083340a78db3ce88be9e62ae.png
[img 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/9ff42f99c22f41109790f6618b464602.png
[img 8]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/523fa8b070f949e5a432333f3e0a3c89.png
[594b9673803e45b8a7473b8780fe72b2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/86945ef3cf454335beb038794b5ab94a.png
[img 9]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/a2b6235c65524224ab88812fdcd28521.png
[img 10]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/29ca48cfb7614e44bf57d3853580b58b.png
[img 11]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/f5712bedc15a479da5bc4042307fc6bb.png
[img 12]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/90dac6785aec4cd1b35d5ecc1b23e3ad.png
[img 13]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/fcc9eb15e8654c0096af3a8ee6847bb3.png
[img 14]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/2f133a1cb18c4a70b4cd24447866186a.png
[img 15]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/50edff2ee1cd4b3d87ecff3018192dfb.png
[img 16]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/08b5060161194823b94962dfcaecabf7.png
[img 17]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/3bb0560a7c8044cebc00918395db0bf0.png
[img 18]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/7d4f57fa645a4cf8b2fbbab10e44f80a.png
[img 19]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/7253020a0f624665b6406b9f86bf7cbf.png
[img 20]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/0c66fe41bacf491ab35673e819b3fd90.png
[img 21]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/29a058c2f654449c871a1446ac79351d.png
[img 22]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/87852728199d49719e2a245616110e45.png
[img 23]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/2031a81511e24d75ae12548b5af2f077.png