Javaweb——(day05)Servlet

分手后的思念是犯贱 2022-12-12 04:41 189阅读 0赞

### 文章目录 ###

*  Servlet
 *   *  Servlet技术
     *   *  1.什么是Servlet
         *  2.第一个Servlet程序
         *  3.Servlet程序常见错误
         *  4.url地址到Servlet程序的访问
         *  5.Servlet的生命周期
         *  6.GET和POST请求的分发处理
         *  7.通过继承HttpServlet实现Servlet程序
         *  8.使用IDEA创建Servlet程序
         *  9.Servlet类的继承体系
     *  ServletConfig类
     *  ServletContext类
     *   *  1.什么是ServletContext?
         *  2.ServletContext类的四个作用
         *  3.ServletContext像Map一样存取数据
     *  HTTP协议
     *   *  1.什么是HTTP协议
         *  2.请求的HTTP协议格式
         *  3.响应的HTTP协议格式
         *  4.常用的响应码说明
         *  5.MIME类型说明
     *  HttpServletRequest类
     *   *  1.HttpServletRequest类有什么作用
         *  2.HttpServletRequest类的常用方法
         *  3.如何获取请求参数
         *  4.doGet请求的中文乱码解决
         *  5.POST请求的中文乱码解决
         *  6.请求的转发
         *  7.base标签的作用
         *  8.Web中的相对路径和绝对路径
         *  9.web中/斜杠的不同意义
     *  HttpServletResponse类
     *   *  1.HttpServletResponse类的作用
         *  2.两个输出流的说明
         *  3.如何往客户端回传数据
         *  4.响应的乱码解决
         *  5.请求重定向
     *  感谢查阅，欢迎斧正！！！

# Servlet #

## Servlet技术 ##

### 1.什么是Servlet ###

> 什么是Servlet???
> 
> 1、Servlet是JavaEE规范之一。规范就是接口;
> 
> 2、Servlet就JavaWeb三大组件之一。三大组件分别是：Servlet程序、Filter过滤器、Listener监听器。
> 
> 3、Servlet是运行在服务器上的一个java小程序，它可以接收客户端发送过来的请求，并响应数据给客户端。
> 
> --------------------
> 
> 手动实现Servlet程序
> 
> 1、编写一个类去实现Servlet接口;
> 
> 2、实现service方法，处理请求，并响应数据;
> 
> 3、到web.xml中去配置servlet程序的访问地址。

### 2.第一个Servlet程序 ###

> 新建一个动态Web项目，再其中新建一个类：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center]

> index.jsp文件

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title>$Title$</title>
      </head>
      <body>
      这是首页，写点东西。
      </body>
    </html>

> HelloServlet.java文件

package github.servlet;
    
    import javax.servlet.*;
    import java.io.IOException;
    
    public class HelloServlet implements Servlet { 
        @Override
        public void init(ServletConfig servletConfig) throws ServletException { 
    
        }
    
        @Override
        public ServletConfig getServletConfig() { 
            return null;
        }
    
        /** * service方法是专门用来处理请求和响应的 * @param servletRequest * @param servletResponse * @throws ServletException * @throws IOException */
        @Override
        public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException { 
            System.out.println("Hello Servlet 被访问了！！！");
        }
    
        @Override
        public String getServletInfo() { 
            return null;
        }
    
        @Override
        public void destroy() { 
    
        }
    }

> web.xml文件

> 上面的xml文件中的工程路径：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 1]

> 启动项目，运行如图：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 3]

### 3.Servlet程序常见错误 ###

> 常见的错误1：url-pattern 中配置的路径没有以斜杠打头。

![在这里插入图片描述][2020100520483150.png_pic_center]

> 常见错误 2：servlet-name 配置的值不存在：

![在这里插入图片描述][20201005204838934.png_pic_center]

> 常见错误 3：servlet-class 标签的全类名配置错误：

![在这里插入图片描述][20201005204845262.png_pic_center]

### 4.url地址到Servlet程序的访问 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 4]

### 5.Servlet的生命周期 ###

>     1、执行Servlet构造器方法;
>     2、执行init初始化方法;
>     	第一、二步，是在第一次访问，的时候创建Servlet程序会调用。
>     3、执行service方法;
>     	第三步，每次访问都会调用。
>     4、执行destroy销毁方法
>         第四步，在web工程停止的时候调用。

