javaweb学习（一）：jsp

落日映苍穹つ 2024-04-01 12:06 70阅读 0赞

## jsp ##

### 一、jsp的基础语法 ###

#### 1.1 jsp简介 ####

![在这里插入图片描述][43ba330c6dd84e6b80f21d0c0a821a60.png]![在这里插入图片描述][bcd7fb6ceff7468ca208b6394f820342.png]  
![在这里插入图片描述][d4d5769e98d74de1951347f11016fcd0.png]

#### 1.2 准备工作：编码格式、页面排版、新建jsp ####

*  编码格式  
    File->Settings，搜encode  
    ![在这里插入图片描述][e94b6477e3194bb4bb4118760ba5f543.png]
 *  页面排版  
    ![在这里插入图片描述][062ede4629a44d469c4eeb90646dd404.png]
 *  新建jsp  
    ![在这里插入图片描述][dd29da7e0ff642e3b4f6aab137aee95c.png]  
    jsp页面  
    ![在这里插入图片描述][bdbdeb0d872644d88759236675c876bc.png]  
    src目录存Java源码文件。  
    web目录属于资源目录，jsp、css、图片等都存在这里。  
    ![在这里插入图片描述][81f195aca1324297b09258680d222558.png]  
    jsp代码写法和HTML一模一样，只是多了一行箭头所示  
    启动jsp需要修改服务器，即以下三步  
    ![在这里插入图片描述][6de2098e5a784f419f76fac92ef8fd9d.png]  
    ![在这里插入图片描述][d2dcee29466a411ab956a8f10d012579.png]  
    ![在这里插入图片描述][ef62fc498e2140419074b741003cc834.png]  
    查看jsp访问的源码  
    地址如下：  
    ![在这里插入图片描述][471ffda6ba3b4389b057ad487ca0c088.png]  
    浏览器访问页面  
    ![在这里插入图片描述][0914e79637e64733b4b6f9874def1c8a.png]  
    出现class和jsp文件，class文件是Java的编译文件  
    ![在这里插入图片描述][ff4ef1de7fe34f77862eeb66ec1844a6.png]

#### 1.3 jsp注释 ####

![在这里插入图片描述][757ebf73a79a448b8d13c0fe56e55ea8.png]  
![在这里插入图片描述][22182a7c04384da983ad4ba2661b6c51.png]  
.jsp中两处注释都没有

![在这里插入图片描述][8f145f73515c4c91bd9ca4d46c3cbd48.png]  
但查看源码可发现客户端显示了html注释``，没有显示jsp注释`<%----%>`，当单行注释或多行在`<% %>`片段时，客户端也无法看见。大多使用显示注释。  
![在这里插入图片描述][b789f36487044dfe90fadb22c7c3c08b.png]

#### 1.4 scriptlet脚本小程序 ####

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

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Scriptlet脚本小程序</title>
    </head>
    <body>
      
    <%--第一种:Java脚本段。Java代码、定义局部变量、编写语句。--%>  
     <% 
    //定义局部变量
    String str = "hello";
    //输出内容到控制台
    System.out.println(str);
    //输出内容到浏览器
    out.print(str);
    //输出全局变量到浏览器
    out.write("全局变量:"+num);
    %>
    
    <%--第二种:声明。声明全局变量、方法、类等--%>
    <%!
    //声明全局变量
    int num = 10;
    %>
    
    <%--第三种:输出表达式，可以输出变量或字面量。注：str会在浏览器和控制台输出。--%>
    <%=str%>
        
    </body>
    </html>

浏览器页面

![在这里插入图片描述][47473579cf9947558ea9e4b43cddc872.png]  
控制台输出页面

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

### 二、jsp的指令标签 ###

#### 2.1 静态包含 ####

![在这里插入图片描述][8b64571f8621407980796c41cd13d16b.png]  
![在这里插入图片描述][b8ce0f71cc894675b8a81088478f5755.png]

*  特点  
    将内容直接进行了替换  
    静态包含只会生成一个源码文件，最终的内容全部在——jspService方法体中（源码文件中）  
    不能出现同名变量  
    运行效率高一点点，耦合性较高，不够灵活
 *  源码文件如下  
    ![在这里插入图片描述][e9aa9ebbe9de40dc8596c1ad7d6bc0d7.png]
 *  源码文件内容如下  
    ![在这里插入图片描述][fde215cfb2d040e993783a14de8810fa.png]

