动态网站开发学习笔记07：EL和JSTL

迈不过友情╰ 2024-05-07 17:06 68阅读 0赞

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

*  一、EL
 *   *  案例演示
     *   *  （1）用EL读取保存的信息
     *  pageContext对象
     *   *  pageContext对象案例
         *  Web域相关对象案例
     *  访问环境信息的隐式对象
     *   *  案例演示获取客户端传递的请求参数
     *  Cookie对象
     *   *  Cookie对象案例
     *  initParam对象
     *   *  initParam对象案例
 *  三、JSTL
 *   *  导入JSTL包
     *   *  案例演示标签库
 *  四、JSTL中的Core标签库
 *   *  <c:out>标签案例
     *   *  案例2、演示escapeXML属性
         *  <c:remove>标签案例
         *  <c:if>标签案例
         *  ）三个标签案例
         *  <c:forEach>标签案例
         *  URL相关标签案例

## 一、EL ##

### 案例演示 ###

#### （1）用EL读取保存的信息 ####

创建Java Enterprise项目 - ELJSTLDemo![请添加图片描述][7ef6e7978d3c4f57b470c9abe1a5f3b1.png]  
单击【Finish】按钮![请添加图片描述][8eac1103bcd445bdbf55fa1de71ad486.png]  
修改Artifact名称![请添加图片描述][dc4dddd5d8764f83a59001d6f5d727cb.png]  
重新部署项目![请添加图片描述][6d00389415b44b9aaa63d022ad2e1c87.png]  
修改首页![请添加图片描述][5de94462751b4e1395a84c26917aae88.png]  
启动服务器，查看结果![请添加图片描述][585ba3f2da024ec991ba5a843e371fac.png]  
创建net.huawei.servlet包，在包里创建ServletDemo01类![请添加图片描述][e2dc19708ab34381902e5485b4999f9e.png]

package net.huawei.servlet;
    
    import javax.servlet.RequestDispatcher;
    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;
    
    /**
     * 功能：保存request属性，请求转发到指定页面
     * 作者：华卫
     * 日期：2023年04月20日
     */
    @WebServlet(name = "ServletDemo01", urlPatterns = "/demo01")
    public class ServletDemo01 extends HttpServlet {
        protected void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            // 保存request属性
            request.setAttribute("username", "无心剑");
            request.setAttribute("password", "903213");
            // 获取请求转发器，转发到`demo01.jsp`页面
            RequestDispatcher dispatcher = request.getRequestDispatcher("/demo01.jsp");
            // 请求转发
            dispatcher.forward(request, response);
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            doPost(request, response);
        }
    }

