java Web实现用户登录功能

布满荆棘的人生 2024-03-16 16:19 39阅读 0赞

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

*  一、纯JSP方式实现用户登录功能
 *   *  （一）实现思路
     *   *  1、创建Web项目
         *  2、创建登录页面
         *  3、创建登录处理页面
         *  4、创建登录成功页面
         *  5、创建登录失败页面
         *  6、编辑项目首页
     *  （三）测试结果
 *  二、JSP+Servlet方式实现用户登录功能
 *   *  （一）实现思路
     *  （二）实现步骤
     *   *  1、创建Web项目
         *  2、创建登录页面
         *  3、创建登录处理程序
         *  4、创建登录成功页面
         *  5、创建登录失败页面
         *  6、编辑项目首页
     *  （三）测试结果
 *  三、JSP+Servlet+DB方式实现用户登录功能
 *   *  （一）实现思路
     *  （二）实现步骤
     *   *  1、创建数据库
         *  2、创建用户表
         *  3、创建Web项目
         *  4、创建用户实体类
         *  5、添加数据库驱动程序
         *  6、创建数据库连接管理工具类
         *  7、创建用户数据访问类
         *  8、测试用户数据访问类
 *  四、采用MVC模式实现用户注册功能
 *   *   *  1、创建Web项目
         *  2、创建内容

## 一、纯JSP方式实现用户登录功能 ##

### （一）实现思路 ###

登录页面login.jsp，输入用户名和密码后，跳转到登录处理页面doLogin.jsp进行业务逻辑处理，登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。  
（二）实现步骤

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

*  创建`Java Enterprise`项目，添加Web Application功能  
    ![在这里插入图片描述][52df68c49e88409ba39f1b6118c2541f.png]  
    ![在这里插入图片描述][b00aba91425147289b88f1e0a223ab76.png]
 *  设置项目名与保存位置  
    ![在这里插入图片描述][53b12d132f8d4771b0e54c34dce26451.png]
 *  单击【Finish】按钮
 *  在项目结构窗口里修改Artifact名 - `LoginDemo01`  
    ![在这里插入图片描述][7f4482dded4248f6847ff2e4f4e8f77e.png]
 *  编辑服务器配置，重新部署项目  
    ![在这里插入图片描述][f12c409d088a43a59d207083ac437eff.png]

#### 2、创建登录页面 ####

*  登录页面 - `login.jsp`  
    原代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>用户登录</title>
    </head>
    <body>
    <h3 style="text-align: center">用户登录</h3>
    <form action="doLogin.jsp" method="post">
        <table border="1" cellpadding="10" style="margin: 0px auto">
            <tr>
                <td align="center">账号</td>
                <td><input type="text" name="username"/></td>
            </tr>
            <tr>
                <td align="center">密码</td>
                <td><input type="password" name="password"/></td>
            </tr>
            <tr align="center">
                <td colspan="2">
                    <input type="submit" value="登录"/>
                    <input type="reset" value="重置"/>
                </td>
            </tr>
        </table>
    </form>
    </body>
    </html>

#### 3、创建登录处理页面 ####

*  登录处理页面 - `doLogin.jsp`  
    原代码

<%
        // 获取登录表单数据
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        // 判断登录是否成功
        if (username.equals("易烊千玺") && password.equals("123456")) {
            // 跳转到登录成功页面，传递用户名
            response.sendRedirect("success.jsp?username=" + username);
        } else {
            // 跳转到登录失败页面，传递用户名
            response.sendRedirect("failure.jsp?username=" + username);
        }
    %>

#### 4、创建登录成功页面 ####

*  登录成功页面 - `success.jsp`  
    原代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>登录成功</title>
    </head>
    <body>
    <h3 style="text-align: center">恭喜，<%=request.getParameter("username")%>，登录成功！</h3>
    </body>
    </html>

#### 5、创建登录失败页面 ####

*  登录失败页面 - `failure.jsp`  
    原代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>登录失败</title>
    </head>
    <body>
    <h3 style="text-align: center">遗憾，<%=request.getParameter("username")%>，登录失败！</h3>
    </body>
    </html>

