SSM框架整合步骤详解

向右看齐 2024-04-07 11:58 89阅读 0赞

### 1.1 需求和步骤分析 ###

**需求**  
使用ssm框架完成对 account 表的增删改查操作。

**步骤分析**  
![在这里插入图片描述][a0517b6b498e4561acc16a0408d82ae8.png]

### 1.2 环境搭建 ###

###### 1）准备数据库和表记录 ######

CREATE TABLE `account` ( 
    	`id` int(11) NOT NULL AUTO_INCREMENT, 
    	`name` varchar(32) DEFAULT NULL, 
    	`money` double DEFAULT NULL, 
    	PRIMARY KEY (`id`)
    ) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;
    
    
    insert into `account`(`id`,`name`,`money`) values (1,'tom',1000), (2,'jerry',1000);

###### 2）创建web项目 ######

创建步骤可参考这篇文章：[https://blog.csdn.net/u012660464/article/details/126652568?spm=1001.2014.3001.5501][https_blog.csdn.net_u012660464_article_details_126652568_spm_1001.2014.3001.5501]

### 1.3 编写mybatis在ssm环境中可以单独使用 ###

###### 1）相关坐标 ######

<dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
                <version>5.1.47</version>
            </dependency>
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>druid</artifactId>
                <version>1.1.15</version>
            </dependency>
            <dependency>
                <groupId>org.mybatis</groupId>
                <artifactId>mybatis</artifactId>
                <version>3.5.1</version>
            </dependency>
            <dependency>
                <groupId>junit</groupId>
                <artifactId>junit</artifactId>
                <version>4.12</version>
            </dependency>

###### 2）Account实体 ######

public class Account {
        
    
        private Integer id;
        private String name;
        private Double money;
    
        public Account() {
        
        }
    
        public Account(int id, String name, double money) {
        
            this.id =id;
            this.name = name;
            this.money = money;
        }
    
        public Account(String name, double money) {
        
            this.name = name;
            this.money = money;
        }
    
        @Override
        public String toString() {
        
            return "Account{" +
                    "id=" + id +
                    ", name='" + name + '\'' +
                    ", money=" + money +
                    '}';
        }
    
        public Integer getId() {
        
            return id;
        }
    
        public void setId(Integer id) {
        
            this.id = id;
        }
    
        public String getName() {
        
            return name;
        }
    
        public void setName(String name) {
        
            this.name = name;
        }
    
        public Double getMoney() {
        
            return money;
        }
    
        public void setMoney(Double money) {
        
            this.money = money;
        }
    }

###### 3）AccountDao接口 ######

public interface AccountDao {
        
    
        /*
            查询所有账户
         */
        public List<Account> findAll();
    
        void save(Account account);
    
        Account findById(Integer id);
    
        void update(Account account);
    
        void deleteBatch(Integer[] ids);
    }

###### 4）AccountDao.xml映射 ######

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
    
    <mapper namespace="com.zwt.dao.AccountDao">
    
        
        <select id="findAll" resultType="account">
            select * from account
        </select>
    
        
        <insert id="save" parameterType="account">
            insert into account(name,money)  values(#{name},#{money})
        </insert>
    
        
        <select id="findById" parameterType="int" resultType="account">
            select * from account where id = #{id}
        </select>
    
        
        <update id="update" parameterType="account">
            update account set name = #{name},money = #{money} where id = #{id}
        </update>
    
        
        <delete id="deleteBatch" parameterType="int">
            delete from account
            <where>
                <foreach collection="array" open="id in(" close=")" separator="," item="id">
                    #{id}
                </foreach>
            </where>
        </delete>
    
    </mapper>

注：xml 包名及结构需要和 java 文件一致

###### 5）mybatis核心配置文件 ######

jdbc.properties

jdbc.driver=com.mysql.jdbc.Driver
    jdbc.url=jdbc:mysql:///test
    jdbc.username=root
    jdbc.password=zhangwt

注：一般 resourse 资源目录下，数据库信息需根据自身情况调整

SqlMapConfig.xml

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd">
    
    <configuration>
        
        
        <properties resource="jdbc.properties"/>
    
        
        <typeAliases> <package name="com.zwt.domain"/> </typeAliases>
    
        
        <environments default="dev">
            
            
            <environment id="dev">
                <transactionManager type="JDBC"/>
                <dataSource type="POOLED">
                    <property name="driver" value="${jdbc.driver}"/>
                    <property name="url" value="${jdbc.url}"/>
                    <property name="username" value="${jdbc.username}"/> 
                    <property name="password" value="${jdbc.password}"/> 
                </dataSource> </environment> </environments> 
        
         
        <mappers> 
            <package name="com.zwt.dao"/> 
        </mappers> 
        
    </configuration>

注：一般 resourse 资源目录下

###### 6）测试代码 ######

public class MybatisTest {
        
    
        @Test
        public void  testMybatis() throws IOException {
        
    
            InputStream resourceAsStream = Resources.getResourceAsStream("SqlMapConfig.xml");
    
            SqlSessionFactory sqlSessionFactory = new SqlSessionFactoryBuilder().build(resourceAsStream);
    
            SqlSession sqlSession = sqlSessionFactory.openSession();
    
            AccountDao mapper = sqlSession.getMapper(AccountDao.class);
    
            List<Account> all = mapper.findAll();
    
            for (Account account : all) {
        
                System.out.println(account);
            }
    
            sqlSession.close();
        }
    }

当前项目结构如下：  
![在这里插入图片描述][43df27e8c3334956acea1527558daefc.png]  
运行测试类，可以发现mybatis单独配置成功  
![在这里插入图片描述][3449ba014e9741cfbc500b616b4432a7.png]

### 1.4 编写spring在ssm环境中可以单独使用 ###

###### 1）相关坐标 ######

<dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-context</artifactId>
                <version>5.1.5.RELEASE</version>
            </dependency>
            <dependency>
                <groupId>org.aspectj</groupId>
                <artifactId>aspectjweaver</artifactId>
                <version>1.8.13</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-jdbc</artifactId>
                <version>5.1.5.RELEASE</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-tx</artifactId>
                <version>5.1.5.RELEASE</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-test</artifactId>
                <version>5.1.5.RELEASE</version>
            </dependency>

###### 2）AccountService接口 ######

public interface AccountService {
        
    
    
        public List<Account> findAll();
    
        void save(Account account);
    
        Account findById(Integer id);
    
        void update(Account account);
    
        void deleteBatch(Integer[] ids);
    }

###### 3）AccountServiceImpl实现 ######

@Service
    public class AccountServiceImpl implements AccountService {
        
    
        /*
            测试spring在ssm环境中的单独使用
         */
        public List<Account> findAll() {
        
            System.out.println("findAll执行了....");
            return null;
        }
    
        public void save(Account account) {
        
    
        }
    
        public Account findById(Integer id) {
        
            return null;
        }
    
        public void update(Account account) {
        
    
        }
    
        public void deleteBatch(Integer[] ids) {
        
    
        }
    }

###### 4）spring核心配置文件 ######

applicationContext.xml

###### 5）测试代码 ######

//替换运行器，指定当前Junit的环境为Spring环境
    @RunWith(SpringJUnit4ClassRunner.class)
    //加载核心配置文件
    @ContextConfiguration("classpath:applicationContext.xml")
    public class SpringTest {
        
    
        @Autowired
        private AccountService accountService;
    
        @Test
        public void testSpring(){
        
    
            List<Account> all = accountService.findAll();
            for (Account account : all) {
        
                System.out.println(account);
            }
    
        }
    }

运行  
![在这里插入图片描述][bdb0c12e22b54cc0958c2c0caf0ef0f5.png]  
![在这里插入图片描述][0b4a5cfcad534664bcd2a9e3588ee9a5.png]  
至此，Spring单独配置完成

### 1.5 spring整合mybatis ###

###### 1）整合思想 ######

将mybatis接口代理对象的创建权交给spring管理，我们就可以把dao的代理对象注入到service中，此时也就完成了spring与mybatis的整合了。

###### 2）导入整合包 ######

<dependency>
                <groupId>org.mybatis</groupId>
                <artifactId>mybatis-spring</artifactId>
                <version>1.3.1</version>
            </dependency>

###### 3）spring配置文件管理mybatis ######

注意：此时可以将mybatis主配置文件 SqlMapConfig.xml 删除。  
applicationContext.xml

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:context="http://www.springframework.org/schema/context"
           xmlns:tx="http://www.springframework.org/schema/tx"
           xmlns:aop="http://www.springframework.org/schema/aop"
           xsi:schemaLocation="
           	http://www.springframework.org/schema/beans	http://www.springframework.org/schema/beans/spring-beans.xsd
           	http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
           	http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd
           	http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd">
    
    
        
        <context:component-scan base-package="com.zwt.service"></context:component-scan>
    
        
        <context:property-placeholder location="classpath:jdbc.properties"></context:property-placeholder>
    
        <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
            <property name="driverClassName" value="${jdbc.driver}"/>
            <property name="url" value="${jdbc.url}"/>
            <property name="username" value="${jdbc.username}"/>
            <property name="password" value="${jdbc.password}"/>
        </bean>
    
        
        <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
            <property name="dataSource" ref="dataSource"></property>
            <property name="typeAliasesPackage" value="com.zwt.domain"></property>
    
            
           
        </bean>
    
        
        <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
            <property name="basePackage" value="com.zwt.dao"></property>
         </bean>
        
    
    </beans>

###### 4）修改AccountServiceImpl ######

@Service
    public class AccountServiceImpl implements AccountService {
        
    
        @Autowired
        private AccountDao accountDao;
    
        /*
            测试spring在ssm环境中的单独使用
         */
        public List<Account> findAll() {
        
            return accountDao.findAll();
        }
    
        public void save(Account account) {
        
    
        }
    
        public Account findById(Integer id) {
        
            return null;
        }
    
        public void update(Account account) {
        
    
        }
    
        public void deleteBatch(Integer[] ids) {
        
    
        }
    }

###### 5）测试 ######

![在这里插入图片描述][893b5d102b924aa28407884a9d2f70ec.png]  
![在这里插入图片描述][e1e6a54acd184e25845e8fd86788b1bf.png]

### 1.6 编写springMVC在ssm环境中可以单独使用 ###

需求：访问到controller里面的方法查询所有账户，并跳转到list.jsp页面进行列表展示

###### 1）相关坐标 ######

pom.xml

<dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-webmvc</artifactId>
                <version>5.1.5.RELEASE</version>
            </dependency>
            <dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>javax.servlet-api</artifactId>
                <version>3.1.0</version>
                <scope>provided</scope>
            </dependency>
            <dependency>
                <groupId>javax.servlet.jsp</groupId>
                <artifactId>jsp-api</artifactId>
                <version>2.2</version>
                <scope>provided</scope>
            </dependency>
            <dependency>
                <groupId>jstl</groupId>
                <artifactId>jstl</artifactId>
                <version>1.2</version>
            </dependency>

###### 2）导入页面资源 ######

![在这里插入图片描述][28496b6097984e68897effcbca1ba662.png]  
相关页面素材资源已上传，点击链接可下载，[https://download.csdn.net/download/u012660464/86507398][https_download.csdn.net_download_u012660464_86507398]

###### 3）前端控制器DispathcerServlet ######

web.xml

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
             version="4.0">
             
        
        <servlet>
            <servlet-name>DispatcherServlet</servlet-name>
            <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
            <init-param>
                <param-name>contextConfigLocation</param-name>
                 
                <param-value>classpath:spring-mvc.xml</param-value>
            </init-param>
            <load-on-startup>2</load-on-startup>
        </servlet>
        <servlet-mapping>
            <servlet-name>DispatcherServlet</servlet-name>
            <url-pattern>/</url-pattern>
        </servlet-mapping>
    
        
        <filter>
            <filter-name>CharacterEncodingFilter</filter-name>
            <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
            <init-param>
                <param-name>encoding</param-name>
                <param-value>UTF-8</param-value>
            </init-param>
        </filter>
        <filter-mapping>
            <filter-name>CharacterEncodingFilter</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>
    
    </web-app>

###### 4）AccountController和 list.jsp ######

@Controller
    @RequestMapping("/account")
    public class AccountController {
        
    
    
        /*
            查询所有用户
         */
    
        @RequestMapping("/findAll")
        public  String findAll(Model model){
        
            List<Account> list = new ArrayList<>();
            list.add(new Account(1,"张三",1000d));
            list.add(new Account(2,"李四",1000d));
            model.addAttribute("list", list);
    
            return "list";
        }
    }

list.jsp

<c:forEach items="${list}" var="account">
    
        <tr>
            <td>
                <input type="checkbox" name="ids" value="${account.id}">
            </td>
            <td>${
        account.id}</td>
            <td>${
        account.name}</td>
            <td>${
        account.money}</td>
            <td><a class="btn btn-default btn-sm" href="${pageContext.request.contextPath}/account/findById?id=${account.id}">修改</a> <a class="btn btn-default btn-sm" href="">删除</a></td>
        </tr>
    </c:forEach>

###### 5）springMVC核心配置文件 ######

spring-mvc.xml

###### 6）测试 ######

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

配置tomcat  
![在这里插入图片描述][0cc6e7fa0f8e497f8526e87867d29b0d.png]  
![在这里插入图片描述][bc288aed1480479392bb503f61559829.png]  
把当前工程，部署到tomcat上  
![在这里插入图片描述][b8f324fc4ec64a21a191fc83ff80e041.png]  
![在这里插入图片描述][7b47400fff894d82ab39cbd2e433c9ee.png]  
![在这里插入图片描述][513c4bed07ec4eb09aa18ee825e1f9eb.png]  
选择application sever  
![在这里插入图片描述][b9e5463289a34119b930ccf4c4de22a2.png]  
create configuration  
![在这里插入图片描述][1b6d48b25c9c4d41a7a7f47b0e724bc8.png]  
![在这里插入图片描述][6cca43fcc2e24a4691dd27454ef7a89f.png]  
点击Apply 和 ok  
![在这里插入图片描述][9f8d39ab0bdc4f6da06a27855678d8ff.png]  
启动tomcat  
![在这里插入图片描述][5325f6dc159940c2bf87097947d0cbea.png]  
在浏览器访问：http://localhost:8080/ssmWeb/account/findAll  
![在这里插入图片描述][1a6fdc64c3e44cfeacf78efba467adad.png]

### 1.7 spring整合springMVC ###

###### 1）整合思想 ######

spring和springMVC其实根本就不用整合，本来就是一家。  
但是我们需要做到spring和web容器整合，让web容器启动的时候自动加载spring配置文件，web容器销毁的时候spring的ioc容器也销毁。

###### 2）spring和web容器整合 ######

**ContextLoaderListener加载**  
可以使用spring-web包中的ContextLoaderListener监听器，可以监听servletContext容器的创建和销毁，来同时创建或销毁IOC容器。

web.xml

<listener>
            <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
        </listener>
    
        <context-param>
            <param-name>contextConfigLocation</param-name>
            
            <param-value>classpath:applicationContext.xml</param-value>
        </context-param>

###### 3）修改AccountController ######

@Controller
    @RequestMapping("/account")
    public class AccountController {
        
    
        @Autowired
        private AccountService accountService;
    
        /*
            查询所有用户
         */
    
        @RequestMapping("/findAll")
        public  String findAll(Model model){
        
            List<Account> list = accountService.findAll(); 
            model.addAttribute("list", list);
    
            return "list";
        }
    }

###### 4）测试 ######

启动tomcat，使用浏览器访问 http://localhost:8080/ssmWeb/account/findAll  
![在这里插入图片描述][ceb5183f57304be88a6dcfaed100274a.png]

### 1.8 spring配置声明式事务 ###

###### 1）spring配置文件加入声明式事务 ######

applicationContext.xml

<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
            <property name="dataSource" ref="dataSource"></property>
        </bean>
    
        
        <tx:annotation-driven/>

AccountServiceImpl 类添加 @Transactional 注解

@Service
    @Transactional
    public class AccountServiceImpl implements AccountService {
        
    	//...
    }

###### 2）add.jsp ######

###### 3）AccountController ######

修改save方法

@Controller
    @RequestMapping("/account")
    public class AccountController {
        
    
        @Autowired
        private AccountService accountService;
        
            @RequestMapping("/save")
        public String save(Account account){
        
    
            accountService.save(account);
            // 跳转到findAll方法重新查询一次数据库进行数据的遍历展示
            return "redirect:/account/findAll";
        }
    }

###### 4）AccountService接口和实现类 ######

AccountService.java

public interface AccountService {
        
        void save(Account account);
    }

AccountServiceImpl.java

@Service
    @Transactional
    public class AccountServiceImpl implements AccountService {
        
    
        //需要用到AccountDao的代理对象
        @Autowired
        private AccountDao accountDao;
    
        /*
            账户添加
         */
        @Override
        public void save(Account account) {
        
            accountDao.save(account);
        }
    }

###### 5）AccountDao ######

AccountDao.java

void save(Account account);

###### 6）AccountDao.xml映射 ######

<insert id="save" parameterType="account">
            insert into account(name,money)  values(#{name},#{money})
        </insert>

###### 7）测试 ######

启动tomcat，使用浏览器访问 http://localhost:8080/ssmWeb/add.jsp  
![在这里插入图片描述][8a214f05dd45400d9a8bd1d79709adf8.png]  
![在这里插入图片描述][ef5c57efd54c47b2a3891a93b8905fad.png]  
**至此，SSM框架整合已经完成了！**

为了以后方便，我们再把修改和删除操作完善，做成一个Demo，方便后续参考。

### 1.9 修改操作 ###

###### 1.9.1 数据回显 ######

###### ① AccountController ######

/*
            根据id查询账户信息，完成账户回显
         */
        @RequestMapping("/findById")
        public String findById(Integer id,Model model){
        
            Account account =  accountService.findById(id);
            //存到model中
            model.addAttribute("account",account);
            //视图跳转
            return  "update";
        }

###### ② AccountService接口和实现类 ######

AccountService.java

Account findById(Integer id);

AccountServiceImpl.java

@Override
        public Account findById(Integer id) {
        
            return accountDao.findById(id);
        }

###### ③ AccountDao接口和映射文件 ######

Account findById(Integer id);

<select id="findById" parameterType="int" resultType="account">
            select * from account where id = #{
        id}
        </select>

###### ④ update.jsp ######

###### 1.9.2 账户更新 ######

###### ① AccountController ######

/*
            更新账户
         */
        @RequestMapping("/update")
        public String update(Account account){
        
            accountService.update(account);
            return "redirect:/account/findAll";
        }

###### ② AccountService接口和实现类 ######

AccountService.java

void update(Account account);

AccountServiceImpl.java

@Override 
    public void update(Account account) {
         
    	accountDao.update(account); 
    }

###### ③ AccountDao接口和映射文件 ######

AccountDao.java

void update(Account account);

AccountDao.xml

<update id="update" parameterType="Account"> 
    	update account set name = #{name},money = #{money} where id = #{id} </update>

###### 1.9.3 测试 ######

启动tomcat，使用浏览器访问 http://localhost:8080/ssmWeb/account/findAll  
![在这里插入图片描述][781e66498b7d470591b67d5336155b2d.png]  
![在这里插入图片描述][b5181f863da74017988af44756202809.png]  
![在这里插入图片描述][c324d8dd3ab24aa287ee62fa253c957a.png]

### 1.10 批量删除 ###

###### 1）list.jsp ######

###### 2）AccountController ######

/*
            批量删除
         */
        @RequestMapping("/deleteBatch")
        public String deleteBatch(Integer[] ids){
        
    
            accountService.deleteBatch(ids);
    
            return "redirect:/account/findAll";
    
        }

###### 3）AccountService接口和实现类 ######

AccountService.java

void deleteBatch(Integer[] ids);

AccountServiceImpl.java

@Override
        public void deleteBatch(Integer[] ids) {
        
            
            accountDao.deleteBatch(ids);
        }

###### 4）AccountDao接口和映射文件 ######

AccountDao.java

void deleteBatch(Integer[] ids);

AccountDao.xml

<delete id="deleteBatch" parameterType="int">
            delete from account
            <where>
                <foreach collection="array" open="id in(" close=")" separator="," item="id">
                    #{id}
                </foreach>
            </where>
        </delete>

###### 5）测试 ######

启动tomcat，使用浏览器访问 http://localhost:8080/ssmWeb/account/findAll  
![在这里插入图片描述][c163716f88c04b949cd2619c70ddd79a.png]  
![在这里插入图片描述][2935a0165c6c41c0b6822a6742410862.png]

至此，整个Demo工程完成，我已上传完整版的源码，可直接下载使用，下载链接：  
[https://download.csdn.net/download/u012660464/86507494][https_download.csdn.net_download_u012660464_86507494]

[a0517b6b498e4561acc16a0408d82ae8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/20969968e0e04491a7bf973af78bf0d2.png
[https_blog.csdn.net_u012660464_article_details_126652568_spm_1001.2014.3001.5501]: https://blog.csdn.net/u012660464/article/details/126652568?spm=1001.2014.3001.5501
[43df27e8c3334956acea1527558daefc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/b6e4763fe255492a9f0a824d18e81c72.png
[3449ba014e9741cfbc500b616b4432a7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/77dacbc94f2e4088a624ca1c6d6c036a.png
[bdb0c12e22b54cc0958c2c0caf0ef0f5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/3d6770bedcb64c6c9a08fa05b7a682a5.png
[0b4a5cfcad534664bcd2a9e3588ee9a5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/a0f48b0783334a648256830dee1a988b.png
[893b5d102b924aa28407884a9d2f70ec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/86a2fcae02434eb996050af428369cc5.png
[e1e6a54acd184e25845e8fd86788b1bf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/75fd21df4c824188ae354eb420208a6c.png
[28496b6097984e68897effcbca1ba662.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/ad0fea7fa3204048afd9faa7975cd7cf.png
[https_download.csdn.net_download_u012660464_86507398]: https://download.csdn.net/download/u012660464/86507398
[5a639c1aaa9e418e853dcbe51aed8036.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/c557f3fa006b45f4a43489c8d75fd7e5.png
[0cc6e7fa0f8e497f8526e87867d29b0d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/d2ddd43a57c4407b972a48503c2b2581.png
[bc288aed1480479392bb503f61559829.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/ec4a4330e7fd477083f18b438b9c93c8.png
[b8f324fc4ec64a21a191fc83ff80e041.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/64b29d6b32c844ec99aebfd7b8104637.png
[7b47400fff894d82ab39cbd2e433c9ee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/1eaec591985249e48cbbb06f0d067b30.png
[513c4bed07ec4eb09aa18ee825e1f9eb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/bc5a4de469eb448cac6ab6e673da1e59.png
[b9e5463289a34119b930ccf4c4de22a2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/03e15a0683b94cb49590937ce10f43f0.png
[1b6d48b25c9c4d41a7a7f47b0e724bc8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/771f881a948e4041a9b7b6623b76b5f4.png
[6cca43fcc2e24a4691dd27454ef7a89f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/377a6b09787f493090b094e74e950c26.png
[9f8d39ab0bdc4f6da06a27855678d8ff.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/7a78c180baaf48ac834f03c2809d7a2c.png
[5325f6dc159940c2bf87097947d0cbea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/372a2e4ceacd4074a37e1df1c6739207.png
[1a6fdc64c3e44cfeacf78efba467adad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/0e7b8233294e42fa8fdde3ddf154cbb5.png
[ceb5183f57304be88a6dcfaed100274a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/6cae099fba5d4b0aa86b95eaacf31edb.png
[8a214f05dd45400d9a8bd1d79709adf8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/1c5cc13233b044b3a116c190fa1489cc.png
[ef5c57efd54c47b2a3891a93b8905fad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/a004cd94e45c4eeb8325bc162c850e34.png
[781e66498b7d470591b67d5336155b2d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/51ccc616e39e41b1b31f071bc4353e3e.png
[b5181f863da74017988af44756202809.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/c88fc60527194d20b2e3278076b53290.png
[c324d8dd3ab24aa287ee62fa253c957a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/f5dae91eb3824568b846fe274353c3b8.png
[c163716f88c04b949cd2619c70ddd79a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/a62904d7bdaf43d898c8deab7dbebd32.png
[2935a0165c6c41c0b6822a6742410862.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/f48b78b70a484413b0a1908fc3742b18.png
[https_download.csdn.net_download_u012660464_86507494]: https://download.csdn.net/download/u012660464/86507494