使用SpringBoot+SpringMVC+Mybatis+WebSocket实现云聊天项目并对项目进行自动化测试

本是古典何须时尚 2024-03-24 19:00 10阅读 0赞

## 云聊天 ##

## 1. 项目介绍 ##

本项目是仿照微信实现网页版聊天程序，用户注册登录后可与在线好友实时聊天，下线好友上线后可以查看到好友发送的消息；用户可以在搜索框搜索用户添加好友；用户还可以查看好友申请列表，选择是否同意好友申请；用户可以删除与好友的聊天记录或者删除好友。

### 1.2 功能需求 ###

1.  注册功能  
    实现⼀个注册页面。注册页面上包含了⼀个输入框，输入用户名和密码，注册成功后可以选择是否跳转到登录页面。
2.  登录功能  
    实现⼀个登录页面。登录页面上包含⼀个输入框，输⼊用户名和密码，登录成功后可以跳转到主页面。
3.  主界面  
    实现一个主界面。主页面包含以下几个部分：
    
     *  用户信息：显示用户名以及头像。
     *  搜索框：用于用户搜索添加好友，输入用户名后右侧显示用户名搜索结果。
     *  会话列表：显示当前用户所有会话，点击某个会话即可在右侧显示聊天记录。
     *  好友列表：显示当前用户的所有好友，点击好友列表中的表项，就会跳转到会话列表，同时给会话列表新增⼀个表项。
     *  好友申请列表：显示当前用户收到的好友申请，点击某个申请后，可以在右侧显示中点击拒绝或者同意好友申请。
     *  消息区域：主界面右侧显示消息区域。最上方显示会话名称（好友名或者群聊），中间显示消息内容，下方显示个输入框和发送按钮，用户点击发送按钮则会把输入框中的消息通过网络发送出去。
4.  消息传输功能  
    在输入框中输入消息，点击发送按钮可发送消息。  
    如果对方在线，就会即刻显示实时消息。如果对方不在线，上线后就会看到历史消息。
5.  添加好友功能  
    在左上角的输入框中输入要查找的用户，则会根据用户名进行模糊匹配，匹配结果放到右侧列表区中。可以输入一个验证消息，点击按钮发送好友申请。对方会在好友申请列表中收到一个提示信息，点击接收按钮则通过好友申请，点击拒绝按钮则忽略好友申请。  
    如果对方不在线，会在上线后看到历史的好友申请。

## 2. 开发环境 ##

> 1.前端开发：  
> 技术：HTML、CSS、JavaScript  
> 工具：IntelliJ IDEA 2021.3.1  
> 2.后端开发：  
> 数据库：MySQL5.7  
> 开发语言：Java  
> 技术框架：SpringBoot、SpringMVC、Mybatis、WebSocket  
> 管理工具：Maven  
> 开发工具：Intellij IDEA 2020.1.4  
> 操作系统：Windows10

## 3. 项目演示 ##

**登录页面**

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

**注册页面：**  
![在这里插入图片描述][b5ac4fa60ada42f3b2f38b804630ff74.png]  
**主界面**  
![在这里插入图片描述][445404e1a849434db40d971b8a54b6c0.png]  
**会话列表**  
![在这里插入图片描述][e1fe127265e94e0b94b83ddc2bfac55f.png]

**消息区域**  
![在这里插入图片描述][7a0643e0fff34e17add414bb1205da13.png]

**好友列表**  
![在这里插入图片描述][97ca3c2a369849728eb7705880fe5db9.png]  
**好友申请列表**  
![在这里插入图片描述][3b17fca8c24d46e3bc79f940dc18e328.png]

**用户搜索结果**  
![在这里插入图片描述][a5adf382220c435e95e23a19a8f517bb.png]

以下将对云聊天项目编写测试用例以及主要功能的自动化测试。

## 4.项目测试 ##

### 1. 测试用例的编写 ###

![请添加图片描述][a30d2725436f46788422ca73bb8b8193.png]

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

以下进行部分自动化测试用例的执行，检验项目功能是否符合预期。

### 2.1 登录功能测试 ###

**测试代码： 输入非法用户名或密码逻辑相似，不重复描述。**

