【JavaWeb】SpringBootWeb案例下篇

淩亂°似流年 2024-04-26 03:09 160阅读 0赞

> ? 本文由 [程序喵正在路上][Link 1] 原创，CSDN首发！  
> ? 系列专栏：[JavaWeb开发][JavaWeb]  
> ? 首发时间：2024年3月12日  
> ? 欢迎关注?点赞?收藏?留言?

#### 目录 ####

*  新增员工
 *  文件上传
 *   *  简介
     *  本地存储
     *  阿里云OSS
 *  修改员工
 *   *  查询回显
     *  修改员工
 *  配置文件
 *   *  参数配置化
     *  yml配置文件
     *  @ConfigurationProperties

## 新增员工 ##

**需求**

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

**思路**

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

**实现**

**EmpController.java**

@PostMapping
    public Result save(@RequestBody Emp emp) {
        
        log.info("新增员工，emp: {}", emp);
        empService.save(emp);
        return Result.success();
    }

**EmpServiceImpl.java**

@Override
    public void save(Emp emp) {
        
        emp.setCreateTime(LocalDateTime.now());
        emp.setUpdateTime(LocalDateTime.now());
        empMapper.save(emp);
    }

**EmpMapper.java**

/**
     * 新增员工
     *
     * @param emp
     */
    @Insert("insert into emp(username, name, gender, image, job, entrydate, dept_id, create_time, update_time) " +
            "VALUES (#{username}, #{name}, #{gender}, #{image}, #{job}, #{entrydate}, #{deptId}, #{createTime}, #{updateTime})")
    void save(Emp emp);

**测试**

测试数据：

{
        
        "image": "1.jpg",
        "username": "linpinzhi",
        "name": "林平之",
        "gender": 1,
        "job": 1,
        "entrydate": "2015-09-18",
        "deptId": 1
    }

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

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

## 文件上传 ##

### 简介 ###

*  文件上传，是指将本地图片、视频、音频等文件上传到服务器，供其他用户浏览或下载的过程。
 *  文件上传在项目中应用非常广泛，我们发微博、发微信朋友圈都用到了文件上传功能。

**前端页面三要素**

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

### 本地存储 ###

*  在服务端，接收到上传上来的文件之后，将文件存储在本地服务器磁盘中。

将资料中 “文件上传” 目录下的 upload.html 复制到 resources 下的目录下：

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

接下来，我们在 controller 目录下写一个程序来接收前端页面上传的文件并将文件存储在本地：

**UploadController.java**

import com.xixi.pojo.Result;
    import lombok.extern.slf4j.Slf4j;
    import org.springframework.web.bind.annotation.PostMapping;
    import org.springframework.web.bind.annotation.RestController;
    import org.springframework.web.multipart.MultipartFile;
    
    import java.io.File;
    
    @Slf4j
    @RestController
    public class UploadController {
        
    
        @PostMapping("/upload")
        public Result upload(String username, Integer age, MultipartFile image) throws Exception {
        
            log.info("文件上传：{}, {}, {}", username, age, image);
    
            //获取原始文件名
            String originalFilename = image.getOriginalFilename();
    
            //将文件存储在服务器的磁盘目录中
            image.transferTo(new File("D:\\images\\" + originalFilename));
    
            return Result.success();
        }
    }

然后，我们进行测试，在D盘下创建文件夹images，启动服务，在Postman中进行测试：

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

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

现在这个程序还是有bug的，当我们再上传一张同名的图片后，会发现原来的图片被覆盖了，所以下面我们要解决如何给每个文件构造一个唯一的文件名

@Slf4j
    @RestController
    public class UploadController {
        
    
        @PostMapping("/upload")
        public Result upload(String username, Integer age, MultipartFile image) throws Exception {
        
            log.info("文件上传：{}, {}, {}", username, age, image);
    
            //获取原始文件名
            String originalFilename = image.getOriginalFilename();
    
            //构造唯一的文件名，使用uuid（通用唯一标识码）
            int index = originalFilename.lastIndexOf(".");  //定义原始文件名中最后一个点的下标
            String extname = originalFilename.substring(index); //将点及其后面的内容截取出来，也就是获取到文件的后缀
            String newFileName = UUID.randomUUID() + extname;
            log.info("新的文件名：{}", newFileName);
    
            //将文件存储在服务器的磁盘目录中
            image.transferTo(new File("D:\\images\\" + newFileName));
    
            return Result.success();
        }
    }

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