package github.servlet;
    
    import javax.servlet.*;
    import java.io.IOException;
    
    public class HelloServlet implements Servlet { 
    
        public HelloServlet() { 
            System.out.println("1 构造器方法");
        }
    
        @Override
        public void init(ServletConfig servletConfig) throws ServletException { 
            System.out.println("2 init初始化");
        }
    
        @Override
        public ServletConfig getServletConfig() { 
            return null;
        }
    
        /** * service方法是专门用来处理请求和响应的 * @param servletRequest * @param servletResponse * @throws ServletException * @throws IOException */
        @Override
        public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException { 
            System.out.println("Hello Servlet 被访问了！！！");
            System.out.println("3 Service方法");
        }
    
        @Override
        public String getServletInfo() { 
            return null;
        }
    
        @Override
        public void destroy() { 
            System.out.println("4 destroy销毁方法");
        }
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 6]

### 6.GET和POST请求的分发处理 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 7]

import javax.servlet.*;
    import javax.servlet.http.HttpServletRequest;
    import java.io.IOException;
    
    public class HelloServlet implements Servlet { 
    
        /** * service方法是专门用来处理请求和响应的 * @param servletRequest * @param servletResponse * @throws ServletException * @throws IOException */
        @Override
        public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException { 
            System.out.println("Hello Servlet 被访问了！！！");
    // 类型转换（因为有getMethod方法）
            HttpServletRequest httpServletRequest = (HttpServletRequest) servletRequest;
    // 获取请求的方式
            String method = httpServletRequest.getMethod();
            if("GET".equals(method)){ 
                doGet();
            }else if("POST".equals(method)){ 
                doPost();
            }
            System.out.println(method);
        }
    
        /** * 做doget请求 */
        public void doGet(){ 
            System.out.println("get请求");
            System.out.println("get请求");
        }
    
        /** * 做dopost请求 */
        public void doPost(){ 
            System.out.println("post请求");
            System.out.println("post请求");
        }
    }

> a.html文件

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <form action="http://localhost:8080/05_Servlet/hello" method="post">
            <input type="submit" name="" id="">
        </form>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 8]

### 7.通过继承HttpServlet实现Servlet程序 ###

> 一般在实际项目开发中，都是使用继承HttpServlet类的方式去实现Servlet程序。
> 
> 1.  编写一个类去继承HttpServlet类;
> 2.  根据业务需要重写doGet或doPost方法;
> 3.  到web.xml中的配置Servlet程序的访问地址。

> Servlet类的代码：

> web.xml中的配置

### 8.使用IDEA创建Servlet程序 ###

> 右键点击包名：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 9]

> 配置Servlet的信息

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 10]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 11]

### 9.Servlet类的继承体系 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 12]

## ServletConfig类 ##

>  *  ServletConfig类从类名上来看，就知道是Servlet程序的配置信息类。
>  *  Servlet程序和ServletConfig对象都是由Tomcat负责创建，我们负责使用。
>  *  Servlet程序默认是第一次访问的时候创建，ServletConfig是每个Servlet程序创建时，就创建一个对应的ServletConfig对象。

> ServletConfig类的三大作用

1、可以获取Servlet程序的别名servlet-name的值;
    2、获取初始化参数init-param;
    3、获取ServletContext对象.

> web.xml文件

<?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">
    
        <servlet>
    
            <servlet-name>HelloServlet</servlet-name>
    
            <servlet-class>github.servlet.HelloServlet</servlet-class>
            
            <init-param>
                
                <param-name>namespace</param-name>
                
                <param-value>root</param-value>
            </init-param>
            <init-param>
                <param-name>url</param-name>
                <param-value>jdbc:mysql://localhost:3306/test</param-value>
            </init-param>
        </servlet>
    
    
        <servlet-mapping>
    
            <servlet-name>HelloServlet</servlet-name>
    
            <url-pattern>/hello</url-pattern>
        </servlet-mapping>
        
        <servlet>
            <servlet-name>HelloServlet02</servlet-name>
            <servlet-class>github.servlet.HelloServlet02</servlet-class>
        </servlet>
        <servlet-mapping>
            <servlet-name>HelloServlet02</servlet-name>
            <url-pattern>/hello2</url-pattern>
        </servlet-mapping>
    
        <servlet>
            <servlet-name>HelloServlet03</servlet-name>
            <servlet-class>github.servlet.HelloServlet03</servlet-class>
        </servlet>
        <servlet-mapping>
            <servlet-name>HelloServlet03</servlet-name>
            <url-pattern>/hello03</url-pattern>
        </servlet-mapping>
    </web-app>