#### 6、编辑项目首页 ####

*  项目首页 - `index.jsp`  
    原代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title>首页</title>
      </head>
      <body>
        <h1 style="color: red; text-align: center">纯JSP方式实现用户登录成功能</h1>
        <h3 style="text-align: center"><a href="login.jsp">跳转到登录页面</a></h3>
      </body>
    </html>

### （三）测试结果 ###

*  启动服务器，显示首页  
    ![在这里插入图片描述][37d7b7d2848e49b98cef863ab705b204.png]
 *  单击【跳转到登录页面】超链接  
    ![在这里插入图片描述][cb8ad4b0774d4a81ac795d131886882f.png]
 *  输入正确的用户名和密码（易烊千玺：123456）  
    ![在这里插入图片描述][5907e627bf6e44d9a14ed1bd2b7a9b0e.png]
 *  单击【登录】按钮，跳转到登录成功页面  
    ![在这里插入图片描述][1abb642c19c3431b97a86803f25515f1.png]
 *  返回登录页面，输入错误的用户名或密码  
    ![在这里插入图片描述][243f4025af994dcab12b6476db681d13.png]
 *  单击【登录】按钮，跳转到登录失败页面  
    ![在这里插入图片描述][d1fe7740185f4ba2a27e74724681bf5d.png]

## 二、JSP+Servlet方式实现用户登录功能 ##

### （一）实现思路 ###

*  登录页面login.jsp，输入用户名和密码后，跳转到登录处理程序LoginServlet进行业务逻辑处理，登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。

### （二）实现步骤 ###

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

*  创建`Java Enterprise`项目，添加`Web Application`功能  
    ![在这里插入图片描述][dcb4b84344c04127bb404d065059b72c.png]
 *  设置项目名与保存位置  
    ![在这里插入图片描述][db1fbc0dbcfa4ba48f9f748cd8db1b02.png]
 *  单击【Finish】按钮
 *  在项目结构窗口里修改Artifact名 - `LoginDemo02`  
    ![在这里插入图片描述][b6b6c163cf2b401ab48d37b668dd1cbe.png]
 *  编辑服务器配置，重新部署项目  
    ![在这里插入图片描述][0e92a24de4cf4d73bbd15c05bd4ef14e.png]
 *  切换到【Server】选项卡  
    ![在这里插入图片描述][9c46a121e1944cd8bafbc4c11b323c4e.png]

#### 2、创建登录页面 ####

*  登录页面 - `login.jsp`
 *  原代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
        <head>
            <title>用户登录</title>
        </head>
        <body>
            <h3 style="text-align: center">用户登录</h3>
            <form action="login" method="post">
                <table border="1" cellpadding="10" style="margin: 0px auto">
                    <tr>
                        <td align="center">账号</td>
                        <td><input type="text" name="username"/></td>
                    </tr>
                    <tr>
                        <td align="center">密码</td>
                        <td><input type="password" name="password"/></td>
                    </tr>
                    <tr align="center">
                        <td colspan="2">
                            <input type="submit" value="登录"/>
                            <input type="reset" value="重置"/>
                        </td>
                    </tr>
                </table>
            </form>
        </body>
    </html>

#### 3、创建登录处理程序 ####

创建net.xyx.serlvet包，在包里创建`LoginServlet`类

package net.xyx.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;
    import java.net.URLEncoder;
    
    @WebServlet(name = "LoginServlet", urlPatterns = "/login")
    public class LoginServlet extends HttpServlet {
        protected void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            // 设置请求对象字符编码格式
            request.setCharacterEncoding("utf-8");
            // 获取登录表单数据
            String username = request.getParameter("username");
            String password = request.getParameter("password");
            // 判断登录是否成功
            if (username.equals("无心剑") && password.equals("903213")) {
                // 采用重定向，跳转到登录成功页面
                response.sendRedirect("success.jsp?username=" + URLEncoder.encode(username, "utf-8"));
            } else {
                // 采用重定向，跳转到登录失败页面
                response.sendRedirect("failure.jsp?username=" + URLEncoder.encode(username, "utf-8"));
            }
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            doPost(request, response);
        }
    }