在web目录里创建demo01.jsp页面![请添加图片描述][028c41ea4e984725a8928eb089df648d.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
        <head>
            <title>demo01</title>
        </head>
        <body>
            使用JSP表达式获取属性：<br />
            用户名：<%=request.getAttribute("username")%> <br />
            密码：<%=request.getAttribute("password")%> <br />
            <hr />
            使用EL获取属性：<br />
            用户名：${username} <br />
            密码：${password} <br />
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo01![请添加图片描述][e92a1e30dd774fe2931c6e2bac8dbafd.png]

### pageContext对象 ###

#### pageContext对象案例 ####

在web目录下创建一个demo02.jsp文件，演示pageContext隐式对象的用法  
![请添加图片描述][4cf2c481fca542c2b9c3a711d9c463e0.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
        <head>
            <title>demo02 - 演示pageContext对象</title>
        </head>
        <body>
            请求URI为：${pageContext.request.requestURI} <br />
            Content-Type响应头：${pageContext.response.contentType} <br />
            服务器信息：${pageContext.servletContext.serverInfo} <br />
            Servlet注册名：${pageContext.servletConfig.servletName} <br />
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo02.jsp![请添加图片描述][436a13da2c934cfaa2fd8f0ec5fa04d4.png]

#### Web域相关对象案例 ####

在web目录下创建一个demo03.jsp文件，演示这4个隐式对象如何访问JSP域对象中的属性![请添加图片描述][4ab6ab0367c04e1c99fe74a5bf059634.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
        <head>
            <title>demo03 - 演示Web域相关对象</title>
        </head>
        <body>
            <% pageContext.setAttribute("userName", "无心剑"); %>
            <% request.setAttribute("bookName", "动态网站开发"); %>
            <% session.setAttribute("userName", "陈燕文"); %>
            <% application.setAttribute("bookName", "大数据实时处理"); %>
            表达式\${pageScope.userName}的值为：${pageScope.userName} <br />
            表达式\${requestScope.bookName}的值为：${requestScope.bookName} <br />
            表达式\${sessionScope.userName}的值为：${sessionScope.userName} <br />
            表达式\${applicationScope.bookName}的值为：${applicationScope.bookName} <br />
            表达式\${userName}的值为：${userName}
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo03.jsp![请添加图片描述][4e6474cb0dbd46ffb59d1335de56a71e.png]

### 访问环境信息的隐式对象 ###

#### 案例演示获取客户端传递的请求参数 ####

在web目录下创建一个demo04.jsp文件，演示获取客户端传递的请求参数  
![请添加图片描述][b56dc6c1bc0440b7908d5b9faea0d584.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
        <head>
            <title>demo04 - 演示获取客户端传递的请求参数</title>
        </head>
        <body style="text-align: center;">
            <form action="${pageContext.request.contextPath}/demo04.jsp">
                num1：<input type="text" name="num1"><br />
                num2：<input type="text" name="num"><br />
                num3：<input type="text" name="num"><br /> <br />
                <input type="submit" value="提交" />  
                <input type="submit" value="重置" /><hr />
                num1： ${param.num1} <br />
                num2： ${paramValues.num[0]} <br />
                num3： ${paramValues.num[1]} <br />
            </form>
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo04.jsp![请添加图片描述][a12c88b5170d49f9b93ed722ad89a4ba.png]  
在上图的表单中输入三个数字，分别为100、200、300，然后单击提交按钮![请添加图片描述][56839ad582a344219dda237d4a369bbe.png]

### Cookie对象 ###

#### Cookie对象案例 ####

在web目录下创建一个demo05.jsp文件，演示如何获取Cookie对象中的信息  
![请添加图片描述][5e10ab76a5bb4c63beb5c3d68474a6f6.png]  
启动服务器，访问http://localhost:8080/ELJSTLDemo/demo05.jsp，由于是浏览器第一次访问demo05.jsp页面，此时，服务器还没有接收到名为userName的Cookie信息，所以，浏览器窗口中不会显示Cookie对象的信息。  
![请添加图片描述][a7302721c1bb4ea4b2f7b05ae5089e21.png]  
刷新页面，查看结果![请添加图片描述][5349b5548a06487188debcc7cc159263.png]

### initParam对象 ###

#### initParam对象案例 ####

在web.xml里设置Web应用初始化参数![请添加图片描述][b9285144a5d64314948cc6c5211f0ac3.png]

<?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">
    
        <context-param>
            <param-name>author</param-name>
            <param-value>无心剑</param-value>
        </context-param>
    </web-app>

在web目录下创建一个demo06.jsp文件，演示通过initParam对象获取Web应用初始化参数![请添加图片描述][dce3cf1f1e064df587d3aa5a5b58b76a.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
        <head>
            <title>demo06 - 演示通过initParam对象获取Web应用初始化参数</title>
        </head>
        <body>
            Web应用初始化参数author的值：${initParam.author}
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo06.jsp![请添加图片描述][9941566a9fe149a58b68a1898137f688.png]

## 三、JSTL ##

### 导入JSTL包 ###

在WEB-INF里创建lib目录，将jstl.jar和standard.jar这两个文件复制到lib目录  
![请添加图片描述][125b72335e31498381d0ca7189a148ee.png]  
将jstl.jar和standard.jar作为库添加到项目![请添加图片描述][31b31d3020594eab943e9cea2a4f1e45.png]  
![请添加图片描述][61d1f6306d684dcf820333e2eb95e834.png]  
单击【OK】按钮![请添加图片描述][6b41735604954fa8b114b1ff214eb60d.png]

#### 案例演示标签库 ####

在web目录里创建demo07.jsp![请添加图片描述][c307282214d54933bbaa3ae8e9eea7f3.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
    <html>
        <head>
            <title>demo07 - 演示标签库</title>
        </head>
        <body>
            <h1 style="color: red; text-align: center">
                <c:out value="欢迎访问泸州职业技术学院~"/>
            </h1>
            <jsp:useBean id="now" class="java.util.Date" />
            <h3 style="text-align: center">
                <fmt:formatDate value="${now}" pattern="yyyy年MM月dd日 HH:mm:ss" />
            </h3>
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo07.jsp![请添加图片描述][27e4762c4d004a4988faa54d38099ea3.png]

## 四、JSTL中的Core标签库 ##

### <c:out>标签案例 ###

案例1、演示default属性  
在web目录里创建demo08.jsp![请添加图片描述][f487381f86a14511bed20fc8cb434783.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <html>
        <head>
            <title>demo08 - 演示default属性</title>
        </head>
        <body>
            <%--第1个out标签 --%>
            userName属性的值：
            <c:out value="${param.username}" default="用户名未知"/> <br />
            <%--第2个out标签 --%>
            userName属性的值：
            <c:out value="${param.username}">
                用户名未知
            </c:out>
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo08.jsp![请添加图片描述][4dc64a53861e45a282ef0368a4d2474d.png]  
![请添加图片描述][6f0c94e0529f49ab9f86c33321ce8841.png]

#### 案例2、演示escapeXML属性 ####

<c:out>标签有一个重要的属性escapeXml，该属性可以将特殊的字符进行HTML编码转换后再输出。通过一个案例演示如何使用escapeXml属性将特殊字符进行转换。  
在web目录里创建demo09.jsp![请添加图片描述][acc5aa258403420a884e25069af289ea.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <html>
        <head>
            <title>demo09 - 演示escapeXml属性</title>
        </head>
        <body>
            <c:out value="${param.username}" escapeXml="false">
                <meta http-equiv="refresh" content="0;url=http://www.lzy.edu.cn" />
            </c:out>
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo09.jsp![请添加图片描述][988d502f9019409dba4a7b1e4d730aea.png]  
![请添加图片描述][27bce73405ba4702b0f332ef22636123.png]  
启动服务器，访问http://localhost:8080/ELJSTLDemo/demo09.jsp![请添加图片描述][124beaddda4f4a45a34ba0c9e1855130.png]

#### <c:remove>标签案例 ####

在web目录里创建demo10.jsp![请添加图片描述][303506da245349849c8306d59470b163.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <html>
        <head>
            <title>demo10 - 演示移除标签</title>
        </head>
        <body>
            <%
                pageContext.setAttribute("username", "无心剑");
                session.setAttribute("username", "陈燕文");
            %>
            <c:remove var="username" scope="page"/>
            用户名：<c:out value="${username}"/>
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo10.jsp![请添加图片描述][0e5f5ad46f244b32abde18c6dc2ad378.png]

#### <c:if>标签案例 ####

在web目录里创建demo11.jsp  
![请添加图片描述][d86a7de751e248349a720411a16c19f4.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <html>
        <head>
            <title>demo11 - 演示单分支标签</title>
        </head>
        <body>
            <c:set value="1" var="visitCount" />
            <c:if test="${visitCount==1}">
                <h3 style="text-align: center">你第一次访问~欢迎访问泸职院~</h3>
            </c:if>
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo11.jsp![请添加图片描述][2c9e17d5502e4da5a9915321bff2df27.png]

#### ）三个标签案例 ####

在web目录里创建demo12.jsp![请添加图片描述][c176c047f1624bd696cdecb5df00cd48.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <html>
        <head>
            <title>demo12 - 演示多分支标签</title>
        </head>
        <body>
            <c:choose>
                <c:when test="${empty param.username}">
                    未知用户~
                </c:when>
                <c:when test="${param.username=='无心剑'}">
                    ${param.username}是教师~
                </c:when>
                <c:otherwise>
                    ${param.username}是学生~
                </c:otherwise>
            </c:choose>
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo12.jsp![请添加图片描述][31031917a08b46fc8110ed9100e404f6.png]  
访问http://localhost:8080/ELJSTLDemo/demo12.jsp?username=无心剑![请添加图片描述][bf35cf6a507e47d2a8608545325efcb8.png]  
访问http://localhost:8080/ELJSTLDemo/demo12.jsp?username=陈燕文![请添加图片描述][dc208566f92c4009ab6bf917db95fd27.png]

#### <c:forEach>标签案例 ####

在web目录里创建demo13.jsp![请添加图片描述][b4914fc84e9f40999762ff3e7e997132.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ page import="java.util.HashMap" %>
    <%@ page import="java.util.Map" %>
    <html>
        <head>
            <title>demo13 - 演示循环标签</title>
        </head>
        <body>
            <%
                String[] fruits = {"苹果", "橘子", "葡萄", "香蕉"};
            %>
            String数组中的元素：
            <c:forEach var="name" items="<%=fruits%>">
                ${name}   
            </c:forEach>
            <br />
    
            <%
                Map userMap = new HashMap();
                userMap.put("01", "北京");
                userMap.put("02", "上海");
                userMap.put("03", "广州");
            %>
            HashMap集合中的元素：
            <c:forEach var="entry" items="<%=userMap%>">
                ${entry.key} : ${entry.value}   
            </c:forEach>
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo13.jsp![请添加图片描述][264b106897954ffab3a74bc9e3d91124.png]  
在web目录里创建demo14.jsp![请添加图片描述][907aace232e14b78abcd721486da2e42.png]

<%@ page import="java.util.ArrayList" %>
    <%@ page import="java.util.List" %>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <html>
        <head>
            <title>demo14 - 演示循环标签</title>
        </head>
        <body>
            colorsList集合（指定迭代范围和步长）：
            <%
                List colorsList=new ArrayList();
                colorsList.add("red");
                colorsList.add("yellow");
                colorsList.add("blue");
                colorsList.add("green");
                colorsList.add("black");
            %>
            <c:forEach var="color" items="<%=colorsList%>"
                       begin="1" end="3" step="2">
                ${color} 
            </c:forEach>
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo14.jsp![请添加图片描述][155d693716c4435d858ccf2a6d0dac0a.png]

#### URL相关标签案例 ####

在web目录里创建demo15.jsp![请添加图片描述][14e5f652b5cb4a7b85b3d4811ec33194.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <html>
        <head>
            <title>demo15 - 演示URL相关标签</title>
        </head>
        <body>
            使用绝对路径构造URL：
            <c:url var="myURL" value="http://localhost:8080/ELJSTLDemo/demo08.jsp">
                <c:param name="username" value="陈燕文" />
            </c:url>
            <a href="${myURL}">demo08.jsp</a><br />
            使用相对路径构造URL：
            <c:url var="myURL" value="demo08.jsp?username=无心剑" />
            <a href="${myURL}">demo08.jsp</a>
        </body>
    </html>

启动服务器，访问http://localhost:8080/ELJSTLDemo/demo15.jsp![请添加图片描述][778edd0dc6a54fbbacebc6b9545bcb82.png]  
![请添加图片描述][87292a1696004a6a8898d3c375d35eb2.png]  
单击第一个超链接![请添加图片描述][a00bc5ec43614a5683c5af3eb6523e09.png]  
返回上一个页面![请添加图片描述][329d10b7bac14cb5922a4ec7000d3a08.png]  
返回上一个页面![请添加图片描述][d26103e5e6dd49a38795fe91c325774c.png]

[7ef6e7978d3c4f57b470c9abe1a5f3b1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/0d264ad1748049d99927de6765969fa1.png
[8eac1103bcd445bdbf55fa1de71ad486.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/b2bc036549364048b064791bfc3bb1a7.png
[dc4dddd5d8764f83a59001d6f5d727cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/a115faa2816e4ce385d551d9e4a1205a.png
[6d00389415b44b9aaa63d022ad2e1c87.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/e4675ca326964f338e9f683a358f6160.png
[5de94462751b4e1395a84c26917aae88.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/38db44c124f64a578f50d3ea976c529a.png
[585ba3f2da024ec991ba5a843e371fac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/24227d485b0c438a8521dbc4a3eacbd4.png
[e2dc19708ab34381902e5485b4999f9e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/16228c7994864adca009cc2627dab566.png
[028c41ea4e984725a8928eb089df648d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/fe6a7eb2623245e2b02b90c9b580bae1.png
[e92a1e30dd774fe2931c6e2bac8dbafd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/274287d6d894454ca9dab9f0bd3bd7fe.png
[4cf2c481fca542c2b9c3a711d9c463e0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/9430d3fbef5c430ab2238a25d378e077.png
[436a13da2c934cfaa2fd8f0ec5fa04d4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/04c670de957541868f684e034366fd2b.png
[4ab6ab0367c04e1c99fe74a5bf059634.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/b80f75739c8e49968bd1bc60deceec46.png
[4e6474cb0dbd46ffb59d1335de56a71e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/7f37da3ab09d4b798f6989cf6f9fd293.png
[b56dc6c1bc0440b7908d5b9faea0d584.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/14060d7e1a91420cb0a813f88e4a7a03.png
[a12c88b5170d49f9b93ed722ad89a4ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/365e6182326c4eeb9dee3f7c04670f91.png
[56839ad582a344219dda237d4a369bbe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/1ed793f24e544229ae96348db891d8e5.png
[5e10ab76a5bb4c63beb5c3d68474a6f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/f051bd1933c44eb4850668fffa002fd8.png
[a7302721c1bb4ea4b2f7b05ae5089e21.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/761398ed6e5c4077a243fe2cbc4f7a57.png
[5349b5548a06487188debcc7cc159263.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/5049a9fccc6942d79845df359ce86208.png
[b9285144a5d64314948cc6c5211f0ac3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/c55ee6cda3c24b559fad1df2da6c9893.png
[dce3cf1f1e064df587d3aa5a5b58b76a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/2c408a0635fe48a4b51a7e47d4796c05.png
[9941566a9fe149a58b68a1898137f688.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/a21fe315083b425db9abf4285077dea6.png
[125b72335e31498381d0ca7189a148ee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/e27e19e6aeef4cc0828906d9cdec0101.png
[31b31d3020594eab943e9cea2a4f1e45.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/2f0e9748347046bf9baaadffab010bdb.png
[61d1f6306d684dcf820333e2eb95e834.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/5a264a29521045ca8c4882ff271069a0.png
[6b41735604954fa8b114b1ff214eb60d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/bc69523695604d96a51c446b8b982aa9.png
[c307282214d54933bbaa3ae8e9eea7f3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/df3b87079bee4cb0ac3b4524b6dfbd64.png
[27e4762c4d004a4988faa54d38099ea3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/1b2b0fa1b2b845e688a02ecc23271761.png
[f487381f86a14511bed20fc8cb434783.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/9412186a8d204f4d98569b12d8166ebc.png
[4dc64a53861e45a282ef0368a4d2474d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/7bfd3e9d9aca4051b5c631f3e2627f57.png
[6f0c94e0529f49ab9f86c33321ce8841.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/4ad20cb76f774e239996fd70866edc74.png
[acc5aa258403420a884e25069af289ea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/8d82a0e13afc404a87a5c9cdd7f07643.png
[988d502f9019409dba4a7b1e4d730aea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/20f25a0e8b7e45e38c29809652e5bd7f.png
[27bce73405ba4702b0f332ef22636123.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/71287e194bda437891705144c5afd04e.png
[124beaddda4f4a45a34ba0c9e1855130.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/28978bf86354472baa9dc4bb80972d50.png
[303506da245349849c8306d59470b163.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/7a3f3957bdae4337ba2e56e9788d6e63.png
[0e5f5ad46f244b32abde18c6dc2ad378.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/00bab9932ee44256bd4913030b3a2e69.png
[d86a7de751e248349a720411a16c19f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/0e710dc9b09b4dde9014d8de827bf61a.png
[2c9e17d5502e4da5a9915321bff2df27.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/a50ef251c76543538bd597b37e3f6e2f.png
[c176c047f1624bd696cdecb5df00cd48.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/7f613e674bd04d0fa961509567c19a29.png
[31031917a08b46fc8110ed9100e404f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/b198ce922a5642a2be9d12d184eb1c58.png
[bf35cf6a507e47d2a8608545325efcb8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/dfba2c03c42c4fd9901e9e6fe2e8effe.png
[dc208566f92c4009ab6bf917db95fd27.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/30dee944876c424c903a17592748e037.png
[b4914fc84e9f40999762ff3e7e997132.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/c4d39a4acfce4d488b8801b5dbc84b47.png
[264b106897954ffab3a74bc9e3d91124.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/4c7d7dfd55f043218307cb36417067c4.png
[907aace232e14b78abcd721486da2e42.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/5332f9ff5aeb4f97865ad841dedfc185.png
[155d693716c4435d858ccf2a6d0dac0a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/12aab9146bae4310bd1dd7d5e07acfe4.png
[14e5f652b5cb4a7b85b3d4811ec33194.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/ac3d16a4dcb44244b5bae782b58b26c2.png
[778edd0dc6a54fbbacebc6b9545bcb82.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/ed5d7a7f3f43453b8ca39e6450ab78dd.png
[87292a1696004a6a8898d3c375d35eb2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/6035599116224295a3dc3e734b320338.png
[a00bc5ec43614a5683c5af3eb6523e09.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/fa3b81d28a0a44a48b368f97ca27d4c8.png
[329d10b7bac14cb5922a4ec7000d3a08.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/8b35a9fdea30495986dcbaf0f8e65eb5.png
[d26103e5e6dd49a38795fe91c325774c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/b507cf07b0cf4266a25abae558c3a743.png