当我们上传了一张超过1M的图片时，会出现以下情形：

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

意思就是文件太大了，服务器接收不了

在SpringBoot中，文件上传，默认单个文件允许最大大小为 1M。如果需要上传大文件，可以进行如下配置：

#配置单个文件最大上传大小
    spring.servlet.multipart.max-file-size=10MB
    
    #配置单个请求最大上传大小(因为一次请求可以上传多个文件)
    spring.servlet.multipart.max-request-size=100MB

重启服务，再测试，就可以了：

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

本地存储的缺点：

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

### 阿里云OSS ###

**阿里云**

*  阿里云是阿里巴巴集团旗下全球领先的云计算公司，也是国内最大的云服务提供商
    
    ![在这里插入图片描述][49017381c53143e08ee57668a5d60512.png]

**阿里云OSS**

*  阿里云对象存储OSS（Object Storage Service），是一款海量、安全、低成本、高可靠的云存储服务。使用OSS，您可以通过网络随时存储和调用包括文本、图片、音频和视频等在内的各种文件。
    
    ![在这里插入图片描述][4d8d57ec3d3c460d84e35d42ed1bab9d.png]

**第三方服务-通用思路**

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

SDK：Software Development Kit 的缩写，软件开发工具包，包括辅助软件开发的依赖（jar包）、代码示例等，都可以叫做SDK。

**阿里云OSS-使用步骤**

![在这里插入图片描述][b1a5a75c258044d5a4d611e091901f19.png]  
Bucket：存储空间是用户用于存储对象（Object，就是文件）的容器，所有的对象都必须隶属于某个存储空间。

具体步骤：

