动态网站开发学习笔记05：会话及会话技术

蔚落 2024-05-07 17:06 28阅读 0赞

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

*  Cookie案例演示 - 显示用户上次访问时间
 *   *  1、创建Web项目
     *  2、修改Artifact名称，重新部署项目
     *  3、创建LastAccessServlet类
     *  4、启动服务器，查看结果
 *  Session案例演示 - 实现购物车
 *   *  1、创建Web项目
     *  2、修改Artifact名称，重新部署项目
     *  3、创建蛋糕实体类
     *  4、创建蛋糕数据库模拟类
     *  5、创建蛋糕列表处理程序
     *  6、创建购物处理程序
     *  7、创建购物车处理程序
     *  8、启动服务器，查看结果

## Cookie案例演示 - 显示用户上次访问时间 ##

### 1、创建Web项目 ###

Web项目 - CookieDemo![请添加图片描述][137d39ed140f4c2ba18076039844bf42.png]  
设置项目名称与保存位置  
![请添加图片描述][5bf0831b39c745a8ad1c5e2eb2b9e147.png]  
单击【Finish】按钮![请添加图片描述][c3f67a4bb9624d828efc849ff64bafbc.png]

### 2、修改Artifact名称，重新部署项目 ###

在项目结构窗口里修改Artifact名称![请添加图片描述][d4aa1b86556343abab1add2e78440e8a.png]  
编辑服务器配置，重新部署项目，URL变成http://localhost:8080/CookieDemo/![请添加图片描述][51fe3a542dd3483bbf9ebdc35884999f.png]  
修改首页![请添加图片描述][2f5816c8816745588c9cafbb8f44729c.png]  
启动服务器，查看效果![请添加图片描述][652e988872e44a6687e1548afda2e844.png]

### 3、创建LastAccessServlet类 ###

创建net.huawei.servlet包，然后在里面创建LastAccessServlet类  
![请添加图片描述][32fc27ff986347dda0c94144a2c25c78.png]

package net.huawei.servlet;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.Cookie;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    import java.io.PrintWriter;
    import java.net.URLDecoder;
    import java.net.URLEncoder;
    import java.text.SimpleDateFormat;
    import java.util.Date;
    
    /**
     * 功能：显示用户上次访问时间
     * 作者：
     * 日期：2023年04月21日
     */
    @WebServlet(name = "LastAccessServlet", value = "/LastAccessServlet")
    public class LastAccessServlet extends HttpServlet {
        protected void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            // 设置响应对象内容类型（网页、编码），避免中文乱码
            response.setContentType("text/html; charset=utf-8");
            // 获取打印输出流
            PrintWriter out = response.getWriter();
            // 获取所有cookie
            Cookie[] cookies = request.getCookies();
            // 定义标志变量isFirstAccess
            boolean isFirstAccess = true;
            // 判断cookies是否为空
            if (cookies.length > 0 && cookies != null) {
                // 遍历cookies数组
                for (Cookie cookie : cookies) {
                    // 获取cookie的名称
                    String name = cookie.getName();
                    // 判断cookie名称是否为`lastTime`
                    if (name.equals("lastTime")) {
                        // 用户不是第一次访问
                        isFirstAccess = false;
                        // 获取cookie的值（上次访问时间）
                        String value = cookie.getValue();
                        // 控制台输出解码前的数据
                        System.out.println("解码前：" + value);
                        // 对cookie值进行URL解码
                        value = URLDecoder.decode(value, "utf-8");
                        // 控制台输出解码后的数据
                        System.out.println("解码后：" + value);
                        // 在页面显示用户上次访问时间
                        out.print("欢迎回来，您上次访问时间：" + value);
                        // 获取当前时间字符串
                        Date date = new Date();
                        SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
                        String strDate = sdf.format(date);
                        // 控制台输出编码前的日期数据
                        System.out.println("编码前：" + strDate);
                        // 对日期数据进行URL编码
                        strDate = URLEncoder.encode(strDate, "utf-8");
                        // 控制台输出编码后的日期数据
                        System.out.println("编码后：" + strDate);
                        // 设置cookie的值
                        cookie.setValue(strDate);
                        // 设置cookie的存活时间（以秒为单位）
                        cookie.setMaxAge(30 * 24 * 60 * 60);  // 一个月
                        // 加入cookie，让其生效
                        response.addCookie(cookie);
                    }
                }
            }
    
            // 第一次访问
            if (isFirstAccess) {
                // 获取当前时间字符串
                Date date = new Date();
                SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
                String strDate = sdf.format(date);
                // 控制台输出编码前的日期数据
                System.out.println("编码前：" + strDate);
                // 对日期数据进行URL编码
                strDate = URLEncoder.encode(strDate, "utf-8");
                // 控制台输出编码后的日期数据
                System.out.println("编码后：" + strDate);
                // 创建一个cookie
                Cookie cookie = new Cookie("lastTime", strDate);
                // 设置cookie的值
                cookie.setValue(strDate);
                // 设置cookie的存活时间（以秒为单位）
                cookie.setMaxAge(30 * 24 * 60 * 60);  // 一个月
                // 加入cookie，让其生效
                response.addCookie(cookie);
                // 在页面显示欢迎用户首次访问信息
                out.print("您好，欢迎您首次访问本网站~");
            }
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            doPost(request, response);
        }
    }