//输入正确用户名和密码测试登录功能
        @ParameterizedTest
        @CsvSource({
        "admin,123456"})
        @Order(1)
        public void loginNormalTest(String username, String password) throws IOException, InterruptedException {
        
            //先清除用户名和密码框
            driver.findElement(By.cssSelector("#username")).clear();
            driver.findElement(By.cssSelector("#password")).clear();
            //输入用户名和密码并点击登录
            driver.findElement(By.cssSelector("#username")).sendKeys(username);
            driver.findElement(By.cssSelector("#password")).sendKeys(password);
            driver.findElement(By.cssSelector("#submit")).click();
    
            sleep(3000);
            //点击弹窗确定
            Alert alert = driver.switchTo().alert();
            //测试弹窗提示信息是否正确
            String alertText = alert.getText();
            String expect = "登录成功!";
            Assertions.assertEquals(expect, alertText);
            alert.accept();
            //测试是否跳转到主界面
            sleep(5000);
            String url = "http://124.221.76.124:59091/client2.html";
            Assertions.assertEquals(url,driver.getCurrentUrl());
    
            // 校验当前登录的用户是不是admin，如果是测试通过，否则测试不通过
            String user_name = driver.findElement(By.cssSelector("body > div.client-container > div > div.left > div.user")).getText();
            driver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
            Assertions.assertEquals(username, user_name);
            sleep(5000);
            
        }

预期效果： 输入正确的用户名和密码弹窗提示登陆成功，点击登录成功跳转到主界面  
![在这里插入图片描述][836bc8765419489fb894a4e6cdd3fd83.png]  
![在这里插入图片描述][f574f689027e452b8d9e6c28721b0231.png]  
![在这里插入图片描述][9617c71f7f4143ebaeac1bbb075ece58.png]

实际效果： 页面正确跳转，与预期结果相符。

### 2.2 注册功能测试 ###

**测试代码：**

//注册功能测试
        @ParameterizedTest
        @CsvSource({
        "test1,123456"})
        @Order(1)
        public void rigisterTest(String username,String password) throws InterruptedException {
        
            driver.get("http://124.221.76.124:59091/register.html");
            //先清除用户名和密码框
            driver.findElement(By.cssSelector("#username")).clear();
            driver.findElement(By.cssSelector("#password")).clear();
            driver.findElement(By.cssSelector("#username")).sendKeys(username);
            driver.findElement(By.cssSelector("#password")).sendKeys(password);
            driver.findElement(By.cssSelector("#submit")).click();
    
            sleep(5000);
            //点击弹窗确定
            Alert alert = driver.switchTo().alert();
            //测试弹窗提示信息是否正确
            String alertText = alert.getText();
            String expect = "注册成功是否跳转登陆页面？";
            Assertions.assertEquals(expect, alertText);
            alert.accept();
            //测试是否跳转到主界面
            sleep(5000);
            String url = "http://124.221.76.124:59091/login.html";
            Assertions.assertEquals(url,driver.getCurrentUrl());
        }

预期效果： 输入不存在的用户名和密码弹窗提示注册成功！是否跳转登录页面，点击确定成功跳转到登录页面。

![在这里插入图片描述][b48b5386c04e442c83654e3329933254.png]  
![在这里插入图片描述][5f5c294015044f9aaee82e9a3a6f9f1a.png]  
![在这里插入图片描述][317c78b654c042f7b5ac03115d0621da.png]

实际效果： 页面正确跳转，与预期结果相符。

### 2.3 主界面测试 ###

#### 2.3.1 用户信息显示 ####

**测试代码：**

* 测试登录成功之后主界面用户信息是否正确
         */
        @Test
        public void UserInfoTest() throws InterruptedException {
        
            sleep(3000);
            String excepted = "admin";
            String actual = driver.findElement(By.xpath("/html/body/div[3]/div/div[1]/div[3]")).getText();
            Assertions.assertEquals(excepted,actual);
        }

预期效果： 当前用户信息是登录用户的信息。  
![在这里插入图片描述][3169e01ea5dc423dba086a0cd2f11205.png]  
![在这里插入图片描述][957e4b13f5714fd9aec493d24cd17847.png]

实际效果： 用户信息匹配，与预期结果相符。

#### 2.3.2 搜索框功能 ####

预期效果： 输入用户名，点击搜索按钮右侧显示所有与用户名匹配的用户。