#### 4、创建登录成功页面 ####

*  登录成功页面 - `success.jsp`

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
        <head>
            <title>登录成功</title>
        </head>
        <body>
            <h3 style="text-align: center">恭喜，<%=request.getParameter("username")%>，登录成功！</h3>
        </body>
    </html>

#### 5、创建登录失败页面 ####

*  登录失败页面 - `failure.jsp`

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
        <head>
            <title>登录失败</title>
        </head>
        <body>
            <h3 style="text-align: center">遗憾，<%=request.getParameter("username")%>，登录失败！</h3>
        </body>
    </html>

#### 6、编辑项目首页 ####

*  项目首页 - `index.jsp`

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
        <head>
            <title>首页</title>
        </head>
        <body>
            <h1 style="color: red; text-align: center">JSP+Servlet方式实现用户登录功能</h1>
            <h3 style="text-align: center"><a href="login.jsp">跳转到登录页面</a></h3>
        </body>
    </html>

### （三）测试结果 ###

*  启动服务器，显示首页  
    ![在这里插入图片描述][dddfed860b734aceb3f4a5821902bdc1.png]
 *  单击【跳转到登录页面】超链接  
    ![在这里插入图片描述][026831b64b42475c86abbeccf2210362.png]
 *  输入正确的用户名和密码（易烊千玺：001128）
 *  单击【登录】按钮，跳转到登录成功页面  
    ![在这里插入图片描述][a93a3b8d8f2248669827527b709c02b9.png]
 *  返回登录页面，输入错误的用户名或密码
 *  单击【登录】按钮，跳转到登录失败页面  
    ![在这里插入图片描述][8527d8368e504462935aea528d157c95.png]

## 三、JSP+Servlet+DB方式实现用户登录功能 ##

### （一）实现思路 ###

总体上采用MVC架构。登录页面login.jsp，输入用户名和密码后，跳转到登录处理程序LoginServlet进行业务逻辑处理，调用服务层，服务层调用数据访问层（DAO），连接数据库，查询数据库，以此判断是否登录成功。登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。  
MVC 是 Model、View 和 Controller 的缩写，分别代表 Web 应用程序中的 3 种职责。

### （二）实现步骤 ###

#### 1、创建数据库 ####

创建数据库 - test  
![在这里插入图片描述][2c4d9cd59be74200ae2a851a8053ffd1.png]

*  单击【确定】按钮

#### 2、创建用户表 ####

创建用户表结构 - `t_user`  
![在这里插入图片描述][320ece3b58d340298114a783947000f7.png]

#### 3、创建Web项目 ####

*  创建Java Enterprise项目，添加Web Application功能  
    ![在这里插入图片描述][44e336ef52e2484db13ed18140db8891.png]
 *  设置项目名与保存位置  
    ![在这里插入图片描述][886cffb580104fea8ed6aafa080f8cdb.png]
 *  单击【Finish】按钮
 *  在项目结构窗口里修改Artifact名 - `LoginDemo03`  
    ![在这里插入图片描述][3145ff3d571a4961b9dc50284cfc85c4.png]
 *  编辑服务器配置，重新部署项目  
    ![在这里插入图片描述][21b5b6bb282142acad7fd3223a09bc1f.png]
 *  切换到【Server】选项卡

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

#### 4、创建用户实体类 ####

*  创建net.xyx.bean包，然后在包里创建User类，跟用户表（t\_user）对应，简称ORM  
    ![在这里插入图片描述][5429f16ae31040bcba7d5c52c99a7d6e.png]