### 4、启动服务器，查看结果 ###

启动服务器，访问http://localhost:8080/CookieDemo/LastAccessServlet  
![请添加图片描述][01a743d00fa14beab88a69f9e541390d.png]  
查看控制台输出信息![请添加图片描述][6042479341514e5aa5f56ba3fbd1735a.png]  
刷新访问地址http://localhost:8080/CookieDemo/LastAccessServlet，浏览器显示了用户的上次访问时间，这是因为用户第一次访问LastAccessServlet时，LastAccessServlet向浏览器发送并保存用户访问时间的Cookie信息。第二次访问LastAccessServlet时，服务器读取该Cookie信息，并在浏览器显示  
![请添加图片描述][88da214c15464f5f99d19f45b33b3428.png]  
查看控制台输出信息![请添加图片描述][4caa5ab13cac414fadc5cdde9bb75358.png]  
关闭浏览器后，再次打开浏览器，访问LastAccessServlet，浏览器依旧显示了时间，是因为我们在LastAccessServlet类的代码中设置了Cookie的有效时间为1个月。![请添加图片描述][afd57b58b1d54d2a96cd7c974cf212d8.png]  
课后练习：登录表单自动填充上次登录成功的用户名![请添加图片描述][df777b642f2e45fca7782defc8218b12.png]

## Session案例演示 - 实现购物车 ##

### 1、创建Web项目 ###

创建Java Enterprise项目，添加Web Application  
![请添加图片描述][b7d2a528620442da8034dd38064e3731.png]  
设置项目名称与保存位置![请添加图片描述][37c5ade26fa440c9ad3116004db0407e.png]  
单击【Finish】按钮![请添加图片描述][cc4ebc39cc3c408ca44308d3a4ddf940.png]

### 2、修改Artifact名称，重新部署项目 ###

在项目结构窗口里修改Artifact名称![请添加图片描述][b3e7542e8aa94d7a8ef7ec5c52fe8d6e.png]  
在服务期配置窗口里，重新部署项目![请添加图片描述][eb207a9d82e54eecbc1c8e1b3b81e1c7.png]  
切换到【Server】选项卡，设置默认浏览器![请添加图片描述][5f32a3b273854d64b40c473aae92bd5b.png]  
修改首页![请添加图片描述][bb6e8425e4a04d4b8f79268a02e85531.png]  
启动服务器，查看结果![请添加图片描述][c24f3d2b1e5f4db1883653610a6c13d8.png]

### 3、创建蛋糕实体类 ###

创建net.huawei.session.bean包，然后在包里创建Cake类![请添加图片描述][bc77db765e554f55ba7f5ac3d14ca754.png]