#### 2.2 动态包含 ####

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

*  动态包含文件中body里的内容  
    ![在这里插入图片描述][50281b9304944285bb8e262ecc846f2b.png]  
    ![在这里插入图片描述][3027dfe0fe744f8e91d43d5fc2b28046.png]  
    如果通过url传递路径，如下：  
    ![在这里插入图片描述][d470ec1d40f742f3b8950a414b262aac.png]
 *  底部文件body中内容  
    ![在这里插入图片描述][9a835eb5c14c43a8ad36c4f43ddb2d87.png]
 *  特点  
    动态包含相当于方法的调用  
    动态包含会生成多个源码文件  
    可以定义同名变量  
    效率高，耦合度低  
    注意：当动态包含不需要传递参数时，include双标签之间不要有任何内容，包括换行和空格。
 *  源码文件如下  
    ![在这里插入图片描述][ecfca14fc971488faf2d68ab5cea54a7.png]
 *  源码文件内容如下  
    ![在这里插入图片描述][5644636dacab47eda4de912727a47677.png]

### 三、jsp的四大域对象 ###

#### 3.1 四种属性范围 ####

> 在JSP中提供了四种属性的保存范围，所谓的属性保存范围，指的就是一个设置的对象，可以在多少个页面中保存并可以继续使用

*  1.page范围  
    pageContext:只在一个页面中保存属性，跳转之后无效
 *  2.request范围  
    request:只在一次请求中象存，服务器跳转后依然有效
 *  3.session范围  
    session :在一次会话范围中，无论何种跳转都可以使用
 *  4.application范围  
    application :在整个服务器上保存
 *  方法  
    ![在这里插入图片描述][1502c81dbed540fd9da5fea894d9050d.png]

#### 3.2 验证属性范围的特点 ####

*  1.page  
    本页面取得，服务器端跳转`<jsp : forward>`后无效
 *  2.request  
    服务器跳转有效，客户端跳转无效  
    如果是客户端跳转，则相当于发出了两次请求，那么第一次的请求将不存在了；如果希望不管是客户端还是服务器跳转，都能保存的话，就需要继续扩大范围。
 *  3.session  
    无论客户端还是服务器端都可以取得，但是现在重新开启一个新的浏览器，则无法取得之前设置的session了，因为每一个session只保存在当前的浏览器当中，井在相关的页面取得。  
    对于服务器而言，每一个连接到它的客户储都是一个session  
    如果想要让属性设置一次之后，不管是否是新的浏览屦打开都能取得则可以使用application
 *  4.application  
    所有的application属性直接保存在服务器上，所有的用户(每一个session)都可以直接访问取得  
    只要是通过application设置的属性。则所有的session都可以取得，表示公共的内容，但是如果此时服务器重启了，则无法取得了，因为关闭服务器后。所有的属性都滑失了，所以需要重新设置。

#### 3.3 解析 ####

![在这里插入图片描述][7ca53e8c2ab34d088c9c9b0d6974d389.png]  
主页面body内容  
![在这里插入图片描述][6a148e0001ee4d80bdaa240e20025ae9.png]  
跳转页面的body内容  
![在这里插入图片描述][c597a657c37c4d3188819b632c6f495f.png]  
服务端跳转（forward）时page范围的取不到，  
超链接跳转时如下，服务端跳转有效，点击跳转，进行客户端跳转后失效，故request范围的值取不到  
![在这里插入图片描述][79360d7e97204444ad9790bf86e8eeb8.png]  
在浏览器另一窗口重新开启相同页面，session有效，关闭浏览器再次开启相同页面，无效。类似于登录一个网站后，打开多个网页，都显示已登录的情况。  
![在这里插入图片描述][94921b4701574ab2811c89ba87905f4f.png]

#### 3.4 简单的登陆页面 ####