点击访问阿里云官网 [https://www.aliyun.com/ ][https_www.aliyun.com_]，登录并认证后按照下列步骤操作

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

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

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

开通后：

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

创建Bucket：

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

获取秘钥：

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

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

记得保存秘钥，后面无法再查看创建的秘钥：

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

参照官方SDK，编写入门程序：

返回 OSS 界面：

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

找到Java，按照教程操作即可：

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

引入依赖：

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

接下来找到官方文档中关于Java如何上传文件的教程，我们来入门OSS：

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

复制全部代码，粘贴到测试目录下：

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

将内容改成自己的：

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

注意：配置完环境变量后，记得重启一下IDEA

右键运行，然后到Bucket查看，可以看到图片已经上传成功：

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

阿里云OSS-集成：

*  引入阿里云OSS上传文件工具类（由官方的示例代码改造而来）
 *  开发上传图片接口

创建包 utils 用来存放工具类，将资料中的工具类 AliOSSUtils 粘贴到包下，并将信息修改为自己的：

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

开发文件上传接口：

@Slf4j
    @RestController
    public class UploadController {
        
    
        @Autowired
        private AliOSSUtils aliOSSUtils;
    
        @PostMapping("/upload")
        public Result upload(MultipartFile image) throws Exception {
        
            log.info("文件上传，文件名：{}", image.getOriginalFilename());
    
            //调用阿里云OSS工具类进行文件上传
            String url = aliOSSUtils.upload(image);
            log.info("文件上传完成，文件访问的url：{}", url);
    
            return Result.success(url);
        }
    }

测试：

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

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

我们再来到前端页面，添加一个员工：

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

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

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

## 修改员工 ##

### 查询回显 ###

当我们点击编辑时，页面会将该员工的信息展示出来供我们修改，这个功能称为查询回显  
![在这里插入图片描述][518afa947e274736a16c55fdda966766.png]

**需求**

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

**思路**  
![在这里插入图片描述][cf4f68da12a648a9ab0c22fee7e8617d.png]

**实现**

**EmpController.java**

@GetMapping("/{id}")
    public Result getById(@PathVariable Integer id) {
        
        log.info("根据ID查询员工信息，id：{}", id);
        Emp emp = empService.getById(id);
        return Result.success(emp);
    }

**EmpMapper.java**

/**
    * 根据ID查询员工
    * @param id
    * @return
    */
    @Select("select * from emp where id = #{id}")
    Emp getById(Integer id);

**测试**

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

### 修改员工 ###

**需求**

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

**思路**

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

**实现**

**EmpController.java**

@PutMapping
    public Result update(@RequestBody Emp emp) {
        
        log.info("更新员工信息：{}", emp);
        empService.update(emp);
        return Result.success();
    }

**EmpServiceImpl.java**

@Override
    public void update(Emp emp) {
        
        emp.setUpdateTime(LocalDateTime.now());
        empMapper.update(emp);
    }

**EmpMapper.xml**

<update id="update">
        update emp
        <set>
            <if test="username != null and username != ''">
                username = #{username},
            </if>
            <if test="name != null and name != ''">
                name = #{name},
            </if>
            <if test="gender != null">
                gender = #{gender},
            </if>
            <if test="entrydate != null">
                entrydate = #{entrydate},
            </if>
            <if test="image != null and image != ''">
                image = #{image},
            </if>
            <if test="job != null">
                job = #{job},
            </if>
            <if test="updateTime != null">
                update_time = #{updateTime},
            </if>
            <if test="deptId != null">
                dept_id = #{deptId}
            </if>
        </set>
        where id = #{id}
    </update>

**测试**

修改前：

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

修改后：

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

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

## 配置文件 ##

### 参数配置化 ###

**问题分析**

在前面导入的工具类中，我们硬性地将OSS的各种参数设置在类中：

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

当我们使用的技术或服务多了之后，每个技术都有其参数，我们想要修改参数的时候，是挺麻烦的

**问题解决**

1.  将参数配置在工程的配置文件中
    
    ![在这里插入图片描述][afe78775ab38446d99e71d2996c025fb.png]
2.  需要使用的时候，通过 `@Value` 注解引入
    
    `@Value` 注解通常用于外部配置的属性注入，具体用法为： `@Value("${配置文件中的key}")`
    
    ![在这里插入图片描述][fae0e0a3c7314d7bb56dae10abf9da54.png]  
    ![在这里插入图片描述][46463aaf6c324ba7a7310844f63f41c3.png]

在之后，我们遇到类似的问题，都可以采用这种方法来解决

### yml配置文件 ###

**配置格式**

SpringBoot提供了多种属性配置方式

*  application.properties
    
        server.port=8080
        server.address=127.0.0.1
 *  application.yml
    
        server:
           port:  8080
           address: 127.0.0.1
 *  application.yaml
    
        server:
           port:  8080
           address: 127.0.0.1

常见配置文件格式对比

*  XML（臃肿）
    
        <server>
        	<port>8080</port>
        	<address>127.0.0.1</address>
        </server>
 *  properties（层级结构不清晰）
    
        server.port=8080
        server.address=127.0.0.1
 *  yml / yaml（简洁，数据为中心，推荐）
    
        server:
           port:  8080
           address: 127.0.0.1

**yml**

基本语法

*  大小写敏感
 *  数值前边必须有空格，作为分隔符
 *  使用缩进表示层级关系，缩进时，不允许使用Tab键，只能用空格（idea中会自动将Tab转换为空格）
 *  缩进的空格数目不重要，只要相同层级的元素左侧对齐即可
 *  \# 表示注释，从这个字符一直到行尾，都会被解析器忽略

**yml数据格式**

*  对象/Map集合：
    
        user:
           name: zhangsan
           age: 18
           password: 123456
 *  数组/List/Set集合：
    
        hobby:
          - java
          - game
          - sport

**yml配置**

创建配置文件 application.yml，在 application.yml 中的配置案例相关的配置项

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

配置完成后，就可以将 application.properties 删掉了

### @ConfigurationProperties ###

**问题分析**

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

**@ConfigurationProperties**

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

我们定义一个类 AliOSSProperties，在其中定义OSS的各个参数，这个类可以复用：

import lombok.Data;
    import org.springframework.boot.context.properties.ConfigurationProperties;
    import org.springframework.stereotype.Component;
    
    @Data
    @Component
    @ConfigurationProperties(prefix = "aliyun.oss")
    public class AliOSSProperties {
        
        private String endpoint;
        private String accessKeyId;
        private String accessKeySecret;
        private String bucketName;
    }

再修改一下 AliOSSUtils 类，注入 AliOSSProperties 对象并获取其参数：

import com.aliyun.oss.OSS;
    import com.aliyun.oss.OSSClientBuilder;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.beans.factory.annotation.Value;
    import org.springframework.stereotype.Component;
    import org.springframework.web.multipart.MultipartFile;
    
    import java.io.*;
    import java.util.UUID;
    
    /**
     * 阿里云 OSS 工具类
     */
    @Component
    public class AliOSSUtils {
        
        
        @Autowired
        private AliOSSProperties aliOSSProperties;
        
        /**
         * 实现上传图片到OSS
         */
        public String upload(MultipartFile file) throws IOException {
        
            //获取阿里云OSS参数
            String endpoint = aliOSSProperties.getEndpoint();
            String accessKeyId = aliOSSProperties.getAccessKeyId();
            String accessKeySecret = aliOSSProperties.getAccessKeySecret();
            String bucketName = aliOSSProperties.getBucketName();
    
            // 获取上传的文件的输入流
            InputStream inputStream = file.getInputStream();
    
            // 避免文件覆盖
            String originalFilename = file.getOriginalFilename();
            String fileName = UUID.randomUUID().toString() + originalFilename.substring(originalFilename.lastIndexOf("."));
    
            //上传文件到 OSS
            OSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);
            ossClient.putObject(bucketName, fileName, inputStream);
    
            //文件访问路径
            String url = endpoint.split("//")[0] + "//" + bucketName + "." + endpoint.split("//")[1] + "/" + fileName;
            // 关闭ossClient
            ossClient.shutdown();
            return url;// 把上传到oss的路径返回
        }
    }