/**
         * 测试搜索框功能
         */
        @ParameterizedTest
        @CsvSource({
        "zhangsan"})
        public void searchTest(String input) throws InterruptedException {
        
            sleep(3000);
            //输入搜索内容
            driver.findElement(By.cssSelector("#searchInput")).sendKeys(input);
            sleep(3000);
            //点击搜索
            driver.findElement(By.cssSelector("#searchButton")).click();
            sleep(3000);
            //检查右侧显示是否正确
            String excepted ="zhangsan";
            String actual = driver.findElement(By.cssSelector("#Users > li > div.nameDiv")).getText();
            Assertions.assertEquals(excepted,actual);
    
        }

![在这里插入图片描述][da19edd20a244338a52df77c4ec70ace.png]  
![在这里插入图片描述][3f9d9702077b4dc9b8fa30b9ac5aa598.png]  
![在这里插入图片描述][2c68036a6a0a40dab28414854fd8a9c0.png]

实际效果： 显示所有相关用户，与预期结果相符。

#### 2.3.3 会话列表 ####

> 场景一

**测试代码：**

/**
         * 测试会话列表功能
         */
        @Test
        public void sessionListTest() throws InterruptedException {
        
            //场景1，点击会话列表显示所有会话信息
            driver.findElement(By.cssSelector("body > div.client-container > div > div.left > div.tab > div.tab-session")).click();
            sleep(3000);
    
            //测试用户信息显示是否正确
            String actualName= driver.findElement(By.cssSelector("#session-list > li:nth-child(1) > h3")).getText();
            String exceptedName = "tony";
            Assertions.assertEquals(exceptedName,actualName);
            String actualMessage = driver.findElement(By.cssSelector("#session-list > li:nth-child(1) > p")).getText();
            String exceptedMessage = "我们已经是好友啦，快...";
            Assertions.assertEquals(exceptedMessage,actualMessage);
    
            //场景2，点击好友列表项查看右侧是否正确会话信息
            driver.findElement(By.cssSelector("#session-list > li:nth-child(1)")).click();
            sleep(3000);
            String actualTitle = driver.findElement(By.cssSelector("#right > div.title")).getText();
            String exceptedTitle = "tony";
            Assertions.assertEquals(exceptedTitle,exceptedTitle);
        }

预期效果： 点击会话列表按钮，显示用户的所有会话信息

实际效果： 会话列表显示正确，与预期结果相符。

> 场景二

预期效果： 点击会话列表项按钮，右侧显示会话的历史信息

![在这里插入图片描述][2c80e63059f24f52946125d21cb15157.png]  
![在这里插入图片描述][55bc33443a364c25a755abdd3fbfbc58.png]

实际效果： 历史消息加载成功，与预期结果相符。

#### 2.3.4 好友列表 ####

> 场景一

**测试代码：**

/**
         * 测试好友列表功能
         */
    
        @Test
        public void friendlistTest() throws InterruptedException {
        
            //场景1，点击好友列表显示所有好友信息
            driver.findElement(By.cssSelector("#getFriend")).click();
            sleep(3000);
    
            //测试用户信息显示是否正确
            String actualName= driver.findElement(By.cssSelector("#friend-list > li:nth-child(1) > h4")).getText();
            String exceptedName = "john";
            Assertions.assertEquals(exceptedName,actualName);
    
            //场景2，点击好友列表项查看是否跳转到会话列表项，右侧显示对应聊天记录
            driver.findElement(By.cssSelector("#friend-list > li:nth-child(1)")).click();
            sleep(3000);
            String actualName2= driver.findElement(By.cssSelector("#session-list > li.selected > h3")).getText();
            String exceptedName2 = "john";
            Assertions.assertEquals(exceptedName2,actualName2);
            String actualMessage = driver.findElement(By.cssSelector("#session-list > li.selected > p")).getText();
            String exceptedMessage = "我们已经是好友啦，快...";
            Assertions.assertEquals(exceptedMessage,actualMessage);
    
            //测试右侧是否显示正确聊天记录
            driver.findElement(By.cssSelector("#session-list > li:nth-child(1)")).click();
            sleep(3000);
            String actualTitle = driver.findElement(By.cssSelector("#right > div.title")).getText();
            String exceptedTitle = "john";
            Assertions.assertEquals(exceptedTitle,actualTitle);
        }

