Java Web实现案例：实现用户登录功能

素颜马尾好姑娘i 2024-03-17 11:30 60阅读 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、测试用户数据访问类

9、创建用户服务类

10、创建登录处理程序

11、创建登录页面

12、创建登录成功页面

13、创建登录失败页面

14、编辑项目首页

（二）测试结果

--------------------

## 零、本节学习目标 ##

掌握纯JSP方式实现用户登录功能  
掌握JSP+Servlet方式实现用户登录功能  
掌握JSP+Servlet+DB方式实现用户登录功能  
掌握MVC模式实现用户登录功能

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

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

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

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

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

创建Java Enterprise项目，添加Web Application功能  
![366669c0854442fc83c4f332c3638e98.png][]

设置项目名与项目位置

![c8fe7c1a982d473b90c28b6753081082.png][]单击【Finish】按钮  
![b9c4f83140dd49fdac8a233c38c15042.png][]

在项目结构窗口里修改Artifact名 - `LoginDemo01`

![ca6eb066b07443c58d88957dd7db4c8d.png][]

编辑服务器配置，重新部署项目

![0940b0c227ad417f93e6adc5b761753b.png][]

切换到【Server】选项卡

![711e3fd1445943b2bcd17f0ef6dccfd0.png][]

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

登录页面 - `login.jsp`

![0a82cbb0d03b451da4f97d5521802282.png][]

<%@ 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>

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

*  登录处理页面 - `doLogin.jsp`
 *  ![b38040726b63485fb9166c2872ae5a03.png][]

<%
        // 获取登录表单数据
        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`
 *  ![73b05f45c7db4607a571897f6217c943.png][]

<%@ 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`

![82b02ffabb8a46c2ab6a1d73087be050.png][]

<%@ 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`

![82931db39ca94529ae340ea3f8f599e2.png][]

<%@ 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>

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

*  启动服务器，显示首页

![08b50b92e644472fa8f3a05669e951c4.png][]

单击【跳转到登录页面】超链接

![c3f903be40994496b8cfe06970eeb756.png][]

输入正确的用户名和密码（黄明昊：123456）

![e2e5ed79e5774f2e83eb59678ba43319.png][]

单击【登录】按钮，跳转到登录成功页面

![4d245b70108941fcab7033741e95f0dd.png][]

返回登录页面，输入错误的用户名或密码

![4f963a4bf71746b2b0b525a49267a025.png][]

单击【登录】按钮，跳转到登录失败页面

![895687c765e34f72b3c219a49def03fc.png][]

操作录屏

登录方法1

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

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

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

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

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

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

![648b0543a7cb4db0ada0f16cea7e6b3b.png][]

设置项目名与保存位置

![602e2d1a5f6c44fda25b161f683f5fc1.png][]

单击【Finish】按钮

![3f7816f9f428485b8a154287d4f51c7d.png][]

在项目结构窗口里修改[Artifact][]名 - `LoginDemo02`

![be755f81d1ee482ebe8e1e69165dc9e5.png][]

编辑服务器配置，重新部署项目

![1cc2b704ddc24161a9032271ca262b5a.png][]

切换到【Server】选项卡

![3dbd85c76f4745539d60c6d1fb11fb0d.png][]

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

*  登录页面 - `login.jsp`
 *  ![0c25080bea10406ca4a7c93349d4441e.png][]

<%@ 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.huawei.serlvet`包，在包里创建`LoginServlet`类

![b1766b9fdfe94fc3abc0349edf3e6d16.png][]

package net.gyh.serlvet;
    
    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;
    
    /**
     * 功能：登录处理程序
     * 作者：高雅慧
     * 日期：2023年05月03日
     */
    @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`

![84a91a9b2ddc40ccaa7451c1e2c4df13.png][]

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

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

![3997027af3124214bd55cd48b1dd82a1.png][]

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

*  项目首页 - `index.jsp`

![64d5249a73c54d2694317a0d51ccaff4.png][]

<%@ 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>

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

*  启动服务器，显示首页
 *  ![02409a9e98c4463f8880256cf1437ddb.png][]
    
    单击【跳转到登录页面】超链接
 *  ![b43c83e9a9a04c51bc896c2a2678836f.png][]
    
    输入正确的用户名和密码（无心剑：903213）
 *  ![d8c7fd41a05e48b099724557fa038ef2.png][]
    
    返回登录页面，输入错误的用户名或密码
 *  ![50d8ec0b41f445c9800f6f2b28651e4d.png][]
    
    操作录屏
 *  登录方法2

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

## （一）实现步骤 ##

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

*  创建数据库 - `test`
 *  ![ad26451f2cbc405697f9312dc2951647.png][]

单击【确定】按钮

![b5c8ed5d267c463ea6feef65fc8dcc43.png][]

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

*  创建用户表结构 - `t_user`

![7220863951e54608910db9c739c8d0c8.png][]

CREATE TABLE `t_user`  (
      `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '用户ID',
      `username` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL COMMENT '用户名',
      `password` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL COMMENT '用户密码',
      `telephone` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL COMMENT '联系电话',
      `register_time` timestamp(0) NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP(0) COMMENT '注册时间',
      PRIMARY KEY (`id`) USING BTREE
    ) ENGINE = InnoDB AUTO_INCREMENT = 4 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Compact;