package net.huawei.session.bean;
    
    /**
     * 功能：蛋糕实体类
     * 作者：
     * 日期：2023年05月23日
     */
    public class Cake {
        private String id; // 编号
        private String name; // 名称
    
        // 无参构造方法
        public Cake() {
        }
    
        // 有参构造方法
        public Cake(String id, String name) {
            this.id = id;
            this.name = name;
        }
    
        public String getId() {
            return id;
        }
    
        public void setId(String id) {
            this.id = id;
        }
    
        public String getName() {
            return name;
        }
    
        public void setName(String name) {
            this.name = name;
        }
    
        @Override
        public String toString() {
            return "Cake{" +
                    "id='" + id + '\'' +
                    ", name='" + name + '\'' +
                    '}';
        }
    }

创建net.huawei.session.test包，然后在包里创建TestCake类![请添加图片描述][c1d00b4a41894757a8856b67581e00ca.png]

package net.huawei.session.test;
    
    import net.huawei.session.bean.Cake;
    
    /**
     * 功能：测试蛋糕实体类
     * 作者：华卫
     * 日期：2023年05月23日
     */
    public class TestCake {
        public static void main(String[] args) {
            // 1. 基于无参构造方法创建蛋糕对象
            Cake cake1 = new Cake();
            // 设置蛋糕对象属性
            cake1.setId("001");
            cake1.setName("金玫瑰蛋糕");
            // 打印蛋糕对象
            System.out.println(cake1);
            // 2. 基于有参构造方法创建蛋糕对象
            Cake cake2 = new Cake("002", "黄苹果蛋糕");
            // 打印蛋糕对象
            System.out.println(cake2);
        }
    }

运行程序，查看结果![请添加图片描述][97cc88e8fe974de787d14e058e9844b6.png]  
如果只想看到编号与名称，那么就要修改代码![请添加图片描述][095af9d66aee4ead831aad02babdb9d6.png]  
如果只想看到编号与名称，那么就要修改代码![请添加图片描述][3163e70c0e144b5985bc675835d2581e.png]

### 4、创建蛋糕数据库模拟类 ###

在net.huawei.session根包里创建dao包，然后在子包里创建CakeDao类，用于模拟访问蛋糕数据库![请添加图片描述][6c31a5ff180e49e7bc2398cd898fabaf.png]

package net.huawei.session.dao;
    
    import net.huawei.session.bean.Cake;
    
    import java.util.Collection;
    import java.util.LinkedHashMap;
    import java.util.Map;
    
    /**
     * 功能：蛋糕数据访问对象
     * 作者：华卫
     * 日期：2023年05月23日
     */
    public class CakeDao {
        // 创建蛋糕集合（链式哈希映射对象）
        private static Map<String, Cake> cakes = new LinkedHashMap<>();
    
        // 静态代码块，初始化蛋糕集合
        static {
            cakes.put("1", new Cake("1", "A类蛋糕"));
            cakes.put("2", new Cake("2", "B类蛋糕"));
            cakes.put("3", new Cake("3", "C类蛋糕"));
            cakes.put("4", new Cake("4", "D类蛋糕"));
            cakes.put("5", new Cake("5", "E类蛋糕"));
        }
    
        // 查询全部蛋糕
        public static Collection<Cake> findAllCakes() {
            return cakes.values();
        }
    
        // 按编号查询蛋糕
        public static Cake findCakeById(String id) {
            return cakes.get(id);
        }
    }

在net.huawei.session.test包里创建TestCakeDao类![请添加图片描述][1a49f859a03d465cb6808ecf9cebe315.png]

package net.huawei.session.test;
    
    import net.huawei.session.bean.Cake;
    import net.huawei.session.dao.CakeDao;
    
    import java.util.Collection;
    
    /**
     * 功能：测试蛋糕用户访问对象
     * 作者：华卫
     * 日期：2023年05月23日
     */
    public class TestCakeDao {
        public static void main(String[] args) {
            // 查询全部蛋糕
            Collection<Cake> cakes = CakeDao.findAllCakes();
            // 通过增强for循环遍历蛋糕集合
            for (Cake cake : cakes) {
                System.out.println(cake.getId() + "\t" + cake.getName());
            }
            System.out.println();
            // 按编号查询蛋糕
            String id = "4";
            Cake cake = CakeDao.findCakeById(id);
            // 输出蛋糕对象属性
            System.out.println(cake.getId() + "\t" + cake.getName());
        }
    }