预期效果： 点击好友列表按钮，显示用户的所有好友信息  
![在这里插入图片描述][1161cac038794f74bcefde1357960438.png]  
![在这里插入图片描述][947dead03ddb47b3b06aa62bfb99292e.png]

实际效果： 好友列表显示正确，与预期结果相符。

> 场景二

预期效果： 点击好友列表项按钮，跳转到会话列表并选中与该好友的会话列表项，如果没有就新增一个会话列表项，右侧显示与该好友的聊天记录。  
![在这里插入图片描述][4dda746fadb84f92ae27b3f4ccda6add.png]

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

实际效果： 跳转到会话列表项成功，与预期结果相符。

#### 2.3.5 添加好友功能 ####

**测试代码：**

/**
         * 测试搜索框功能
         */
        @Order(1)
        @ParameterizedTest
        @CsvSource({
        "zq"})
        public void searchTest(String input) throws InterruptedException {
        
            sleep(3000);
            //输入搜索内容
            driver.findElement(By.cssSelector("#searchInput")).sendKeys(input);
            sleep(3000);
            //点击搜索
            driver.findElement(By.cssSelector("#searchButton")).click();
            sleep(3000);
            //检查右侧显示是否正确
            String excepted ="zq";
            String actual = driver.findElement(By.cssSelector("#Users > li > div.nameDiv")).getText();
            Assertions.assertEquals(excepted,actual);
    
        }
    
        /**
         * 测试添加好友功能
         */
        @Test
        @Order(2)
        public void addFriendTest() throws InterruptedException {
        
    
            //在搜索用户测试用例之后，点击添加好友
            driver.findElement(By.cssSelector("#Users > li > div.addDiv")).click();
            sleep(3000);
            //跳转到登录页面登录被添加用户
            driver.get("http://124.221.76.124:59091/login.html");
            //先清除用户名和密码框
            driver.findElement(By.cssSelector("#username")).clear();
            driver.findElement(By.cssSelector("#password")).clear();
            //输入用户名和密码并点击登录
            driver.findElement(By.cssSelector("#username")).sendKeys("zq");
            driver.findElement(By.cssSelector("#password")).sendKeys("123456");
    
            driver.findElement(By.cssSelector("#submit")).click();
            sleep(3000);
            Alert alert = driver.switchTo().alert();
            alert.accept();
    
            //查看申请列表是否有好友申请
            sleep(3000);
            driver.findElement(By.cssSelector("#tab-apply")).click();
    
    
        }

预期效果： 在搜索框搜索用户名，右侧显示用户搜索结果，输入备注信息，点击添加按钮，被添加用户收到好友申请。

![在这里插入图片描述][8420850fe99b488ebadc44e5356186c7.png]  
![在这里插入图片描述][1b6a25b1b39d44b2a976ee13e3355ea4.png]  
![在这里插入图片描述][bd1f0bc1395948e4bdbd348e5d6ae4ae.png]

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

实际效果： 好友申请发送成功，与预期结果相符。

该功能与搜索框功能还有好友申请列表场景二按顺序执行，可以进一步测试同意或者拒绝好友申请功能。

#### 2.3.6 好友申请列表 ####

**测试代码：**

/**
         * 测试好友申请列表，并同意好友申请
         */
        @ParameterizedTest
       @Order(3)
        @CsvSource({
        "admin"})
        public void applListTest(String applyName ) throws InterruptedException {
        
            //查看申请列表是否有好友申请
            sleep(3000);
            driver.findElement(By.cssSelector("#tab-apply")).click();
            sleep(3000);
            //测试是否是该用户的好友申请
           String actualName =  driver.findElement(By.cssSelector("#Appliers > li > div.applyNameDiv")).getText();
           String exceptedName = applyName;
           Assertions.assertEquals(exceptedName,actualName);
           //同意好友申请
            driver.findElement(By.cssSelector("#Appliers > li > div.agreeTab")).click();
    //        //拒绝好友申请
    //        driver.findElement(By.cssSelector("#Appliers > li > div.rejectTab")).click();
            sleep(500000);
        }

> 场景一

预期效果： 点击好友申请列表按钮，右侧显示用户的所有好友申请信息  
![在这里插入图片描述][fa2999e7cf62471580e9d37209bcfb34.png]

实际效果： 好友申请列表显示正确，与预期结果相符。

> 场景二