login.jsp  
![在这里插入图片描述][5af7a7b54e424a03b2169a5e73f9f5aa.png]  
LoginServlet.java  
![在这里插入图片描述][ce14a89f1d294d5fa21b883bdcde4fdb.png]

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

index.jsp  
![在这里插入图片描述][b69bce3b9516481dba7b688dc9a89845.png]  
缺陷  
![在这里插入图片描述][54455690091d44c5b1fe8bbdbeb93a76.png]  
用EL表达式后null变为空字符串，即null消失  
![在这里插入图片描述][0ab1f26454574897952119094b4c54d8.png]

### 四、EL表达式的使用 ###

#### 4.1 EL表达式的语法 ####

![在这里插入图片描述][eddc9154c4ad4f238acc2f115c991119.png]  
作用：简化jsp  
格式：$\{\}  
操作对象：**一般是域对象，不能操作局部变量**  
操作范围：page范围，request范围，session范围，application范围  
注意：如果EL表达式获取域对象的值为空，默认显示为就哦那个字符串；EL表达式默认从小到大范围去找，找到即可，如果四个范围都未找到，则显示空字符串。

#### 4.2 获取数据 ####

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

#### 4.2.1 解析 ####

代码

![在这里插入图片描述][6825f1f4b59044a2b4ba20cec0dab54e.png]  
输出页面  
![在这里插入图片描述][b951153903c347f0a767bfe4730b7dc9.png]

#### 4.2.2 获取list ####

![在这里插入图片描述][4ab0811b7514470fad9ceb4bf8ede305.png]  
![在这里插入图片描述][b15e3f93809f45d798a66712b4728642.png]  
![在这里插入图片描述][215447dac32746cb91880e2f892b30ca.png]

#### 4.2.3 获取Map ####

![在这里插入图片描述][8762fa812a444447a26ab165e43a3cc2.png]  
![在这里插入图片描述][2f87b247056c45cda3cf2f977a646cc9.png]  
![在这里插入图片描述][4a626bef3cc44e1dbe065ca8df38d792.png]

#### 4.2.4 获取JavaBean ####

![在这里插入图片描述][ac3d6b19c9534016975ff4082e2829d5.png]  
![在这里插入图片描述][5be374cc85df4fc49865841b3c51ce64.png]  
![在这里插入图片描述][510022e969f74643a973dd1dea551469.png]  
快捷键out+insert，点箭头所示得到get和set函数，点constructor得到构造函数  
![在这里插入图片描述][f1bffe87f497463dbb6ac701ea5c3429.png]  
![在这里插入图片描述][bb3caaffc1e8408c9e6e69d25f9c1f37.png]  
![在这里插入图片描述][1a1c5805818e4721a53875304187a1df.png]

#### 4.2.5 empty ####

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

*  list  
    ![在这里插入图片描述][27a5a6544d524ed6ac58046ea4f87382.png]  
    ![在这里插入图片描述][b58fd8cbb69147c7ae81ff3f0161e674.png]  
    ![在这里插入图片描述][a6528df537114b4383686d3f16bc1842.png]  
    ![在这里插入图片描述][cba0b956343b4c12b0c21b6b77b3c9e9.png]
 *  map  
    ![在这里插入图片描述][977cbe893d3d4ef3a32bbf5a7bb396f9.png]  
    ![在这里插入图片描述][19a15eadf94f4c248f322a996307a1fe.png]  
    ![在这里插入图片描述][ebe2bf5bd5fd4fe6988235c5c7ca5d29.png]  
    ![在这里插入图片描述][5fc1c614396c430aad7499babd146b52.png]
 *  Javabean  
    ![在这里插入图片描述][2983f15fc7a346b198bae19b78572da4.png]  
    ![在这里插入图片描述][edd1cf4762f147b6bfecbede76db4dad.png]

#### 4.2.6 EL运算 ####

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

#### 4.2.7 等值判断 ####