@Override
        public void init(ServletConfig servletConfig) throws ServletException { 
    // System.out.println("2 init初始化");
    
    // 1、可以获取Servlet程序的别名servlet-name的值
            System.out.println("HelloServlet程序的别名是:" + servletConfig.getServletName());
    // 2、获取初始化参数init-param
            System.out.println("初始化参数namespace的值是;" + servletConfig.getInitParameter("namespace"));
            System.out.println("初始化参数url的值是;" + servletConfig.getInitParameter("url"));
    // 3、获取ServletContext对象
            System.out.println(servletConfig.getServletContext());
        }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 13]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 14]

## ServletContext类 ##

### 1.什么是ServletContext? ###

> 1.  ServletContext是一个接口，它表示Servlet上下文对象
> 2.  一个web工程，只有一个ServletContext对象实例。
> 3.  ServletContext对象是一个域对象。
> 4.  ServletContext是在web工程部署启动的时候创建。在web工程停止的时候销毁。
> 
> --------------------
> 
> 什么是域对象?
> 
>  *  域对象，是可以像Map一样存取数据的对象，叫域对象。这里的域指的是存取数据的操作范围，整个web工程。

<table> 
 <thead> 
  <tr> 
   <th align="center"></th> 
   <th align="center">存数据</th> 
   <th align="center">取数据</th> 
   <th align="center">删除数据</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">Map</td> 
   <td align="center">put()</td> 
   <td align="center">get()</td> 
   <td align="center">remove()</td> 
  </tr> 
  <tr> 
   <td align="center">域对象</td> 
   <td align="center">setAttribute()</td> 
   <td align="center">getAttribute()</td> 
   <td align="center">removeAttribute();</td> 
  </tr> 
 </tbody> 
</table>

### 2.ServletContext类的四个作用 ###

> 1.  获取web.xml中配置的上下文参数context-param；
> 2.  获取当前的工程路径，格式:/工程路径;
> 3.  获取工程部署后在服务器硬盘上的绝对路径;
> 4.  像Map一样存取数据.

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

> 案例演示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 15]

> web.xml文件

> java文件

package github.servlet;
    
    import javax.servlet.ServletContext;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    public class ContextServlet extends HttpServlet { 
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    // 1. 获取web.xml中配置的上下文参数context-param；
    
            ServletContext context = getServletConfig().getServletContext();
            String username = context.getInitParameter("username");
            System.out.println("context-param参数username的值是:"+username);
            System.out.println("context-param参数password的值是:"+context.getInitParameter("password"));
    // 2. 获取当前的工程路径，格式:/工程路径;
            System.out.println("当前工程路径:"+context.getContextPath());
    // 3. 获取工程部署后在服务器硬盘上的绝对路径;
    // / 斜杠被服务器解析地址为:http://ip:port/工程名/ 映射到IDEA代码的web目录 <br/>
            System.out.println("工程部署的路径是:"+context.getRealPath("/"));
            System.out.println("工程下css目录的绝对路径是:"+context.getRealPath("/css"));
            System.out.println("工程下imgs目录1.jpg的绝对路径是:"+context.getRealPath("/imgs/h2.jpeg"));
        }
    }

### 3.ServletContext像Map一样存取数据 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 16]

> ContextServlet02.java

> ContextServlet03.java

> web.xml

## HTTP协议 ##

### 1.什么是HTTP协议 ###

> 什么是协议?
> 
>  *  协议是指双方，或多方，相互约定好，大家都需要遵守的规则，叫协议。
> 
> --------------------
> 
> 所谓HTTP协议，就是指，客户端和服务器之间通信时，发送的数据，需要遵守的规则，叫HTTP协议。
> 
>  *  HTTP协议中的数据又叫报文。

### 2.请求的HTTP协议格式 ###

> 客户端给服务器发送数据叫请求。
> 
> 服务器给客户端回传数据叫响应。
> 
> 请求又分为GET请求，和POST请求两种:

*  GET请求