预期效果： 在申请列表点击同意按钮，即添加好友成功，并且自动发送一条消息。  
![在这里插入图片描述][e952cff034074923b924a8a614875521.png]

实际效果： 同意好友申请成功，与预期结果相符。

> 场景三  
> 预期效果： 在申请列表点击拒绝按钮，即清空好友申请列表，忽略申请。  
> ![在这里插入图片描述][cef09d3b37e546149b197576928767f5.png]

实际效果： 拒绝好友申请成功，与预期结果相符。

#### 2.3.7 消息传输功能 ####

预期效果： 点击某用户会话列表项，在右侧消息输入区域输入信息，点击发送，该用户收到信息。  
![在这里插入图片描述][99510bb5c85c44f6a829062c4904ebb0.png]  
![在这里插入图片描述][9f4e0850c98e41069701cce2366786fa.png]

实际效果： 消息发送接收成功，与预期结果相符。

#### 2.3.7 删除好友功能 ####

预期效果： 打开tony消息区域，点击右侧消息区域的扩展，点击删除好友，聊天记录清空，好友列表无此好友。  
![在这里插入图片描述][1c8dc4edd0b341b1b66cb939a57d1d82.png]  
![在这里插入图片描述][859846bb3bbf4ab59b57993fa034a99b.png]  
![在这里插入图片描述][d9317580cc42496fb7434438132f26ab.png]

实际效果： 好友删除成功，与预期结果相符。

#### 2.3.8 删除聊天记录功能 ####

**测试代码：**

/**
         * 测试删除好友或者聊天记录功能
         */
        @Test
        public void deleteFriend_session() throws InterruptedException {
        
            //1.选择一个列表项
            driver.findElement(By.cssSelector("#session-list > li:nth-child(1)")).click();
            sleep(3000);
            //2.点击删除聊天记录功能
            driver.findElement(By.cssSelector("#right > div.title > div")).click();
            sleep(3000);
    //        driver.findElement(By.cssSelector("#Dropdown > div.deleteChat")).click();
    //        sleep(3000);
    //        //2.点击删除好友功能
            driver.findElement(By.cssSelector("#Dropdown > div.deleteFriend")).click();
            sleep(3000);
            //3.查看好友列表是否不存在该好友
            driver.findElement(By.cssSelector("#getFriend")).click();
            sleep(3000);
            //通过父子类标签找到所有的好友
            List<WebElement> elementList = driver.findElements(By.cssSelector("#friend-list"));
            for (int i =0;i<elementList.size();i++){
        
                if ((elementList.get(i).getText().equals("john"))){
        
                    System.out.println("测试不通过");
                    break;
                }
            }
            System.out.println("测试通过");
    
    //        //3.查看会话列表是否不存在该会话
    //        driver.findElement(By.cssSelector("body > div.client-container > div > div.left > div.tab > div.tab-session")).click();
    //        sleep(3000);
    //        List<WebElement> elementList = driver.findElements(By.cssSelector("#session-list"));
    //        for (int i =0;i<elementList.size();i++){
        
    //            if ((elementList.get(i).getText().equals("zq"))){
        
    //                System.out.println("测试不通过");
    //                break;
    //            }
    //        }
    //        System.out.println("测试通过");
    
        }

预期效果： 打开zq消息区域，点击右侧消息区域的扩展，点击删除聊天记录，聊天记录清空。  
![在这里插入图片描述][b33dc201af24415ea3319515451e520e.png]

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

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

实际效果： 聊天记录删除成功，与预期结果相符。

## 3. 总结 ##

根据部分自动化测试用例执行结果可知，项目功能大体完善。接下来可以继续执行编写的测试用例，进一步测试功能、界面、兼容性、安全性等等。