[43ba330c6dd84e6b80f21d0c0a821a60.png]: https://img-blog.csdnimg.cn/43ba330c6dd84e6b80f21d0c0a821a60.png
[bcd7fb6ceff7468ca208b6394f820342.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d424ca8746fb431782ba8ab0c84c9267.png
[d4d5769e98d74de1951347f11016fcd0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4748c78b4f2940feaa13efacfdb6853d.png
[e94b6477e3194bb4bb4118760ba5f543.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/25433d54f1c4453ea0ef35be7f7bad63.png
[062ede4629a44d469c4eeb90646dd404.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4f99630a180d44b49bd4a3d4aee4b3a9.png
[dd29da7e0ff642e3b4f6aab137aee95c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f76e6617ace94739a5b4616794a78b5c.png
[bdbdeb0d872644d88759236675c876bc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e08325954a534aaaafbe5645ce9d02be.png
[81f195aca1324297b09258680d222558.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3e2ceb60f99345f2bfc6657e78152079.png
[6de2098e5a784f419f76fac92ef8fd9d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3b8bd1cd508242ea92c1238ba10eb5d9.png
[d2dcee29466a411ab956a8f10d012579.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4a10a79828c94154b68628dffcd3f922.png
[ef62fc498e2140419074b741003cc834.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c9c14c3617734a38961604a6f43fd919.png
[471ffda6ba3b4389b057ad487ca0c088.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b97d2d858eb247a09dffc54a73883bde.png
[0914e79637e64733b4b6f9874def1c8a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ad0010f3d4b94df1b64c2a90ec038576.png
[ff4ef1de7fe34f77862eeb66ec1844a6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/460b0b19993946a3b05fb1374256a9f5.png
[757ebf73a79a448b8d13c0fe56e55ea8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8c7ccc4a7ac1490d81d07f2c6595cdbd.png
[22182a7c04384da983ad4ba2661b6c51.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ce68864739e647928a59940ade50e5ae.png
[8f145f73515c4c91bd9ca4d46c3cbd48.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/1b54b1e5285544e6b776c28357bac197.png
[b789f36487044dfe90fadb22c7c3c08b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8cd290e048b14114ba47fc2572be2f4e.png
[3b3048688c9847e1b04f6a8a89cda47f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/83e60c7fa19d46a398b063d566d06894.png
[47473579cf9947558ea9e4b43cddc872.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d0f056a23b66443a948636d726814fd0.png
[e59f8ace2d6d48a78eabbdd28eeef9c8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d6a2fe2c793e4ebe992e25c1712e967f.png
[8b64571f8621407980796c41cd13d16b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/153261dc335b4d49ae5aa98d83b50137.png
[b8ce0f71cc894675b8a81088478f5755.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/eea4048635fc4fd7a13806b6c9271ca9.png
[e9aa9ebbe9de40dc8596c1ad7d6bc0d7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9f083b0a11854ffc858c06c0f3cf9545.png
[fde215cfb2d040e993783a14de8810fa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/1a668fe1558142a9acec1c01fbad44c1.png
[a84e73f02ae44d1cb316602740babcc1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/1eb9c53ff4c346df8fcac69384bcde37.png
[50281b9304944285bb8e262ecc846f2b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d018b9b5a2aa4fa0b2cea6af31cae47f.png
[3027dfe0fe744f8e91d43d5fc2b28046.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7bab7351748246e090c2f3ac7cd45bfe.png
[d470ec1d40f742f3b8950a414b262aac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/448e601b1c9042da8a82ed489e069573.png
[9a835eb5c14c43a8ad36c4f43ddb2d87.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4cc399e3efc340faa413581e722c1b5c.png
[ecfca14fc971488faf2d68ab5cea54a7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b583da30abe84b78b3ace35a9c1eb45d.png
[5644636dacab47eda4de912727a47677.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d5dc9b78c82a4602a518a331b2806068.png
[1502c81dbed540fd9da5fea894d9050d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cf59f5af98e64b8fb59558d7ea6f7662.png
[7ca53e8c2ab34d088c9c9b0d6974d389.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/1a66b37b70374cbca38600f81f06cd23.png
[6a148e0001ee4d80bdaa240e20025ae9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e08385dfe4734f519e0a7f5b7a00b2d7.png
[c597a657c37c4d3188819b632c6f495f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e7b8cc2ac7664ac9b84a5acbefab1e26.png
[79360d7e97204444ad9790bf86e8eeb8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8195dd0b215740cfb5faa39d1976ea16.png
[94921b4701574ab2811c89ba87905f4f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2ce5f84f6e884713b470ad673cf03b61.png
[5af7a7b54e424a03b2169a5e73f9f5aa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/709a0feff0164edaabe483dce5fa1e88.png
[ce14a89f1d294d5fa21b883bdcde4fdb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/464d9bb29a74454393f0ae7903f82bc2.png
[e7d205089ed44c748851775fe1acd591.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7ef0194b44d640ce996af2e21c131a90.png
[b69bce3b9516481dba7b688dc9a89845.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a150b0928df5487892ff907f57ce9ea9.png
[54455690091d44c5b1fe8bbdbeb93a76.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c979f569d7244358868eb1df08fb12f4.png
[0ab1f26454574897952119094b4c54d8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/1108baae97204912a51a47bc3a6b7dab.png
[eddc9154c4ad4f238acc2f115c991119.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3d9689c105ff449c8f7d0ac05622621b.png
[2ae47f10cc654465b8927d52d234867d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/767f9e78dc0f470884ec1accb9e7e3e7.png
[6825f1f4b59044a2b4ba20cec0dab54e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/750d9f2c3a49439aadc5d2dc78d5d835.png
[b951153903c347f0a767bfe4730b7dc9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9574f3f418ac493a9e285f4630434e3b.png
[4ab0811b7514470fad9ceb4bf8ede305.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2e55b97e0eb24d65b3dd1e1f824dc1fb.png
[b15e3f93809f45d798a66712b4728642.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/346810abbf1848e08d40fce72255f75b.png
[215447dac32746cb91880e2f892b30ca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2f00422f3aaa4caea1038b3aa8e3e8d2.png
[8762fa812a444447a26ab165e43a3cc2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f26b801b4402433c822d491a64b3a34f.png
[2f87b247056c45cda3cf2f977a646cc9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4bca1c1915c84a1bb554a3bdf4cf2858.png
[4a626bef3cc44e1dbe065ca8df38d792.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/48dd1f056c5c4e89a5a80b81df35a3ff.png
[ac3d6b19c9534016975ff4082e2829d5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/bb6ab436eced4953adaf3e8fab2ac268.png
[5be374cc85df4fc49865841b3c51ce64.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2cbf7a69214f4a22b65ed79213015df6.png
[510022e969f74643a973dd1dea551469.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3a821a8a006048288a8431a468ffad9d.png
[f1bffe87f497463dbb6ac701ea5c3429.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8255c436f79a44e4b861ecfcc50b673c.png
[bb3caaffc1e8408c9e6e69d25f9c1f37.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/da84ccd018ac44aa918fcd48ce362d5a.png
[1a1c5805818e4721a53875304187a1df.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f8b7fc3ab8974b47aa25985ee1289772.png
[6589aa4e0af44580b8fdfa717ce79c3d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c00dd8ff18f940dbb411c18cb88fa07e.png
[27a5a6544d524ed6ac58046ea4f87382.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/74cd296db197407c98807c22795685d6.png
[b58fd8cbb69147c7ae81ff3f0161e674.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/172911271c9f4a1587fe6caa1e4546f3.png
[a6528df537114b4383686d3f16bc1842.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/488a529831634cef9cf3d55232d3a65c.png
[cba0b956343b4c12b0c21b6b77b3c9e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/66c900d4ad9e47db90b2f9074821a864.png
[977cbe893d3d4ef3a32bbf5a7bb396f9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c397cf207d9348228e1e307adaf0c9d1.png
[19a15eadf94f4c248f322a996307a1fe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/02307891b18540e195b61bd59b1e3ce4.png
[ebe2bf5bd5fd4fe6988235c5c7ca5d29.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/09fba5abdf13473a86db0cd15709e347.png
[5fc1c614396c430aad7499babd146b52.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6ebb033494104c9eb560f441569b2c80.png
[2983f15fc7a346b198bae19b78572da4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/804ce7f69f87406080feb8afb9851374.png
[edd1cf4762f147b6bfecbede76db4dad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d854b148450248c4b22bd796f5f1ecee.png
[a25095f9719347ecade6dc595d968ce1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/73fb1ea8fa904990a55a064136088413.png