插入用户记录

![43de400955254de8881097a916f24964.png][]

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

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

![a2d5a2eb7b244db1999119fb263a3ae1.png][]

设置项目名与保存位置

![e50a3bda56da4c92b5553d1f02467beb.png][]

单击【Finish】按钮

![39343701b1714ed7ac872a9c1d339724.png][]

在项目结构窗口里修改Artifact名 - `LoginDemo03`

![2709d18294c9491aae8d7ee17f9294e3.png][] 编辑服务器配置，重新部署项目

![3ae7a1dbab204f6cbc2583e67f0a38fe.png][]

切换到【Server】选项卡

![90279607602440af95c0145f76f1b944.png][]

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

*  创建`net.huawei.bean`包，然后在包里创建`User`类，跟用户表（t\_user）对应，简称ORM（Object Relation Mapping）

![6149bdbd49594671aa47dcaaa94a4527.png][]

package net.huawei.bean;
    
    import java.util.Date;
    
    /**
     * 功能：用户实体类
     * 作者：华卫
     * 日期：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`目录，添加数据库驱动程序

![8a9923b8007040c3aa1840e94c78677a.png][]

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

*  创建`net.huawei.dbutils`包，在包里创建`ConnectionManager`类

![845bbb6f45264d14996c51729a4c65c5.png][]

package net.huawei.dbutils;
    
    import java.sql.Connection;
    import java.sql.DriverManager;
    import java.sql.SQLException;
    
    /**
     * 功能：数据库连接管理类
     * 作者：华卫
     * 日期：2023年05月19日
     */
    public class ConnectionManager {
        private static final String DRIVER = "com.mysql.jdbc.Driver"; // 数据库驱动程序
        private static final String URL = "jdbc:mysql://localhost:3306/test?useSSL=false&useUnicode=true&characterEncoding=utf8"; // 数据库统一资源标识符
        private static final String USER = "root"; // 数据库用户
        private static final String PASSWORD = "903213"; // 数据库密码（记住改成自己的数据库密码）
    
        // 私有化构造方法，拒绝实例化
        private ConnectionManager() {
        }
    
        // 获取数据库连接静态方法
        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;
        }
    
        // 关闭数据连接静态方法
        public static void closeConnection(Connection conn) {
            // 判断数据库连接是否非空
            if (conn != null) {
                try {
                    // 判断连接是否未关闭
                    if (!conn.isClosed()) {
                        // 关闭数据库连接
                        conn.close();
                    }
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
        }
    
        public static void main(String[] args) {
            // 获取数据库连接
            Connection conn = getConnection();
            // 判断数据库连接是否成功
            if (conn != null) {
                System.out.println("恭喜，数据库连接成功~");
            } else {
                System.out.println("遗憾，数据库连接失败~");
            }
            // 关闭数据库连接
            closeConnection(conn);
            System.out.println("数据库连接已经关闭~");
        }
    }

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

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

![ea0a221e170046438c141495a2c0c2be.png][]

package net.huawei.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;
    
    /**
     * 功能：用户数据访问类
     * 作者：华卫
     * 日期：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.huawei`根包里创建`test`子包，在子包里创建`TestUserDao`类

![dd7fbfc2cf2944c9af98c6d180a718f6.png][]

package net.huawei.test;
    
    import net.huawei.bean.User;
    import net.huawei.dao.UserDao;
    import org.junit.Test;
    
    /**
     * 功能：测试用户数据访问类
     * 作者：华卫
     * 日期：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 + "]登录失败~");
            }
        }
    }

#### 9、创建用户服务类 ####

*  在`net.huawei`根包里创建`service`子包，在子包里创建`UserService`类

![d89c36f67500459492d977ef29798068.png][]

package net.huawei.service;
    
    import net.huawei.bean.User;
    import net.huawei.dao.UserDao;
    
    /**
     * 功能：用户服务类
     * 作者：华卫
     * 日期：2023年05月26日
     */
    public class UserService {
        private UserDao userDao = new UserDao();
        
        public User login(String username, String password) {
            return userDao.login(username, password);
        }
    }

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

*  在`net.huawei`根包里创建`servlet`子包，在子包里创建`LoginServlet`类

![5072efa46c374cf7ba2bafa6d594deee.png][]

package net.huawei.servlet;
    
    import net.huawei.bean.User;
    import net.huawei.service.UserService;
    
    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;
    
    /**
     * 功能：登录处理程序
     * 作者：华卫
     * 日期：2023年05月26日
     */
    @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");
            // 创建用户服务对象
            UserService us = new UserService();
            // 调用登录方法，返回用户对象
            User user = us.login(username, password);
            // 判断登录是否成功
            if (user != null) {
                // 采用重定向，跳转到登录成功页面
                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);
        }
    }

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