package net.xyx.bean;
    
    import java.util.Date;
    
    /**
     * 功能：用户实体类
     * 作者：xyx
     * 日期：2023年05月19日
     */
    public class User {
        private int id;
        private String username;
        private String password;
        private String telephone;
        private Date registerTime;
    
        public int getId() {
            return id;
        }
    
        public void setId(int id) {
            this.id = id;
        }
    
        public String getUsername() {
            return username;
        }
    
        public void setUsername(String username) {
            this.username = username;
        }
    
        public String getPassword() {
            return password;
        }
    
        public void setPassword(String password) {
            this.password = password;
        }
    
        public String getTelephone() {
            return telephone;
        }
    
        public void setTelephone(String telephone) {
            this.telephone = telephone;
        }
    
        public Date getRegisterTime() {
            return registerTime;
        }
    
        public void setRegisterTime(Date registerTime) {
            this.registerTime = registerTime;
        }
    
        @Override
        public String toString() {
            return "User{" +
                    "id=" + id +
                    ", username='" + username + '\'' +
                    ", password='" + password + '\'' +
                    ", telephone='" + telephone + '\'' +
                    ", registerTime=" + registerTime +
                    '}';
        }
    }

#### 5、添加数据库驱动程序 ####

*  在WEB-INF目录下创建lib目录，添加数据库驱动程序
 *  将数据库驱动程序（jar包）作为库添加到项目
 *

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

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

#### 6、创建数据库连接管理工具类 ####

*  创建net.xyx.dbutils包，在包里创建`ConnectionManager`类  
    ![在这里插入图片描述][908e104cacd44eecb115fddc484c1981.png]