[d9873fd7bd574a8f8e94525bc09425f7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/cf283f3df26348dfb5d8930d9fe416d8.png
[b5ac4fa60ada42f3b2f38b804630ff74.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/df39971df6dd447f988f94ab6ffe92e9.png
[445404e1a849434db40d971b8a54b6c0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/72dc7622f01a4d309c87cd571cf1879c.png
[e1fe127265e94e0b94b83ddc2bfac55f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/e8dae2b2400e4101a789bc1f9dc79446.png
[7a0643e0fff34e17add414bb1205da13.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/725bac2344d94c3d977f505c5d17effa.png
[97ca3c2a369849728eb7705880fe5db9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/a87b1006459b4eb0b08f8544de355275.png
[3b17fca8c24d46e3bc79f940dc18e328.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/4baf9b306bf94a53bc20dc0f85f30f34.png
[a5adf382220c435e95e23a19a8f517bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/a9f93bf9408040909943991189aded6a.png
[a30d2725436f46788422ca73bb8b8193.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/8444dc6e467e49ef857c639acd43a263.png
[836bc8765419489fb894a4e6cdd3fd83.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/52a26d636df0440488432d5c71e1e516.png
[f574f689027e452b8d9e6c28721b0231.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/4fd4732d3e0143318bc8461b01d6c554.png
[9617c71f7f4143ebaeac1bbb075ece58.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/030135c633344dcfa8bfe1e5f4ac6157.png
[b48b5386c04e442c83654e3329933254.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/b677d798eb8a47e0b039e9513ce828e7.png
[5f5c294015044f9aaee82e9a3a6f9f1a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/f643dde02e624db0862a5aee7b2d6510.png
[317c78b654c042f7b5ac03115d0621da.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/b20344bd7cb6463fa1b145114b638efc.png
[3169e01ea5dc423dba086a0cd2f11205.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/441c5dc307cc4266a71999c7a46eab25.png
[957e4b13f5714fd9aec493d24cd17847.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/dbe351abe7db4a39bab0a0a42a5c20c4.png
[da19edd20a244338a52df77c4ec70ace.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/f7c595c8dcd94eaba0491702b058126c.png
[3f9d9702077b4dc9b8fa30b9ac5aa598.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/a5ef20291bb54447915f1c02ef8428cb.png
[2c68036a6a0a40dab28414854fd8a9c0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/b06a05080406410b9754fcfbc6307a94.png
[2c80e63059f24f52946125d21cb15157.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/7c1d690804804518ad48981e8ab05019.png
[55bc33443a364c25a755abdd3fbfbc58.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/432a7a036cad442c85ae5666a308547b.png
[1161cac038794f74bcefde1357960438.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/933b5bed321940bbbdfda94364eac125.png
[947dead03ddb47b3b06aa62bfb99292e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/1738f8cffb0d4905ba3d295376d7a5a0.png
[4dda746fadb84f92ae27b3f4ccda6add.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/074b991633964028afa0676685669399.png
[f25442c2504d41f28b47e2955c299ffb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/0b089be9579348f7aa3ea3d995011864.png
[8420850fe99b488ebadc44e5356186c7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/0616d02b42e14a9da86387c8097186a4.png
[1b6a25b1b39d44b2a976ee13e3355ea4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/7c6cbd6e4f5c456aaf83c1b4bc4248c5.png
[bd1f0bc1395948e4bdbd348e5d6ae4ae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/d0863bd0af364c12b0b6c8d1d1449b69.png
[1459df7706064a8dad728229e97ea9b3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/f6a4fa92c01e4b0dbd3fbdc84426a504.png
[fa2999e7cf62471580e9d37209bcfb34.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/1821e5626db74e48ac24ab27808a965a.png
[e952cff034074923b924a8a614875521.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/b90704a273a84427a7b80e3482738b07.png
[cef09d3b37e546149b197576928767f5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/5348b698bce548eabfe12e85c04fcff9.png
[99510bb5c85c44f6a829062c4904ebb0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/72710b18398e45f58403a85e3b66cc90.png
[9f4e0850c98e41069701cce2366786fa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/d154e972f3094b2b850df353104cfbe2.png
[1c8dc4edd0b341b1b66cb939a57d1d82.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/122dab9327ca4012b40bd3e3722286ec.png
[859846bb3bbf4ab59b57993fa034a99b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/7c6e278670fc4989963c8dbd64e62334.png
[d9317580cc42496fb7434438132f26ab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/7e1ece33029e4878baa5c6d824f2a06e.png
[b33dc201af24415ea3319515451e520e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/31b02b4098ce459d9fb90827e8bd60a6.png
[bf28c1b4e8f54881becbf85ca417725a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/00b8f6374c5c4cd3bb144f8e3c5890bc.png
[d0a2c047996d4e58bc5e2a245a2ea761.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/69dbd6c3759d4a1399cf3cd668570269.png