运行程序，查看结果![请添加图片描述][577b9f1533aa454d848304bf775484af.png]

### 5、创建蛋糕列表处理程序 ###

创建net.huawei.session.servlet包，然后在包里创建CakeListServlet类，用于显示所有可购买蛋糕的列表，通过单击“购买”链接，便可将指定的蛋糕添加到购物车中![请添加图片描述][b65b8f551aeb47f0ab0ec639a464fbac.png]

package net.huawei.session.servlet;
    
    import net.huawei.session.bean.Cake;
    import net.huawei.session.dao.CakeDao;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    import java.io.PrintWriter;
    import java.util.Collection;
    
    /**
     * 功能：显示蛋糕列表
     * 作者：华卫
     * 日期：2023年05月23日
     */
    @WebServlet(name = "CakeListServlet", urlPatterns = "/cake_list")
    public class CakeListServlet extends HttpServlet {
        protected void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            // 设置响应体内容类型
            response.setContentType("text/html; charset=utf-8");
            // 获取字符输出流
            PrintWriter out = response.getWriter();
            // 获取蛋糕集合
            Collection<Cake> cakes = CakeDao.findAllCakes();
            out.print("<body style='text-align: center'>");
            out.print("<h3>本站提供的蛋糕</h3>");
            // 显示全部蛋糕
            for (Cake cake : cakes) {
                String url = "purchase?id=" + cake.getId();
                out.print(cake.getId() + " " + cake.getName()
                        + " <a href='" + url + "'>点击购买</a><br>");
            }
            out.print("</body>");
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            doPost(request, response);
        }
    }

启动服务器，访问http://localhost:8080/SessionDemo/cake\_list![请添加图片描述][779b88718fa84358b16e8afa91fd7761.png]  
如果此时单击【点击购买】超链接，会报404错误![请添加图片描述][ca9120d3ad154765a1f6521c44d181e3.png]

### 6、创建购物处理程序 ###

在net.huawei.session.servlet包里创建PurchaseServlet类![请添加图片描述][4bd50d840cd94ea69ffe7a0d7696cf9e.png]

package net.huawei.session.servlet;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    /**
     * 功能：购物处理程序
     * 作者：华卫
     * 日期：2023年05月23日
     */
    @WebServlet(name = "PurchaseServlet", urlPatterns = "/purchase")
    public class PurchaseServlet extends HttpServlet {
        protected void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            // 获得用户购买蛋糕的id
            String id = request.getParameter("id");
            // 判断用户是否选购
            if (id != null) {
                // 按照id获取蛋糕对象
                Cake cake = CakeDao.findCakeById(id);
                // 创建或获得用户的Session对象
                HttpSession session = request.getSession();
                // 从Session对象中获得用户的购物车
                List<Cake> cart = (List<Cake>) session.getAttribute("cart");
                // 判断购物车是否为空
                if (cart == null) { // 首次购买
                    // 为用户创建一个购物车（List集合模拟购物车）
                    cart = new ArrayList<>();
                    // 将购物车存入Session对象
                    session.setAttribute("cart", cart);
                }
                // 将选购的蛋糕放入购物车
                cart.add(cake);
                // 创建Cookie用来保存Session的标识号
                Cookie cookie = new Cookie("JSESSIONID", session.getId());
                // 设置cookie属性
                cookie.setMaxAge(30 * 60); // 30分钟
                cookie.setPath("/Servlet");
                // 加入cookie
                response.addCookie(cookie);
                // 重定向到购物车页面（CartServlet，其url为`cart`）
                response.sendRedirect("cart");
            } else {
                // 重定向到蛋糕列表显示页面（CakeListServlet，其url为`cake_list`）
                response.sendRedirect("cake_list");
            }
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            doPost(request, response);
        }
    }