发现有报红，只要添加下面这个依赖即可：  
![在这里插入图片描述][3445d4801b8a441ba84e52a59db06448.png]

<dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-configuration-processor</artifactId>
    </dependency>

**@ConfigurationProperties 与 @Value 对比**

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

[Link 1]: https://blog.csdn.net/weixin_62511863?spm=1011.2421.3001.5343
[JavaWeb]: https://blog.csdn.net/weixin_62511863/category_12511257.html?spm=1001.2014.3001.5482
[2ba2aa8154624d729d3404bcdf6a70cf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/1d26172f755548619d6f9f2f86866557.png
[bfe4cfca5ca745eb89a2e1ed0501d307.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/07c6b89efbe444c08f71625433d6b272.png
[2557f81db1c94931acb5341e7a15d148.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/72cd327022a7471e99b66dd97ed7d375.png
[28e10ae76aa64b74805ad1742e5b400f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/f5a83625aefc48e2b1999b5c6a5fa94a.png
[53b3b26350d842c3868b1efbdc2a43a6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/22d11632b7e34d1fa72f9ed8fec0d475.png
[c825492f47404edfb115b324eef555e1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/a11ca5fb01354bd399d03dd5ea7f5cc3.png
[4b0f82477274467e9725c95c295326e2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/31405eba4d954970b5dfea565fdd2a58.png
[afc97f732998469a8a5c0392f4ccff89.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/cee8c7bdd52d4a46ada5b1627adae35e.png
[9ca5e759d3624a399509db8cd21f0fd2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/c196f99ffa5d45ffacfc5cb082a09b3b.png
[3c8b6362a7a545fba8d6d8971d6bd174.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/16c9072cc80f40f89b01e1de2a139193.png
[76ad37038b364ca4810e1be9d4ce439d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/c9e30ecb093c4a809dd3dbc618487168.png
[b702e6b909b64e6ca4aaa054647e152b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/0abe0474e2844459a8b79689670681fc.png
[49017381c53143e08ee57668a5d60512.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/940f6bb2d6d2430594a8113784bea0dd.png
[4d8d57ec3d3c460d84e35d42ed1bab9d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/7a21c9ad1b934079a0b4af0f0b5377cf.png
[ad3536aede3f4d8693c24442a4077d7e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/63cf4bec629c40ef8546ff625a3c60d7.png
[b1a5a75c258044d5a4d611e091901f19.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/71bd2f72bd22477e845e4d1df534a2f3.png
[https_www.aliyun.com_]: https://www.aliyun.com/
[78cfef2fe4f243378bd64828ee6574f2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/391d7d9ac9b040ddb66149845951e3f6.png
[b0fbe346b18a420db179f320cdab86b1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/0e14fbe2db394fd5adf1cac7deeefe75.png
[2bf4061b667f4bd3b4b1d28ca6c02665.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/e29b3c7354a34b37b71254b7346701d0.png
[07f377a77cf0461abe6823453e93aeb6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/cf05ef44babf4decae66ea1f0dea6142.png
[ab08355beb3842589f8cf255d04bee4d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/0c6156697d3943b7805de45123666299.png
[04fc5c4b3a654ab98dac532533f2410e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/f34dbd31762c4cbab845e15beff72cd2.png
[2bdb314aa50842d59953a1086283f586.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/d85c8ae56b2c472d8177f7151ddd800a.png
[2768140d602744f7a1e1e89d2cb4e791.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/de4d1afff8cc4fdca71e53c0d7c96a4f.png
[cf7ea392e54d48429c355c16d49d3404.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/b86e822ea5d2448fb4a3731c786be787.png
[cb0e2808a5c04379b8fa418c50bdbc48.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/57c07fd614dd4214917610ccae929f09.png
[a5c3df10d5ca4afc8537d4e47c4617bc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/ad2aa90406774741b0571065bab51415.png
[576a6ee4f9a946aaa740e0c7d49df1f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/463b3ab405924089bc052655efba004e.png
[6d09703dcf9841828b375e0c565e4382.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/1d875a4544194610b4f1bed6e056d581.png
[66673b70597e4000b1cbf80e3aa4e9d0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/09c7ddae4f884095a0a87a3b2f7791d7.png
[2c1a69f7d8114960b88463443501274d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/77312da3d17047128d8214407e73841a.png
[54de14610a854430b36166be6ffd4a8e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/a0d26f7ed28a4337ab20f3098926495e.png
[69185825002345feb85b1cd2b1d66107.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/d33f8cafc39649a888cd6ba773bdf0d6.png
[1c1463a31a804762babbfa879f6fc6c6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/8d6538e4cdc444c0b038555c48a05199.png
[c877532b56d64063a49b630d212cad37.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/f9fdf2b3f8f6438f86cac73002a48b87.png
[c035219e66894ff4a6d2ab0dd832f7cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/5060e553a81f4aa09a155caeae83ebd8.png
[1d4ee183317447a6bb13a12afab78325.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/d25861dc61aa4a51a42d27982a313ee9.png
[518afa947e274736a16c55fdda966766.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/8170682868764fd3be5a44408841a6af.png
[da5683c651864edba175d57749b0e98d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/cdc3662a6abc4d67aa01888e84d53318.png
[cf4f68da12a648a9ab0c22fee7e8617d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/6e820fbdf78f415d91e336c5fdbeb49e.png
[8fa1f63becbb413d9bd7907b8a6c3c24.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/845cee8742df416b9c26d6f2c9f0963e.png
[988940f22bf84308986e4bde1a1e9970.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/5cb26d21fdb9419589aca37a134302d7.png
[d9e3349e24814a2ea19369dcf84ea423.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/882c43ed3a6943bfb4e9539f1b67646a.png
[61ce6caf0d3e47049cd2f180f20fc6c1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/90a076642d8d4e108fb042a5015aafe2.png
[c0ecdd14f87d41abaa2df578eeb315ea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/8a6e8035d4514341a53d04439a32bdca.png
[92cce671c2354069a2e61efc014fefca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/90e0d0ca2b4c4661ab75b85f06c47a33.png
[81b75e1f6e844ed8965b75a59fc85f72.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/20817da1c718451d928916589378b059.png
[afe78775ab38446d99e71d2996c025fb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/2b6ec65b3e78457ea053d9dc75dbb276.png
[fae0e0a3c7314d7bb56dae10abf9da54.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/e61019df7c844cc9b9242d89aaa274c6.png
[46463aaf6c324ba7a7310844f63f41c3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/0e5fd9b18ac54947914a87d3e5e0b933.png
[212678ed75a74eb7be0563bc4e75603a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/2431af65cebb4a58a3d629d819685be2.png
[8113081f2c52458eb4807381aeff1f92.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/79dfa4eac2ed46e49e7bd546f69bf3e4.png
[140c5715504f48fe80e4219a66736ff2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/bfa0d87c0bfe405e92ca81bbbd211de4.png
[3445d4801b8a441ba84e52a59db06448.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/6855adfb109d4b7485eae7ba87dc1f5e.png
[b523a599023d4a4e8575255abb89510b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/b825b1a6ba6141e1aa6aad20a3438864.png