package net.xyx.dbutils;
    
    import javax.swing.*;
    import java.sql.Connection;
    import java.sql.DriverManager;
    import java.sql.SQLException;
    
    /**
     * 功能：数据库连接管理类
     * 作者：xyx
     * 日期：2020年06月05日
     */
    public class ConnectionManager {
        private static final String DRIVER = "com.mysql.jdbc.Driver"; // 数据库驱动程序
        private static final String URL = "jdbc:mysql://localhost:3306/student/test?useSSL=false"; // 数据库统一资源标识符
        private static final String USER = "root"; // 数据库用户
        private static final String PASSWORD = "1"; // 数据库密码
    
        //私有化构造方法，拒绝实例化
        private ConnectionManager() {
        }
    
        /**
         * 获取数据库连接静态方法
         *
         * @return 数据库连接对象
         */
        public static Connection getConnection() {
            // 定义数据库连接
            Connection conn = null;
    
            try {
                // 安装数据库驱动程序
                Class.forName(DRIVER);
                // 获取数据库连接
                conn = DriverManager.getConnection(URL, USER, PASSWORD);
            } catch (ClassNotFoundException e) {
                e.printStackTrace();
            } catch (SQLException e) {
                e.printStackTrace();
            }
    
            // 返回数据库连接
            return conn;
        }
    
        /**
         * 关闭数据连接静态方法
         *
         * @param conn
         */
        public static void closeConnection(Connection conn) {
            // 判断数据库连接是否非空
            if (conn != null) {
                try {
                    // 判断连接是否未关闭
                    if (!conn.isClosed()) {
                        // 关闭数据库连接
                        conn.close();
                    }
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
        }
    
        /**
         * 主方法：测试两个静态方法
         *
         * @param args
         */
        public static void main(String[] args) {
            // 获取数据库连接
            Connection conn = getConnection();
            // 判断数据库连接是否成功
            if (conn != null) {
                JOptionPane.showMessageDialog(null, "恭喜，数据库连接成功！");
            } else {
                JOptionPane.showMessageDialog(null, "遗憾，数据库连接失败！");
            }
            // 关闭数据库连接
            closeConnection(conn);
        }
    }

#### 7、创建用户数据访问类 ####

*  在net.xyx根包里创建dao子包，然后在子包里创建`UserDao`类

package net.xyx.dao;
    
    import net.huawei.bean.User;
    import net.huawei.dbutils.ConnectionManager;
    
    import java.sql.Connection;
    import java.sql.PreparedStatement;
    import java.sql.ResultSet;
    import java.sql.SQLException;
    
    /**
     * 功能：用户数据访问类
     * 作者：xyx
     * 日期：2023年05月19日
     */
    public class UserDao {
        /**
         * 用户登录方法
         * @param username
         * @param password
         * @return 用户对象（非空：登录成功，否则登录失败）
         */
        public User login(String username, String password) {
            // 声明用户对象
            User user = null;
    
            // 获取数据库连接
            Connection conn = ConnectionManager.getConnection();
            try {
                // 定义SQL字符串
                String strSQL = "SELECT * FROM t_user WHERE username = ? AND password = ?";
                // 创建预备语句对象
                PreparedStatement pstmt = conn.prepareStatement(strSQL);
                // 设置占位符
                pstmt.setString(1, username);
                pstmt.setString(2, password);
                // 执行查询，返回结果集
                ResultSet rs = pstmt.executeQuery();
                // 判断结果集是否为空
                if (rs.next()) {
                    // 创建用户对象
                    user = new User();
                    // 利用当前记录字段值来设置用户对象属性
                    user.setId(rs.getInt("id"));
                    user.setUsername(rs.getString("username"));
                    user.setPassword(rs.getString("password"));
                    user.setTelephone(rs.getString("telephone"));
                    user.setRegisterTime(rs.getTimestamp("register_time"));
                }
            } catch (SQLException e) {
                System.err.println(e.getMessage());
            } finally {
                // 关闭数据库连接
                ConnectionManager.closeConnection(conn);
            }
    
            // 返回用户对象
            return user;
        }
    }

#### 8、测试用户数据访问类 ####

*  在net.xyx根包里创建test子类，在子包里创建`TestUser`

package net.xyx.test;
    
    import net.xyx.bean.User;
    import net.xyx.dao.UserDao;
    import org.junit.Test;
    
    /**
     * 功能：测试用户数据访问类
     * 作者：xyx
     * 日期：2023年05月19日
     */
    public class TestUserDao {
        @Test
        public void testLogin() {
            String username = "无心剑";
            String password = "12345";
    
            // 创建用户数据访问对象
            UserDao userDao = new UserDao();
            // 调用登录方法，返回用户对象
            User user = userDao.login(username, password);
            // 判断用户登录是否成功
            if (user != null) { // 成功
                System.out.println("恭喜，用户[" + username + "]登录成功~");
            } else { // 失败
                System.out.println("遗憾，用户[" + username + "]登录失败~");
            }
        }
    }

*  修改用户名和密码，再次运行程序，提示登录失败

## 四、采用MVC模式实现用户注册功能 ##

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

*  创建`Java Enterprise`项目，添加`Web Application`功能

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

*  设置项目名与保存位置  
    ![在这里插入图片描述][4f881e6dd2a649e4b1ce4de1e8fc94db.png]
 *  在项目结构窗口里修改Artifact名 - `register`  
    ![在这里插入图片描述][59853dbec094476bbd97eadd66b40c41.png]
 *  编辑服务器配置，重新部署项目  
    ![在这里插入图片描述][1f64dcf860b74e1898ce83da45a2777c.png]

#### 2、创建内容 ####

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

*  首页  
    ![在这里插入图片描述][24f8ff00d0264ba8857360fe1037f8bb.png]
 *  注册界面  
    ![在这里插入图片描述][eca90f2a80ca4a26b5f7dba822b3a573.png]
 *  随后注册成功和失败都会弹出相应的界面

[52df68c49e88409ba39f1b6118c2541f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/2342344806884abf8852f117e4e95a3e.png
[b00aba91425147289b88f1e0a223ab76.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/e14df697514e475e8d646076882bef17.png
[53b12d132f8d4771b0e54c34dce26451.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/04f4ebf31aa041e8a5aa9907796ccd86.png
[7f4482dded4248f6847ff2e4f4e8f77e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/719326fe19e74f48b9d5b668a617f316.png
[f12c409d088a43a59d207083ac437eff.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/5f24411cf2cb461d895894c08551ede0.png
[37d7b7d2848e49b98cef863ab705b204.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/9bc1a85c52b5453cb3c2a7d9db02c431.png
[cb8ad4b0774d4a81ac795d131886882f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/6b4a8a76341c44f19d05ac995b04e760.png
[5907e627bf6e44d9a14ed1bd2b7a9b0e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/cb454b970b15430a9470bd73924431cb.png
[1abb642c19c3431b97a86803f25515f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/48078ca5ac994c43acd77526fc3e1722.png
[243f4025af994dcab12b6476db681d13.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/5df827faa77f46eeb117a800afbb53e3.png
[d1fe7740185f4ba2a27e74724681bf5d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/4a229ec4488145edb725ad815892f78d.png
[dcb4b84344c04127bb404d065059b72c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/f785b729bc1b4cee8b6aeb7c9f141aaa.png
[db1fbc0dbcfa4ba48f9f748cd8db1b02.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/e565b226825c4667b685c58952203c10.png
[b6b6c163cf2b401ab48d37b668dd1cbe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/1b07556c0bb84d0191d98379316c32a4.png
[0e92a24de4cf4d73bbd15c05bd4ef14e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/ba79df23c1704c2692d84b5dbdb728bc.png
[9c46a121e1944cd8bafbc4c11b323c4e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/3c9dc23e467248f5bc0ec9c680c74336.png
[dddfed860b734aceb3f4a5821902bdc1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/25bec1a03d7c4dd3a155641ef6b533e3.png
[026831b64b42475c86abbeccf2210362.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/2bb9dca2db4e4e96a2e51737e0df445c.png
[a93a3b8d8f2248669827527b709c02b9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/7f7762decb5b4c868f495642f88caa26.png
[8527d8368e504462935aea528d157c95.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/543531d517bc47a8adf7dc6e865b4924.png
[2c4d9cd59be74200ae2a851a8053ffd1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/13178798be4e4d31961f5cac01b47acd.png
[320ece3b58d340298114a783947000f7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/debcf7b338fc44abb0935b15ba842c02.png
[44e336ef52e2484db13ed18140db8891.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/21e95d3c738846a288f243796c72e43b.png
[886cffb580104fea8ed6aafa080f8cdb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/fdd6633efc47465d8215d4c691792033.png
[3145ff3d571a4961b9dc50284cfc85c4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/6aede66e32984389b438d6ab3af6ca89.png
[21b5b6bb282142acad7fd3223a09bc1f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/6054d2553b3c41fe98a0bc68e73e255a.png
[2adc96ca4a9e418b9bd7a5a1aeed6d42.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/920c627e4d1544cb91411196c6348220.png
[5429f16ae31040bcba7d5c52c99a7d6e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/acd0ebec9d704a7e86efa1814b8e3f48.png
[7eb93614abdd4d33959ac78162af50fd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/f78273cd2e2c4526aa5ede5d652cb3f5.png
[185a21a2d4f2491da9168e177628228e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/bc6cd7c8902b4367b155751888eea190.png
[908e104cacd44eecb115fddc484c1981.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/152048f8583d4d1fbd8fa8e143f4a043.png
[1ec67afc5c9e4c80bace2d38333d5bcb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/229f1e4aaae941dc82f255c2c565be3a.png
[4f881e6dd2a649e4b1ce4de1e8fc94db.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/3585cb38b1894a0e97e34d4f0d035aaf.png
[59853dbec094476bbd97eadd66b40c41.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/5d2a9c3de36048edb5d95d27e0bf85ce.png
[1f64dcf860b74e1898ce83da45a2777c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/efa71768ad5e4ce8879592957ce83867.png
[e07de2bac6b7491797bc035d61a34ef3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/2e11dc051a3a4f22b070f889a0fd2781.png
[24f8ff00d0264ba8857360fe1037f8bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/c6e3162a4a344b78b79571ecb2429f12.png
[eca90f2a80ca4a26b5f7dba822b3a573.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/4740432c249045febdb4016474da4487.png