### 7、创建购物车处理程序 ###

在net.huawei.session.servlet包里创建CartServlet类![请添加图片描述][ac54dae069e64d2ba3fb5aeeb4b4e5cc.png]

package net.huawei.session.servlet;
    
    import net.huawei.session.bean.Cake;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import javax.servlet.http.HttpSession;
    import java.io.IOException;
    import java.io.PrintWriter;
    import java.util.List;
    
    /**
     * 功能：购物车处理程序
     * 作者：华卫
     * 日期：2023年05月23日
     */
    @WebServlet(name = "CartServlet", urlPatterns = "/cart")
    public class CartServlet extends HttpServlet {
        protected void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            // 设置响应体内容类型
            response.setContentType("text/html; charset=utf-8");
            // 获取字符输出流
            PrintWriter out = response.getWriter();
            // 变量cart引用用户的购物车
            List<Cake> cart = null;
            // 变量hasPurchased标记用户是否买过商品
            boolean hasPurchased = true;
            // 获得用户的session
            HttpSession session = request.getSession(false);
            // 判断会话是否为空
            if (session == null) { // 尚未购买过商品
                hasPurchased = false;
            } else {
                // 获得用户购物车
                cart = (List) session.getAttribute("cart");
                // 判断购物车是否为空
                if (cart == null) { // 尚未购买过商品
                    hasPurchased = false;
                }
            }
    
            out.print("<body style='text-align: center'>");
            // 判断用户是否购买过商品
            if (!hasPurchased) {
                out.print("遗憾，您尚未购买任何商品~<br>");
            } else {
                // 显示用户购买蛋糕的信息
                out.print("<h3>您购买的蛋糕</h3>");
                for (Cake cake : cart) {
                    out.print(cake.getId() + " " + cake.getName() + "<br>");
                }
            }
            out.print("</body>");
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            doPost(request, response);
        }
    }

### 8、启动服务器，查看结果 ###

启动服务器，访问http://localhost:8080/SessionDemo/cake\_list![请添加图片描述][da12304872cf4bbf9dae9226cff81584.png]  
购买C类蛋糕![请添加图片描述][6e5f212c830c441e82d5a56d8c5ec3f0.png]  
返回蛋糕列表页面![请添加图片描述][50ddc60161144a90a0881253beb39d36.png]  
购买A类蛋糕![请添加图片描述][7c97013e34894922a83a7399594a57e4.png]  
返回蛋糕列表页面![请添加图片描述][3fb1370465f449418d4069570aa5fa4d.png]  
购买E类蛋糕![请添加图片描述][69430223266040a487d3484af4b8aa5b.png]  
录屏演示购物过程![请添加图片描述][dbc2312762f84f0da494fdb1b6686375.gif]