*  登录页面 - `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>

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

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

![abcc58119c9d4d8596a009b2aefbe334.png][]

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

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

![bb21c605da1c432888bc887b7acebe4b.png][]

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

*  项目首页 - `index.jsp`

![1a25a550b8f04197ba030dae88c2d32e.png][]

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

### （二）测试结果 ###

*  启动服务器，显示首页

![d13d9505fc5041f9a54f44ae5c915d7f.png][]

*  单击【跳转到登录页面】超链接

![3fa947a03af94d228b5afbc939c23e5f.png][]

*  输入正确的用户名和密码（无心剑：12345）

![7ddaf72d305045eca34162e007725a85.png][]

单击【登录】按钮，跳转到登录成功页面

![d8a1258d5ce84740a778d07e1bbb5431.png][]

[366669c0854442fc83c4f332c3638e98.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/c1333b76edfc44aaadf46228841a299b.png
[c8fe7c1a982d473b90c28b6753081082.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/0816ff9fb5aa43f6b7c0f509fe762370.png
[b9c4f83140dd49fdac8a233c38c15042.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/22a270371a6d419596d273423c64af3b.png
[ca6eb066b07443c58d88957dd7db4c8d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/847048fec4544a989a2d3903db56e979.png
[0940b0c227ad417f93e6adc5b761753b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/0b436f4537e4444b9be741e7a450d325.png
[711e3fd1445943b2bcd17f0ef6dccfd0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/2add7749456b4bb0be8a77ed9e45c132.png
[0a82cbb0d03b451da4f97d5521802282.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/aa0efd8b09674b2a9dea9bf98bc63747.png
[b38040726b63485fb9166c2872ae5a03.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/8f842ef7255b4a9bb20df169bf2b3ebb.png
[73b05f45c7db4607a571897f6217c943.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/5ec80cce49d444189766e2ed3c1983b6.png
[82b02ffabb8a46c2ab6a1d73087be050.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/88da3a3d0d6d45f69ba6f7eb3bb2e7a4.png
[82931db39ca94529ae340ea3f8f599e2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/abcaf063c2684b39935e3a318a70a53a.png
[08b50b92e644472fa8f3a05669e951c4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/4f7a3b93675a4e588af47d94afc034ce.png
[c3f903be40994496b8cfe06970eeb756.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/dee7b2aac015477480147baf6de12b41.png
[e2e5ed79e5774f2e83eb59678ba43319.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/1d02a8eaeb8f4635af752d586e2bfb37.png
[4d245b70108941fcab7033741e95f0dd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/fe01408062314e67998ef2d96746cce7.png
[4f963a4bf71746b2b0b525a49267a025.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/783c526d81474074ac78a0187f8d4f07.png
[895687c765e34f72b3c219a49def03fc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/a3d0fdb1bd9747828d44c5a8c1528a0b.png
[648b0543a7cb4db0ada0f16cea7e6b3b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/7ac571c20fcc4c4d97c4530726538a34.png
[602e2d1a5f6c44fda25b161f683f5fc1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/eea07fb521224e3b9d963ac8bce50615.png
[3f7816f9f428485b8a154287d4f51c7d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/b8b8a35e59f547749ae0fbb2530e0bbc.png
[Artifact]: https://so.csdn.net/so/search?q=Artifact&spm=1001.2101.3001.7020
[be755f81d1ee482ebe8e1e69165dc9e5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/86270593003841efb5f260302cae1e80.png
[1cc2b704ddc24161a9032271ca262b5a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/2cf4665a3f2c40eaa4aff064f0706613.png
[3dbd85c76f4745539d60c6d1fb11fb0d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/6bf3b272f968408fa5fb1ac759f6fe22.png
[0c25080bea10406ca4a7c93349d4441e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/0b14a884f7d04f8daab0154ab21b7639.png
[b1766b9fdfe94fc3abc0349edf3e6d16.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/2ef4fec2064a4963b7a9ee4468a5a66e.png
[84a91a9b2ddc40ccaa7451c1e2c4df13.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/0cce3d935257415d84278b54a90b954d.png
[3997027af3124214bd55cd48b1dd82a1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/f5a32bef23334391aacb87d63783fc52.png
[64d5249a73c54d2694317a0d51ccaff4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/f59a4701ece84007a7bfe5e7ee805273.png
[02409a9e98c4463f8880256cf1437ddb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/fd4113c71b2a46df8b3282eb8a1b1a2d.png
[b43c83e9a9a04c51bc896c2a2678836f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/367da2c9f1d24a5a8263dbc95f968499.png
[d8c7fd41a05e48b099724557fa038ef2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/40bfaf41a9ed4631a2e4fd0d7ba57a80.png
[50d8ec0b41f445c9800f6f2b28651e4d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/9ea3329564394859a2688c667d96eb7a.png
[ad26451f2cbc405697f9312dc2951647.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/7c8951b77fca496ca1c471ea9a96459a.png
[b5c8ed5d267c463ea6feef65fc8dcc43.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/618b2146b7934346a4fce9bc8f95d406.png
[7220863951e54608910db9c739c8d0c8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/4d6b28b84dc14753b593ad696dfe0129.png
[43de400955254de8881097a916f24964.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/fdad5f3bb695465dadd9d98f72493223.png
[a2d5a2eb7b244db1999119fb263a3ae1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/3c877a2f77fd4794816908fd31ce03dc.png
[e50a3bda56da4c92b5553d1f02467beb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/b78b29a3870a4f87a8e12b7b02f386bd.png
[39343701b1714ed7ac872a9c1d339724.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/e75a48b9f7254a78bd8cfae0d3b909fb.png
[2709d18294c9491aae8d7ee17f9294e3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/f7f4b47665e64b509f7f6fe6773376b4.png
[3ae7a1dbab204f6cbc2583e67f0a38fe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/6d164cd0f0874736b9d69f268ab8127e.png
[90279607602440af95c0145f76f1b944.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/4a0d6ccf8c5c41849849032fbbca9fec.png
[6149bdbd49594671aa47dcaaa94a4527.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/6779248c74ba4d8199439a7ad77cf6cb.png
[8a9923b8007040c3aa1840e94c78677a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/a14094aa036e453084e946537e1152bb.png
[845bbb6f45264d14996c51729a4c65c5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/784e0d91ee0a4861868c771eb28dad35.png
[ea0a221e170046438c141495a2c0c2be.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/00c9c184f3154a0e91c9cdfb6630210e.png
[dd7fbfc2cf2944c9af98c6d180a718f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/5a48c0bbdb0c470eb06e5f86e64c9ac9.png
[d89c36f67500459492d977ef29798068.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/c727304039b4451dbddd6729a3b88b3b.png
[5072efa46c374cf7ba2bafa6d594deee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/7e65faca63a14639ae05fd3088884261.png
[abcc58119c9d4d8596a009b2aefbe334.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/4e540ff1b8bf46d39e7e1ec098a16fe5.png
[bb21c605da1c432888bc887b7acebe4b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/1e500981344542f8aeb65d306afd9fbe.png
[1a25a550b8f04197ba030dae88c2d32e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/94576532ed264da582c33158ec4a6d32.png
[d13d9505fc5041f9a54f44ae5c915d7f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/ca21f3fee1884af2916dc2900bf23c05.png
[3fa947a03af94d228b5afbc939c23e5f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/d05c4acb48314cfb91e861198e9f60d9.png
[7ddaf72d305045eca34162e007725a85.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/ab6af5eff5084099a5f7c0cfc97dcf29.png
[d8a1258d5ce84740a778d07e1bbb5431.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/a4832866ca404022a2c0ea99e1f2a48c.png