1、请求行
    	(1)请求的方式	GET
    	(2)请求的资源路径	[+?+请求参数]
    	(3)请求的协议的版本号	HTTP/1.1
    
    2、请求头
    	key:value	组成不同的键值对，表示不同的含义。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 17]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 18]

*  POST请求

1、请求行
    	(1)请求的方式	POST
    	(2)请求的资源路径	[+?+请求参数]
    	(3)请求的协议的版本号	HTTP/1.1
    
    2、请求头
    	(1)key:value	不同的请求头，有不同的含义;
    	空行
    
    3、请求体	===>>>	就是发送给服务器的数据

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 19]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 20]

*  常用请求头的说明

Accept:       表示客户端可以接收的数据类型 
    Accpet-Languege:      表示客户端可以接收的语言类型 
    User-Agent:         表示客户端浏览器的信息 
    Host：    表示请求时的服务器 ip 和端口号

*  哪些是 GET 请求?哪些是 POST 请求?

GET  请求有哪些： 
    	1、form 标签    method=get 
    	2、a 标签 
    	3、link 标签引入  css 
    	4、Script  标签引入  js  文件 
    	5、img 标签引入图片 
    	6、iframe 引入  html 页面 
    	7、在浏览器地址栏中输入地址后敲回车 
    
    POST 请求有哪些： 
    	1、form 标签    method=post

### 3.响应的HTTP协议格式 ###

> 1.  响应行  
>     (1) 响应的协议和版本号  
>     (2) 响应状态码  
>     (3) 响应状态描述符
> 
> --------------------
> 
> 1.  响应头
>     
>     (1) key:value 不同的响应头，有其不同含义;
>     
>     空行
> 
> --------------------
> 
> 1.  响应体 ---->>> 就是回传给客户端的数据

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 21]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 22]

### 4.常用的响应码说明 ###

>     200		表示请求成功;
>     302		表示请求重定向;
>     404		表示请求服务器已经收到了，但是你要的数据不存在（请求地址错误）;
>     500		表示服务器已经收到请求，但是服务器内部错误（代码错误）;

### 5.MIME类型说明 ###

> MIME是HTTP协议中数据类型。
> 
> MIME的英文全称是"Multipurpose Internet Mail Extensions"多功能Internet邮件扩充服务。MIME类型的格式是“大类型/小类型”，并与某一种文件的扩展名相对应。

*  常见的MIME类型

<table> 
 <thead> 
  <tr> 
   <th align="center">文件</th> 
   <th align="left">MIME类型</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">超文本标记语言文本</td> 
   <td align="left">.html,.htm text/html</td> 
  </tr> 
  <tr> 
   <td align="center">普通文本</td> 
   <td align="left">.txt text/plain</td> 
  </tr> 
  <tr> 
   <td align="center">RTF文本</td> 
   <td align="left">.rtf application/rtf</td> 
  </tr> 
  <tr> 
   <td align="center">GIF图形</td> 
   <td align="left">.gif image/gif</td> 
  </tr> 
  <tr> 
   <td align="center">JPEG图形</td> 
   <td align="left">.jpeg,.jpg image/jpeg</td> 
  </tr> 
  <tr> 
   <td align="center">au声音文件</td> 
   <td align="left">.au audio/basic</td> 
  </tr> 
  <tr> 
   <td align="center">MIDI音乐文件</td> 
   <td align="left">mid,.midi audio/midi,audio/x-midi</td> 
  </tr> 
  <tr> 
   <td align="center">RealAudio音乐文件</td> 
   <td align="left">.ra,.ram audio/x-pn-realaudio</td> 
  </tr> 
  <tr> 
   <td align="center">MPEG文件</td> 
   <td align="left">.mpg,.mpeg video/mpeg</td> 
  </tr> 
  <tr> 
   <td align="center">AVI文件</td> 
   <td align="left">.avi video/x-msvideo</td> 
  </tr> 
  <tr> 
   <td align="center">GZIP文件</td> 
   <td align="left">.gz application/x-gzip</td> 
  </tr> 
  <tr> 
   <td align="center">TAR文件</td> 
   <td align="left">.tar application/x-tar</td> 
  </tr> 
 </tbody> 
</table>

*  谷歌浏览器如何查看HTTP协议:

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 23]

*  火狐浏览器如何查看HTTP协议:

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 24]

## HttpServletRequest类 ##

### 1.HttpServletRequest类有什么作用 ###