[137d39ed140f4c2ba18076039844bf42.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/85980e7d199a4eeab3dbd52794b7229c.png
[5bf0831b39c745a8ad1c5e2eb2b9e147.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/14d2677556f24b6b898a5405d3031ebc.png
[c3f67a4bb9624d828efc849ff64bafbc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/c7de0a1de3874476b73ac3cae0c6e89d.png
[d4aa1b86556343abab1add2e78440e8a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/540d0bfc50974fe79213028d7f777c92.png
[51fe3a542dd3483bbf9ebdc35884999f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/ec2e3c18d932460aa172cd5ee77fbabf.png
[2f5816c8816745588c9cafbb8f44729c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/67ec621622884d45b66585fe3885c33b.png
[652e988872e44a6687e1548afda2e844.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/5742d625317843faa4e11868751df29d.png
[32fc27ff986347dda0c94144a2c25c78.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/d98e5aadb6b24fb88b5ccc55e8393a1c.png
[01a743d00fa14beab88a69f9e541390d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/f936b9a3f73041d290bbc1227b4b8b0c.png
[6042479341514e5aa5f56ba3fbd1735a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/c22200d31cd245c49e000a6b3883f03f.png
[88da214c15464f5f99d19f45b33b3428.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/fb7d44488c1342a8b12b434e08d9395f.png
[4caa5ab13cac414fadc5cdde9bb75358.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/18ccb1a6ac3e42bab58f90f4da7eaadf.png
[afd57b58b1d54d2a96cd7c974cf212d8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/dd1d9718ce9f4eb28c2aab809291110d.png
[df777b642f2e45fca7782defc8218b12.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/297b243951de4ba5a2060ed9cc0c43c8.png
[b7d2a528620442da8034dd38064e3731.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/6c3359cc5f0c4ac5bd5dc2edfba30caa.png
[37c5ade26fa440c9ad3116004db0407e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/d3daacb95ff2441c8559962afd3c6473.png
[cc4ebc39cc3c408ca44308d3a4ddf940.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/80a257f337364361b52815a8c777fdf5.png
[b3e7542e8aa94d7a8ef7ec5c52fe8d6e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/af56621e00ba4a489d689b960b18e28a.png
[eb207a9d82e54eecbc1c8e1b3b81e1c7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/9c1777fe868c48f0a635c8243aecdc16.png
[5f32a3b273854d64b40c473aae92bd5b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/9a5a34dafeca40e2a982a0fa02c94e75.png
[bb6e8425e4a04d4b8f79268a02e85531.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/6e9ae2f9be5b4eb5a62c91bf2c307b58.png
[c24f3d2b1e5f4db1883653610a6c13d8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/446d640db32a4a78b4bd1a7d9cf0bf1e.png
[bc77db765e554f55ba7f5ac3d14ca754.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/988fc4344f794721beb22727d4950f19.png
[c1d00b4a41894757a8856b67581e00ca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/8e6f08fd20dc4477ae850b5e2426ad7a.png
[97cc88e8fe974de787d14e058e9844b6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/3ac4effc164e4b90803c1d8955dcfb8c.png
[095af9d66aee4ead831aad02babdb9d6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/40d172391c454588b1280fcb40dfdb16.png
[3163e70c0e144b5985bc675835d2581e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/7c9f722d066547ba83b36fb529bdf6e5.png
[6c31a5ff180e49e7bc2398cd898fabaf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/d93974f1631447a69f47faecac61157b.png
[1a49f859a03d465cb6808ecf9cebe315.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/cc09ace498da4899b5aab0469e3457c8.png
[577b9f1533aa454d848304bf775484af.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/864dd53cab1441188686bae9f16f8c91.png
[b65b8f551aeb47f0ab0ec639a464fbac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/0e791eb00ad34a248ec0350b5c4b1371.png
[779b88718fa84358b16e8afa91fd7761.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/d19a6b2961414f4e8c7c854bc5a8e0e4.png
[ca9120d3ad154765a1f6521c44d181e3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/285e955e448048b9b8add48728eaf09e.png
[4bd50d840cd94ea69ffe7a0d7696cf9e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/6ea07406f59149b6a4a30aefcf62d222.png
[ac54dae069e64d2ba3fb5aeeb4b4e5cc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/8f321dc14cb441eea606bf41fce78365.png
[da12304872cf4bbf9dae9226cff81584.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/1b1a4c6979a34c8380de433c248406f8.png
[6e5f212c830c441e82d5a56d8c5ec3f0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/bc11c4bb5a3e428eaea647171d3a81df.png
[50ddc60161144a90a0881253beb39d36.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/008460bca2f2408ca5169917b302752f.png
[7c97013e34894922a83a7399594a57e4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/e2b2e8a4b78043c492a1a511b155fcc3.png
[3fb1370465f449418d4069570aa5fa4d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/91427b2a7c6140b9a4ddbeceb576234f.png
[69430223266040a487d3484af4b8aa5b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/4844239e52404f99996d7e1b425c0dfe.png
[dbc2312762f84f0da494fdb1b6686375.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/73c8dd6e529c4d0d8377073e59ae278a.gif