> 每次只要有请求进入Tomcat服务器，Tomcat服务器就会把请求过来的HTTP协议信息解析好封装到Request对象中。
> 
> 然后传递到service方法（doGet和doPost）中给我们使用。
> 
> 我们可以通过HttpServletRequest对象，获取到所有请求的信息。

### 2.HttpServletRequest类的常用方法 ###

>     i.getRequestURI()	获取请求的资源路径;
>     ii.getRequestURL()	获取请求的统一资源定位符（绝对路径）;
>     iii.getRemoteHost()	获取客户端的ip地址;
>     iv.getHeader()	获取请求头;
>     v.getParameter()	获取请求的参数;
>     vi.getParameterValues()	获取请求的参数（多个值的时候使用）;
>     vii.getMethod()	获取请求的方式GET或POST;
>     viii.setAttribute(key,value);	设置域数据;
>     ix.getAttribute(key);	获取域数据;
>     x.getRequestDispatcher()	获取请求转发对象;

package github.servlet;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    public class RequestAPI extends HttpServlet { 
    
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 
    // i.getRequestURI() 获取请求的资源路径;
            System.out.println("URI=>" + req.getRequestURI());
    // ii.getRequestURL() 获取请求的统一资源定位符（绝对路径）;
            System.out.println("URL=>" + req.getRequestURL());
    // iii.getRemoteHost() 获取客户端的ip地址;
    // 在IDEA中，使用localhost访问时，得到的客户端 ip 地址是 ===>>> 127.0.0.1 <br/>
    // 在IDEA中，使用127.0.0.1访问时，得到的客户端 ip 地址是 ===>>> 127.0.0.1 <br/>
    // 在IDEA中，使用 真实ip 访问时，得到的客户端 ip 地址是 ===>>> 真实的客户端 ip 地址 <br/>
            System.out.println("IP=>" + req.getRemoteHost());
    // iv.getHeader() 获取请求头;
            System.out.println("Head=>" + req.getHeader("User-Agent"));
    // v.getParameter() 获取请求的参数;
            System.out.println("Part=>" + req.getParameter("getParameter"));
    // vi.getParameterValues() 获取请求的参数（多个值的时候使用）;
            System.out.println("MPart=>" + req.getParameterValues("Part"));
    // vii.getMethod() 获取请求的方式GET或POST;
            System.out.println("Method=>" + req.getMethod());
        }
    }

![在这里插入图片描述][20201005205328507.png_pic_center]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 25]

### 3.如何获取请求参数 ###

> 表单：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <form action="http://localhost:8080/06_servlet/parmentServlet" method="get">
            用户名:<input type="text" name="username"><br/>
            密码:<input type="password" name="password"><br/>
            兴趣爱好:<input type="checkbox" name="hobby" value="cpp">C++
            <input type="checkbox" name="hobby" value="java">Java
            <input type="checkbox" name="hobby" value="js">JavaScript<br/>
            <input type="submit">
        </form>
    </body>
    </html>

> Java代码：

> web.xml文件：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 26]

### 4.doGet请求的中文乱码解决 ###

> 对于这个问题呢！！！网上的一半是这样做：

//1 先以iso8859-1进行编码
    //2 再以utf-8进行解码
    // username = new String(username.getBytes("iso-8859-1"), "UTF-8");

> 也就是这样：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 27]

> 所以，经查证：
> 
> 因为容器是tomcat，所以需要配置下它的配置文件/conf/server.xml

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 28]

> 修改为：

> 因为修改了服务器的配置文件，需要重启Tomcat，运行之：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 29]

### 5.POST请求的中文乱码解决 ###

> 只需要在post方法中添加如下：
> 
>     // 设置请求体的字符集为UTF-8，从而解决post请求的中文乱码问题
>     // 也要在获取请求参数之前调用才有效
>     req.setCharacterEncoding("UTF-8");

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 30]

### 6.请求的转发 ###

> 什么是请求的转发?
> 
> 请求转发是指，服务器收到请求后，从一次资源跳转到另一个资源的操作叫请求转发。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 31]

> Servlet1代码：

package github.servlet;
    
    import javax.servlet.RequestDispatcher;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    public class Servlet1 extends HttpServlet { 
    
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 
            // 获取请求的参数（办事的材料）查看
            String username = req.getParameter("username");
            System.out.println("在Servlet1（柜台1）中查看参数（材料）：" + username);
    
            // 给材料 盖一个章，并传递到Servlet2（柜台 2）去查看
            req.setAttribute("key","柜台1的章");
    
            // 问路:Servlet2（柜台 2）怎么走
            // 请求转发必须要以斜杠打头，/ 斜杠表示地址为：http://ip:port/工程名/ , 映射到IDEA代码的web目录 <br/>
            RequestDispatcher requestDispatcher = req.getRequestDispatcher("/servlet2");
    // RequestDispatcher requestDispatcher = req.getRequestDispatcher("http://www.baidu.com");
    
            // 走向Sevlet2（柜台 2）
            requestDispatcher.forward(req,resp);
        }
    }

> Servlet2代码:

> web.xml文件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 32]

### 7.base标签的作用 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 33]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 34]

> index.html

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>index</title>
    </head>
    <body>
    这是Web下的index.html <br/>
    <a href="a/b/c.html">a/b/c.html</a><br/>
    <a href="http://localhost:8080/06_servlet/forwardC">请求转发:a/b/c.html</a><br/>
    </body>
    </html>

> c.html

<!DOCTYPE html>
    <html lang="zh_CN">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        
        <base href="http://localhost:8080/06_servlet/a/b/">
    </head>
    <body>
    这是a下的b下的c.html页面<br/>
    <a href="../../index.html">跳回首页</a><br/>
    </body>
    </html>

> ForwardC.java

> web.xml

> 运行后

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 35]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 36]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 37]

### 8.Web中的相对路径和绝对路径 ###

>     在javaWeb中，路径分为相对路径和绝对路径两种：
>     
>     相对路径是：
>     	.		表示当前目录;
>     	..		表示上一级目录;
>     	资源名		表示当前目录/资源名
>     
>     绝对路径是：
>     	http://ip:port/工程路径/资源路径
>     
>     在实际开发中，路径都使用绝对路径，而不简单的使用相对路径。
>     	1、绝对路径;
>     	2、base+相对;

### 9.web中/斜杠的不同意义 ###

> 在web中/斜杠是一种绝对路径。
> 
>     /	斜杠如果被浏览器解析，得到的地址是：
>     		http://ip:port/
>     <a href="/">斜杠</a>
>     
>     /	斜杠如果被服务器解析，得到的地址是：
>     		http://ip:port/工程路径
>     	1、<url-pattern>/servlet1</url-pattern>
>     	2、servletContext.getRealPath("/");
>     	3、request.getRequestDispatcher("/");
>     
>     特殊情况：response.sendRediect("/");
>     把斜杠发送给浏览器解析。得到http://ip:port/

## HttpServletResponse类 ##

### 1.HttpServletResponse类的作用 ###

> HttpServletResponse类和HttpServletRequest类一样。每次请求进来，Tomcat服务器都会创建一个Response对象传递给Servlet程序去使用。
> 
> --------------------
> 
> HttpServletRequest表示请求过来的信息，HttpServletResponse表示所有响应的信息，我们如果需要设置返回给客户端的信息，都可以通过HttpServletResponse对象来进行设置。

### 2.两个输出流的说明 ###

>     字节流		getOutputStream();		常用于下载（传递二进制数据）
>     字符流		getWriter();		常用于回传字符串（常用）
>         
>     两个流同时只能使用一个。
>     使用了字节流，就不能再使用字符流，反之亦然，否则就会报错。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 38]

### 3.如何往客户端回传数据 ###

### 4.响应的乱码解决 ###

> web响应会出现中文乱码，如下图，具体解决方法是以下两种，但更推荐第二种，因为更方便。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 39]

> 解决响应中文乱码方案一（不推荐使用）:

// 设置服务器字符集为 UTF-8
            resp.setCharacterEncoding("UTF-8");
    // 通过响应头，设置浏览器也使用 UTF-8字符集
            resp.setHeader("Content-Type", "text/html; charset=UTF-8");

> 解决响应中文乱码方案二（推荐）：

// 它会同时设置服务器和客户端都使用 UTF-8字符集，还设置了响应头
    // 此方法一定要在获取流对象之前调用才有效
            resp.setContentType("text/html; charset=UTF-8");

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 40]

### 5.请求重定向 ###

> 请求重定向，是指客户端给服务器发请求，然后服务器告诉客户端说。我给你一些地址。你去新地址访问。叫请求 重定向（因为之前的地址可能已经被废弃）。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 41]

> Resp1.java

> web.xml

>     请求重定向的第一种方案： 
>     // 设置响应状态码 302，表示重定向。（已搬迁） 
>     resp.setStatus(302); 
>     // 设置响应头，说明新的地址在哪里 
>     resp.setHeader("Location", "http://localhost:8080"); 
>     
>     请求重定向的第二种方案（推荐使用）: 
>     resp.sendRedirect("http://localhost:8080");

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 42]

## 感谢查阅，欢迎斧正！！！ ##

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/2bd939d3e62341fcb9b43a894bfc98e6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/4f9287ad4512487aa30a8f556704a3e4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/b1f7ae809add4802b58af6326cd0b705.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/6d72ddf99880483c9167b6cb9723c359.png
[2020100520483150.png_pic_center]: /images/20221123/319abbd51804478fa4c23285d7d119a8.png
[20201005204838934.png_pic_center]: /images/20221123/0f1c4ca4820f40d8b9addca5c9c29e42.png
[20201005204845262.png_pic_center]: /images/20221123/4b393badd9cd44048a0746939a5f4de3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/a44d995035b2428a92f7e3f5193c92c0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/0857efe0d7264a38814c2be20d9d4c0a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221123/f9d02c3379884e6f9b4c4882ce5c4007.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221123/c5d71beff75c4ae5860def1e6ee62dc9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221123/55268beb91ef4bff81a18665cdfc41af.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221123/115204fa7b56425b80363552e4737bc7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221123/57ae71a5da924440ae7aacbe5be4494a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221123/1c3d2ca735d44f358a90109462b0e1d6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221123/25acc807ecb64cfb87d4812cc3aee317.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221123/12f3da49b5a04bc283723fd8d016c3f4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221123/40d9d83587114904b9c4be6a6b199621.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20221123/c8ea2d65dddd408b880ca3248236c106.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20221123/972ccd7cbf5947f7a5591487fb064dfc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 17]: /images/20221123/5f72085990954d4da511ce3d13b36675.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 18]: /images/20221123/6721bf71387f4800907bf4c04f53ad49.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 19]: /images/20221123/8eaf9adcd7bf494fb516e1378d3cc24b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 20]: /images/20221123/6f52c1088cef44aebb59f64fa89055ae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 21]: /images/20221123/afca8459dca84f2fb815612e0ab5657f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 22]: /images/20221123/630692640d314f918864b561bf68a76d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 23]: /images/20221123/158e9796dc674ca4a022dfe008b547f9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 24]: /images/20221123/ca494a69b16e45078b26d2a60ad0fa66.png
[20201005205328507.png_pic_center]: /images/20221123/d3665adf8b384beebbedf55538c9927c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 25]: /images/20221123/25305bf454d847158fb6a7413c36805f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 26]: /images/20221123/75cb0271674a47eb818ad3877f9128a9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 27]: /images/20221123/3a7b3d41f98b43fdbaef7de54b62f467.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 28]: /images/20221123/4661ecc88a25437495fd5f91f5b7eb8d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 29]: /images/20221123/2633fa7d912f4765877e1651fa4d947d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 30]: /images/20221123/6613a69836e145a4979c278998fba844.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 31]: /images/20221123/a634adb68bca4b83a7eefd869e519f99.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 32]: /images/20221123/598bb2af394d40b89bbb42278e2aedf6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 33]: /images/20221123/3ff94cc8518f4538b2dd67ee8b1d16df.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 34]: /images/20221123/183e52981bbc4f98ad053685f6a44b69.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 35]: /images/20221123/d7a1b7efeb1c4e4b9e283ea3e3d8bddd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 36]: /images/20221123/776e53d657624413a972a2be60a15769.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 37]: /images/20221123/d03cff07c86344b5b0c83545f16d7c99.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 38]: /images/20221123/1838b10a61b9446ea3a234adbdbe877a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 39]: /images/20221123/f12a6c9f4a5d4161baecaca037b0aa72.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 40]: /images/20221123/3ae617cb67dc451bb1f5624cc895aa86.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 41]: /images/20221123/3c892757d7ea44bd92af70b86e6d8eae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2MTUzOTQ5_size_16_color_FFFFFF_t_70_pic_center 42]: /images/20221123/eeaa03e8a77142bfb41c17975d1d40b8.png