Servlet操作与用法（保姆式教学）

超、凢脫俗 2024-03-01 07:45 16阅读 0赞

### Servlet介绍 ###

#### 什么是servlet ####

*  Servlet（Servlet Applet的缩写，全称 Java Servlet）：适用于Java编写的服务器程序，其主要功能是在于交互式的浏览和修改数据，生成动态Web内容。狭义的Servlet是指Java语言实现的一个接口，广义的Servlet 是指任何实现了这个Servlet接口的类，一般情况下，人们将Servlet，理解为后者。
 *  Servlet运行于支持Java的应用服务器中，从原理上将讲，Servlet可以响应任何类型的请求，但是绝大多数情况下Servlet只用于扩展基于HTTP协议的Web服务器。
 *  Servlet是一种实现动态页面的技术，是一组由Tomcat提供给程序员简单高效的开发一个web app

#### Servlet的主要工作 ####

*  允许程序员注册一个类，当Tomcat收到的某个特定的请求，执行这个类中的一些代码
 *  帮助程序员解析HTTP请求，把HTTP请求从一个字符串解析成一个HttpRequest对象
 *  帮助程序员构造HTTP响应，程序员只要给指定的HttpResponse对象填写一些属性字段，Servlet就会自动按照HTTP协议的方式构造出一个HTTP响应字符串，并通过Socket编写返回客户端

### Servlet程序创建步骤 ###

#### 创建项目 ####

使用IDEA创建一个Maven项目

![8d40ea8691234bf7bdcb32502f06dca3.png][]

创建好的Maven如下

![4d56d5786ec04f27be7864029aead335.png][]

通过上图我们可以了解到一些目录结构，这是Maven项目的标准结构，其中

*  **src**：用于存放源代码和测试代码的根目录
 *  **main**：用于存放源代码的目录
 *  **test**：用于存放测试代码的目录
 *  **java**：用于存放Java代码的目录
 *  **resoures**：用于存放依赖的资源文件
 *  **pom.xml**：是Maven项目的核心配置文件，关于这个Maven项目的相关属性，都是在这个xml中进行配置的

#### 引入依赖 ####

Maven项目创建完成之后，就i会自动生成一个pom.xml文件，我们需要在这个文件中引入Servlet API依赖的jar包

*  打开[中央仓库][Link 1]，搜索Servlet，点击 Java Servlet API

![26d7898f047e4fb5a5b2e665b9d4a9be.png][]

*  选择对应的Tomcat版本的Servlet

![a0947964e7d24e67b9fa584b1d9f8d80.png][]

*  将中央仓库提供的该版本的xml复制到项目的pom.xml中![bfa674ac84a3433ca7b3f7e4fc9036cd.png][]
 *  修改后的pom.xml如下

![99c398a7cb474b3986d8577d9d1e95e6.png][] 一个项目中可以有多个依赖，每个以来都是一个<dependency>标签，引入的以来都要放在一个<dependencies>标签中，该标签用于放置项目以来的jar包，Maven会自动下载到该依赖带本地

#### 创建目录 ####

Web项目对于目录结构还有自己的要求只有Maven的标准目录还是不够的，需要再创建以下目录进行配置

*  **在main目录下，创建一个webapp目录：**webapp目录就是用于部署到Tomcat的一个重要的目录，里面可以存放一些静态资源
 *  **在webapp目录下，创建一个WEB-INF目录**
 *  **在WEB-INF目录下，创建一个web.xml文件**：Tomcat通过找到这个web.xml文件才能正确的处理webapp的动态资源

![debb3053029a4e548b8302f418cb5688.png][]

*  **编写 web.xml:**Selvlet中的web.xml中的内容是不能为空的，里面的写法是固定的（这里的写法专属于serlet），用到的时候可以直接拷贝下面的代码

<!DOCTYPE web-app PUBLIC
    		"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
    		"http://java.sun.com/dtd/web-app_2_3.dtd" >
    <web-app>
    	<display-name>Archetype Created Web Application</display-name>
    </web-app>

#### 编写代码 ####

以下编写一个让相应返回一个自定义的字符串代码：

*  创建一个TestServlet类，并且让他继承于HttpServlet

![15fc88209ae1443889c9970a9283b6b7.png][]

HttpServlet 这个类来自于pom.xml中引入的Servlet API依赖的jar包

*  在TestServlet类中重写doGet方法

![f9558bba720d434ba93bba882955daa4.png][]

doGet是HttpServlet类中的方法，此处是在子类中重写了父类的doGet

*  为了了解doGet方法的作用，我们可以看看它的源码

![8a6e2ccfb601401c9cdc08e31da393e9.png][]

*  HttpServletRequest:表示HTTP请求，Tomcat按照HTTP请求的格式把字符串格式的的请求转换为一个HttpServletRequest对象，通过这个对象就可以获取请求中的信息
 *  HttpServletResponse：表示HTTP响应，通过代码可以把响应的对象构造好，然后Tomcat将响应返回给浏览器

通过doGet的源码我们可以大致的了解，它的作用就是根据收到的请求通过响应返回一个405或者400，那么我们可以重写这个方法，根据收到的请求执行自己的业务逻辑，把结果构造成响应对象

*  在doGet方法中，通过HttpServletResponse类的getWriter（）方法往响应的body中写入文本格式的数据

![c764eff1a6c644de9073e3dc233bd81b.png][]

resp.getWriter()会获取到一个流对象，通过这个流对象就可以写入一些数据，写入的数据会被构造成一个HTTP相应的body部分，Tomcat会把整个响应转换成字符串，通过Socket写回给浏览器

*  需要给TesttServlet加上一个特定的注解@Webservlet("/test")

![34ffbbe0fc0040818734032d1bf241d9.png][]

上述注解表示Tomcat收到请求中，URL的Servlet Path路径为/test的请求才会调用TestServlet这个类的代码，注解中的字符串表示着URL的Servlet Path

到这里程序的编写已经完成！但是你可能会议或上述代码不是通过main方法作为入口，这是因为main方法包含在Tomcat中，我们写的程序并不能单独执行，而是需要Tomcat才能执行起来（Tomcat的伪代码我们会具体的分析这个问题）

#### 打包程序 ####

在程序编写好之后，就可以使用Maven进行打包

*  首先修改pom.xml，加入一些必要的配置（打包类型和打包后的包名）

![d4e0d04d3a2c43c2ab37016d44b84891.png][]

>  *  packaging标签中用于设置打包类型（如果不进行修改，默认的类型是jar包，jar包是普通Java程序打包的结果，里面包含一i写.class文件；而部署在Tomcat中的压缩包一般为war包，war包里面是Java Web程序，里面除了.class文件以外还包含HTML、CSS、JavaScript、图片等...）
>  *  finaName标签中用于设置打包好后的名字（包名很重要，它对应着请求中的URL的Context Path）

*  执行打包操作（打开Maven窗口，展开Liftcycle，双击package进行打包）

![bafcdce357ef478dacdeac319b95d924.png][]

*  打包成功之后，可以发现多了一个target目录，该目录下有一个testSevlet.war的压缩包

#### ![d1c716189c404cbf92ed403c50f9c0a0.png][] 部署程序 ####

接下来我们就可以进行程序部署

*  首先将大号的war包拷贝到Tomcat的webapps目录下

![278c30f7e3c04ea7a08b3a76776971c7.png][]

*  启动Tomcat（bin目录下的startup.bat）

![ca4e1989082b42c296fb694bfd2d7377.png][]

#### 验证程序 ####

此时通过浏览器访问 http://127.0.0.1:8080/testServlet/test 就可以看到程序实现的结果了

![9f85a00217634e999bbd5e2594d48587.png][]

注意：URL的路径分为两部分 Context Path 和 Servlet Path

*  **Context Path**：这个路径表示一个webapp，来与那与打包的包名
 *  **Servlet Path**： 这个路径表示一个webapp中的一个页面，来源于对应的Servlet类@webServlet注解中的内容

### 安装Smart Tomcat进行部署 ###

为了简化上述操作流程，其实是有一些更加简单的方式：

*  对于创建项目、引入依赖、创建目录这三个步骤，其实可以使用项目模板来快速生成的，但是由于项目模板加载速度比较慢，因此这里不是很推荐
 *  对于打包和部署程序这两个步骤，其实可以使用Smart Tomcat插件来快速实现，以下将来介绍使用方式

#### 安装Smart Tomcat ####

*  在插件商店中搜索 Smart Tomcat进行安装

![c5fe3ba4931b4756a6fb503741929ccb.png][]

#### 配置Smart Tomcat ####

*  点击Edit Configurations（新版本），老版本可能是Add Configuration

![770d7f700b1048d59db09f040607d041.png][]

*  点击左上角的+号，并选择Smart Tomcat

![098dd29a7d924f39a07cd5870009ba59.png][]

*  主要修改这三个参数

![991f667a85fb4ab5a818b9b1b1b273a7.png][]

>  *  name：这一栏可以随意填写
>  *  Tomcat Servlet：表示Tomcat所在的目录
>  *  Deployment Directory：表示项目发布的目录
>  *  Context Path：表示项目路径，默认值就是项目名称
>  *  Servlet Port：表示服务端口
>  *  Admin Port：表示管理端口
>  *  VM options：表示JVM参数

*  配置好的Smart Tomcat之后，Edit Configurations就会显示成name的名字，并且右面多一个三角形运行符号

![72855d2834be41b8949c3d2eadbf2e3c.png][]

#### 使用Smart Tomcat ####

*  点击三角号就可以进行正常的运行

![b9dc9faf5956466cb3d45be5d59f4b60.png][]

*  点击蓝色的链接就会跳转到项目路径，再增加Servlet Path就可以显示出该程序的结果

![06a81e29d8ec4da4adc17cc0b7373bb7.png][]

### Servlet运行原理 ###

在servlet代码中，我们并没有写main方法，那么对应的doGet方法是如何被调用的呢？响应又是如何返回给服务器的呢？

#### Servlet的架构 ####

我们自己实现的Servlet实在Tomcat基础上运行的，下图显示了Web应用程序中的位置

![aa04ea4ce1d34380b742bd0b84e9d193.png][]

当浏览器给服务器发送请求的时候，Tomcat作为HTTP服务器，就可以接收到这个请求，Tomcat的工作就是解析HTTP请求，并把请求交给Servlet的代码来进行进一步的处理，Servlet的代码根据请求计算生成响应对象，Tomcat再把这个响应对象构造成HTTP响应，返回给浏览器，并且Servlet的代码也经常会和数据库进行数据的传递。

#### Tomcat的伪代码 ####

下面是通过Tomcat的伪代码的形式来描述Tomcat 初始化和处理请求两部分核心逻辑

Tomcat初始化流程

class Tomcat {
    
        // 用来存储所有的 Servlet 对象
        private List<Servlet> instanceList = new ArrayList<>();
        
        public void start() {
            // 根据约定，读取 WEB-INF/web.xml 配置文件
            // 并解析被 @WebServlet 注解修饰的类
            
            // 假定这个数组里就包含了我们解析到的所有被 @WebServlet 注解修饰的类.
            Class<Servlet>[] allServletClasses = ...;
            
            // 这里要做的的是实例化出所有的 Servlet 对象出来;
            for (Class<Servlet> cls : allServletClasses) {
                // 这里是利用 java 中的反射特性做的
                // 实际上还得涉及一个类的加载问题，因为我们的类字节码文件，是按照约定的
                // 方式全部在 WEB-INF/classes 文件夹下存放的，所以 tomcat 内部是
                // 实现了一个自定义的类加载器(ClassLoader)，用来负责这部分工作。
                
                Servlet ins = cls.newInstance();
                instanceList.add(ins);
            }
            
            // 调用每个 Servlet 对象的 init() 方法，这个方法在对象的生命中只会被调用这一次
            for (Servlet ins : instanceList) {
                ins.init();
            }
            
            // 启动一个 HTTP 服务器，并用线程池的方式分别处理每一个 Request
            ServerSocket serverSocket = new ServerSocket(8080);
            // 实际上 tomcat 不是用的固定线程池，这里只是为了说明情况
            ExecuteService pool = Executors.newFixedThreadPool(100);
            
            while (true) {
                Socket socket = ServerSocket.accept();
                // 每个请求都是用一个线程独立支持，这里体现了 Servlet 是运行在多线程环境下的
                pool.execute(new Runnable() {
                    doHttpRequest(socket);
                });
            }
            // 调用每个 Servlet 对象的 destroy() 方法，这个方法在对象的生命中只会被调用这一次
            for (Servlet ins : instanceList) {
                ins.destroy();
            }
        }
        
        public static void main(String[] args) {
        	new Tomcat().start();
        }
    }

>  *  Tomcat的代码内置了main方法，当我们启动Tomcat的时候，就是从Tomcat的main方法开始执行的
>  *  被@WebServlet注释修饰的类就会在Tomcat启动的时候就会被获取到，并且集中管理
>  *  Tomcat通过反射这样的语法机制来创建被@WebServlet注释修饰的类的实例
>  *  这些实例被创建完之后，就会调用其中的init方法进行初始化
>  *  这些实例被销毁之前，就会调用其中的destory方法进行收尾工作
>  *  Tomcat内部也是通过Socket API进行网络通信
>  *  Tomcat为了能够同时处理多个HTTP请求，采取了多线程的方式实现，因此Servlet是运行在多线程环境下的

*  Tomcat处理请求流程

class Tomcat {
        
        void doHttpRequest(Socket socket) {
            // 参照我们之前学习的 HTTP 服务器类似的原理，进行 HTTP 协议的请求解析和响应构建
            HttpServletRequest req = HttpServletRequest.parse(socket);
            HttpServletRequest resp = HttpServletRequest.build(socket);
            
            // 判断 URL 对应的文件是否可以直接在我们的根路径上找到对应的文件，如果找到，就是静态内容
                
            // 直接使用 IO 进行内容输出
            if (file.exists()) {
                // 返回静态内容
                return;
            }
            
            // 走到这里的逻辑都是动态内容了
            // 找到要处理本次请求的 Servlet 对象
            Servlet ins = findInstance(req.getURL());
            
            // 调用 Servlet 对象的 service 方法
            // 这里就会最终调用到我们自己写的 HttpServlet 的子类里的方法了
            try {
            	ins.service(req, resp);
            } catch (Exception e) {
            	// 返回 500 页面，表示服务器内部错误
            }
        }
    }

>  *  Tomcat从socket中读到的HTTP请求是一个字符串，然后Tomcat会按照HTTP协议的格式解析成一个HttpServletRequest对象
>  *  Tomcat会根据URL中的Path判定这个请求是请求一个静态资源还是动态资源，如果是静态资源，直接找到对应的文件，把文件的容通过Socket返回；如果是动态资源，才会执行Servlet相关逻辑
>  *  Tomcat会根据URL中的Context Path和Servlet Path确定要调用哪个Servlet实例的service方法
>  *  通过service方法，就会进一步调用我们重写的doGet或者doPost方法

*  Servlet的service方法的实现

class Servlet {
        public void service(HttpServletRequest req, HttpServletResponse resp) {
            String method = req.getMethod();
            if (method.equals("GET")) {
            	doGet(req, resp);
            } else if (method.equals("POST")) {
            	doPost(req, resp);
            } else if (method.equals("PUT")) {
            	doPut(req, resp);
            } else if (method.equals("DELETE")) {
            	doDelete(req, resp);
            }
            ......
        }
    }

>  *  Servlet的service方法内部会根据当前的请求方式，决定调用其中的某个do...方法
>  *  在调用do...方法的时候，就会触发多态机制，从而执行到我们自己写好的子类do...方法

### Servlet API 详解 ###

对于Servlet主要介绍三个类，分别是HttpServlet、HttpServletRequest和HttpServletResponse

其中HttpSerletRequest和HttpServletResponse是Servlet规范中规定的两个接口，HttpServlet中并灭有实现这两个接口的成员变量，它们知识HttpServlet的service和do...等方法的参数，这两个接口类的实例化是在Servlet容器中实现的。

#### HttpServlet ####

**核心方法**

<table> 
 <tbody> 
  <tr> 
   <td style="width:409px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;方法名称</td> 
   <td style="width:439px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;调用时机</td> 
  </tr> 
  <tr> 
   <td style="width:409px;"> <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; init</p> </td> 
   <td style="width:439px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在HttpServlet实例化之后被调用一次</td> 
  </tr> 
  <tr> 
   <td style="width:409px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;destory</td> 
   <td style="width:439px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 在HttpServlet实例不再使用的时候调用一次</td> 
  </tr> 
  <tr> 
   <td style="width:409px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; service</td> 
   <td style="width:439px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 收到HTTP请求的时候调用</td> 
  </tr> 
  <tr> 
   <td style="width:409px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; doGet</td> 
   <td style="width:439px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;收到GET请求的时候调用（由service方法调用）</td> 
  </tr> 
  <tr> 
   <td style="width:409px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;doPost</td> 
   <td style="width:439px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;收到POST请求的时候调用（由Service方法调用）</td> 
  </tr> 
  <tr> 
   <td style="width:409px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;doPut/doDelete/doOptions...</td> 
   <td style="width:439px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 收到其他请求的时候调用（由Service方法调用）</td> 
  </tr> 
 </tbody> 
</table>

**Servlet的生命周期**：Servlet的生命周期就是Servlet对象从创建到销毁的过程，下面就来介绍其生命周期的过程

*  Servlet对象由Tomcat来进行实例化的，并且在实例化完毕之后调用init方法（只调用一次）
 *  Tomcat对于收到的请求，都会通过对应的Servlet的service方法来进行处理（可以调用多次）
 *  Tomcat结束之前，会调用Servlet的destory方法来进行回收资源（最多调用一次）

**注意：**init和service能够保证在各自的合适时机被Tomcat调用，但是destory不一定，它是否能够被调用取决于Tomcat是如何结束的

*  如果是直接杀死进程，那么就来不及调用destory
 *  如果是通过Tomcat的管理端口（默认是8005）进行关闭，就能够调用destory

**处理GET请求示例：**

*  直接通过URL发送一个GET方法的请求，来对这个请求进行处理

@WebServlet("/get")
    public class TestServlet extends HttpServlet{
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            resp.setContentType("text/plain");
            resp.setCharacterEncoding("UTF-8");
            resp.getWriter().write("响应了一个Get请求");
        }
    }

![98c564f4eeec4c878252ba49cfeb19e4.png][]

**处理POST请求示例：**

由于通过浏览器URL发送的请求是GET方法的请求，因此我们需要通过其他方式来发送一个POST请求用于处理。发送POST请求的方式有Ajax、form表单或者Socket API 构造，如果单纯用于测试就比较麻烦，所以我们可以用一个软件postman，是一个强大的API调试、Http请求的工具

@WebServlet("/post")
    public class TestServlet extends HttpServlet {
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            resp.getWriter().write("post");
        }
    }

![1a09412cfdd9487cb786d10d039921e5.png][]

#### HttpServletRequest ####

**核心方法**

<table> 
 <tbody> 
  <tr> 
   <td style="width:381px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;方法&nbsp;</td> 
   <td style="width:417px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 作用</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; String getProtocol()</td> 
   <td style="width:417px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 返回协议的名称和版本号</td> 
  </tr> 
  <tr> 
   <td style="width:381px;"> <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; String getMethod()</p> </td> 
   <td style="width:417px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 返回请求的HTTP方法名称</td> 
  </tr> 
  <tr> 
   <td style="width:381px;"> <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;String getRequesURL()</p> </td> 
   <td style="width:417px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 返回请求的URL，不带查询字符串</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; String getRequestURI()</td> 
   <td style="width:417px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;返回URL的一部分，不带协名，端口号，查询字符串</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;String getContextPath()</td> 
   <td style="width:417px;"> <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;返回指示请求URL中的Context Path 部分</p> </td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; String getServletPath()</td> 
   <td style="width:417px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 返回首行中的Servlet Path 部分</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; String getQueryString()</td> 
   <td style="width:417px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;返回首行后面的查询字符串</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Enumeration getParameterNames()</td> 
   <td style="width:417px;">&nbsp; &nbsp; &nbsp;返回一个String 对象的枚举，包括在该请求中的参数名称</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; String getParameter(String name)</td> 
   <td style="width:417px;">&nbsp; &nbsp;以字符串形式返回请求参数的值，如果参数不存在则返回null</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; String[] getParameterValues(String name)</td> 
   <td style="width:417px;">返回一个字符串对象的数组，包括所有给定的请求参数，如果参数不存在返回null</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Enumeration getHeaderNames()</td> 
   <td style="width:417px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;返回一个枚举，包括该请求中所有的头名</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;String getHeader(String name)</td> 
   <td style="width:417px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;以字符串形式返回指定的请求头的值</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;String getCharacterEncoding()</td> 
   <td style="width:417px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;返回请求正文中使用的字符编码的名称</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;String getContentType()</td> 
   <td style="width:417px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;返回请求正文的 MIME 类型，如果不知道类型则返回 null</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;int getContentLength()</td> 
   <td style="width:417px;">以字节位单位返回请求正文的长度，并提供输入流，如果长度未知则返回-1</td> 
  </tr> 
  <tr> 
   <td style="width:381px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;InputStream getInputStream()</td> 
   <td style="width:417px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用于读取请求的正文内容，返回一个 InputStream 对象</td> 
  </tr> 
 </tbody> 
</table>

*  **示例一：**通过上诉方法返回一个页面是该请求的具体HTTP请求格式

@WebServlet("/showRequest")
    public class TestServlet extends HttpServlet{
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            //此处返回一个HTMl，在HTML中显示 HttpRequestServlet 类中的核心方法
            //把这些API 的返回结果 通过 StringBuilder进行拼接
            resp.setContentType("text/html;charset=utf-8");
            StringBuilder html = new StringBuilder();
            html.append(req.getMethod());
            html.append(" ");
            html.append(req.getRequestURL());
            html.append("?");
            html.append(req.getQueryString());
            html.append(" ");
            html.append(req.getProtocol());
            html.append("</br>");
            Enumeration<String> headerNames = req.getHeaderNames();
            while(headerNames.hasMoreElements()){
                String headName = headerNames.nextElement();
                String header = req.getHeader(headName);
                html.append(headName);
                html.append(": ");
                html.append(header);
                html.append("</br>");
            }
            html.append("</br>");
            resp.getWriter().write(html.toString());
        }
    }

![8d00356397ae4b36ac74a886eed6ab71.png][]

*  **实例二：**处理HTTP请求的body中的数据格式

如果body的内容格式是x-www-form-urlencoded（这是form表单提交的数据格式，此时body的格式就类似于 query string （是键值对的结构，键值对之间使用&分割，键与值之间使用=进行分割），使用getParameter（获取键值对）进行处理

>  *  此处是要获取body的数据，由于GET方法一般没有body，这里使用POST方法演示
>  *  约定body的数据格式是：x-www-form-urlencoded
>  *  约定body的数据内容是：username=123&password=111

@WebServlet("/postParameter")
    public class TestServlet extends HttpServlet{
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            resp.setContentType("text/html;charset=utf-8");
            String username = req.getParameter("username");
            String password = req.getParameter("password");
            resp.getWriter().write("username=" + username + "</br>" +"passwd=" + password);
        }
    }

![79470cf072bf40a9af2dbe30e88b7bd9.png][]

如果body的内容格式是json，首先将整个body都读取出来，再借助第三方库方法按照json的格式来进行解析，Java标准库没有内置对于json解析的方法

>  *  此处是要获取body的数据，由于GET方法一般没有body，这里使用POST方法进行演示
>  *  约定body的数据格式为：json
>  *  约定body的数据内容为：
> 
> \{
> 
> username:123,
> 
> password:111
> 
> \}
> 
>  *  此处使用jackson第三方库，使用之前需要去Maven的中央仓库将jackson的依赖引入pom.xml中![91de7674c841442ebe4e0e6bf9b2b409.png][]
> 
> jacjkson中的核心类是ObjectMapper，通过这个类的readValue（Stringcontent，Class<T> valueType）方法，就可以将json字符串转化为一个类的对象（第一个参数是json字符串，第二个参数是类对象），ObjectMapper会遍历定义的类中的每一个成员的名称，去json字符串中的key中查找，如果找到了就将对应的值返回给该成员

/自定义的将json字符串转化的类
    class UserInfo{
        public String username;
        public String password;
    }
    @WebServlet("/jsonParameter")
    public class TestServlet extends HttpServlet{
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            resp.setContentType("text/html;charset=utf-8");
            //将整个body中的数据读取出来
            String body = readBody(req);
            //按照 json、格式进行解析
            ObjectMapper objectMapper = new ObjectMapper();
            UserInfo userInfo = objectMapper.readValue(body,UserInfo.class);
            resp.getWriter().write("username=" + userInfo.username + "</br>" + "passwd=" + userInfo.password);
        }
    
        private String readBody(HttpServletRequest req) throws IOException {
            int contextLength = req.getContentLength();
            //准备一个字节数组，来存放body内容
            byte[] buffer = new byte[contextLength];
            //获取·到InputStream对象
            InputStream inputStream = req.getInputStream();
            inputStream.read(buffer);
            //将存放在body内容的字节数组转换成字符串
            return new String(buffer,"utf-8");
        }
    }

![7d01a1803ba04c5293a6d1454405e10d.png][]

#### HttpServletResponse ####

**核心方法**

<table> 
 <tbody> 
  <tr> 
   <td style="width:301px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;方法</td> 
   <td style="width:497px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作用</td> 
  </tr> 
  <tr> 
   <td style="width:301px;">&nbsp; &nbsp; &nbsp; &nbsp; void setStatus(int sc)</td> 
   <td style="width:497px;"> <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;为该响应设置状态码</p> </td> 
  </tr> 
  <tr> 
   <td style="width:301px;">&nbsp;&nbsp;void setHeader(String name,String value )</td> 
   <td style="width:497px;">设置一个带有给定的名称和值的header，如果name已经存在，则会覆盖该值</td> 
  </tr> 
  <tr> 
   <td style="width:301px;">&nbsp; void addHeader(String name,String value)</td> 
   <td style="width:497px;">添加一个带有给定的名称和值的header，如果name已经存在，不覆盖旧值，而是添加一个新的键值对</td> 
  </tr> 
  <tr> 
   <td style="width:301px;">&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;void setContentType(String type)</td> 
   <td style="width:497px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设置被发送到客户端的响应的内容类型</td> 
  </tr> 
  <tr> 
   <td style="width:301px;">&nbsp; &nbsp;void setCharacterEncoding(String charset)</td> 
   <td style="width:497px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设置被发送到客户端的响应的字符编码，例如utf-8</td> 
  </tr> 
  <tr> 
   <td style="width:301px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;void sendRedirect(String location)</td> 
   <td style="width:497px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设置Location字段，实现重定向</td> 
  </tr> 
  <tr> 
   <td style="width:301px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PrintWriter getWriter()</td> 
   <td style="width:497px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;用于往body中写入文本格式的数据</td> 
  </tr> 
  <tr> 
   <td style="width:301px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;OutputStream getOutputStream（）</td> 
   <td style="width:497px;">&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用于往body中写入二进制格式数据</td> 
  </tr> 
 </tbody> 
</table>

**示例一：**通过代码，构造出不同的响应状态码

@WebServlet("/status")
    public class TestServlet extends HttpServlet{
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            int status = 404;
            resp.setStatus(status);
            resp.getWriter().write("status"+status);
        }
    }

![bc1c02d6d81c4c67a1a4cde2b9a7cfb7.png][]

Fiddler抓包结果：

![18a67854bbcb4fcaaa7fd56e4753e5db.png][]

*  **实例二：**在响应报头设置一个Refresh字段，实现字段刷新程序

@WebServlet("/autoRefresh")
    public class TestServlet extends HttpServlet{
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            //给响应一个Refresh的header,每隔一秒刷新一次
            resp.setHeader("Refresh","1");
            //返回一个当前的时间，用来显示刷新效果
            resp.getWriter().write("timestamp: "+System.currentTimeMillis());
        }
    }

![31b86b8d867e4cd08fcb09d6c4e5b202.gif][]![c3a0bfa2c16a431fbb3a3f6715efe3cc.gif][]

*  **实例三：**实现重定向操作

方法一：在响应报头设置状态码和Location来实现重定向

@WebServlet("/redirect")
    public class TestServlet extends HttpServlet{
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            //将状态码设置为3XX
            resp.setStatus(302);
            //设置一个Location
            resp.setHeader("Location","https://blog.csdn.net/loss_rose777?type=blog");
        }
    }

方法二：直接使用sendRedirect（）方法来实现重定向

@WebServlet("/redirect")
    public class RedirectServlet extends HttpServlet {
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    
            resp.sendRedirect("https://blog.csdn.net/weixin_51367845?spm=1000.2115.3001.5343");
        }
    }

![2240720870c7472daed14c304d04e0a5.gif][]

### 实现服务器版表白墙程序 ###

#### 基本介绍 ####

下面是表白墙的内容展示

![92d879c6d0f14c73978939faf321259c.gif][]

下面是程序代码：

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
            }
            .container{
                width: 400px;
                margin: 0 auto;
            }
            h1{
                text-align: center;
                padding-bottom: 20px;
            }
            p{
                text-align: center;
                color: gray;
                line-height:40px;
            }
            .button{
                text-align: center;
            }
            .edit{
                margin-bottom: 20px;
                width: 200px;
                height: 30px;
            }
            .n1{
                margin-right: 60px;
            }
            .n2{
                margin-right: 41px;
            }
            .n3{
                margin-right: 60px;
            }
            .button{
                height: 40px;
                width: 300px;
                background-color: orange;
                color: white;
                border: none;
            }
            span{
                font-size: 20px;
            }
        </style>
    </head>
    
    <body>
        <div class="container">
            <h1>表白墙</h1>
            <p>输入后点击提交，会将信息显示在表格中</p>
            <div><span class="n1">谁：</span><input type="text" class="edit"></div>
            <div><span class="n2">对谁：</span><input type="text" class="edit"></div>
            <div><span class="n3">说：</span><input type="text" class="edit"></div>
            <div><input type="button" value="提交" class="button" onclick="submit()"></div>
        </div>
    </body>
        <script>
            let edits = document.querySelectorAll('.edit')
            function submit(){
                let n1 = edits[0].value
                let n2 = edits[1].value
                let n3 = edits[2].value
                let div = document.createElement('div')
                div.className = "div1"
                div.innerHTML = n1+"对"+n2+"说"+n3
                let container = document.querySelector('.container')
                container.appendChild(div)
                alert(n1+"对"+n2+"说"+n3)
            }
        </script>
    </html>

#### 准备操作 ####

1、创建一个Servlet项目

2、将之前写好的纯前端的表白前代码拷贝到webapp目录下

3、约定好前后端交互接口，该程序只需要约定两个接口

*  从服务器获取全部留言

>  *  约定请求：方法时GET，请求路径是/message
>  *  约定响应：版本号为HTTP/1.1，状态码是200 OK，采用的是JSON格式
>  *  JSON具体请求格式：
> 
>     [
>         {
>             from:"",
>             to:"",
>             message:""
>         }
>     ]

*  通过客户端给服务器新增一个留言

>  *  约定请求：方法为POST，请求路径为/message
>  *  约定响应：版本号为HTTP/1.1，状态码为 200 OK，提交成功响应页面显示“提交成功”

4、创建一个MessageServlet类。@WebServlet注解为 /message，对应着约定的请求路径，通过上方的约定完成服务器代码

5、更改前端代码

#### 代码实现 ####

**后端代码实现：**

import com.fasterxml.jackson.databind.ObjectMapper;
    
    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.util.ArrayList;
    import java.util.List;
    
    //这个类表示一条消息的详细信息
    class Message{
        public String from;
        public String to;
        public String message;
    }
    @WebServlet("/message")
    public class messageServlet extends HttpServlet {
        //通过这个数组来表示所有消息
        private List<Message> messages = new ArrayList<>();
        //获取服务器所有消息操作
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            resp.setContentType("application/json;charset=utf-8");
            //获取到消息列表
            //此处需要将message数组中的数据转换成json格式返回给浏览器
            ObjectMapper objectMapper = new ObjectMapper();
            //通过ObjectMapper 的 writeValueAsString() 方法就可以将一个对象转换成一个json字符串
            String jsonString = objectMapper.writeValueAsString(messages);
            resp.getWriter().write(jsonString);
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            resp.setContentType("text/html;charset=utf-8");
            ObjectMapper objectMapper = new ObjectMapper();
            Message message = objectMapper.readValue(req.getInputStream(),Message.class);
            messages.add(message);
            resp.getWriter().write("提交成功！");
        }
    }

**前端代码实现：**

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>表白墙</title>
        
        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
        <style>
            * {
                margin: 0px;
                padding: 0px;
            }
    
            .container {
                width: 400px;
                margin: 0 auto;
            }
    
            h1 {
                text-align: center;
                padding-bottom: 20px;
            }
    
            p {
                text-align: center;
                color: gray;
                line-height: 40px;
            }
    
            .button {
                text-align: center;
            }
    
            .edit {
                margin-bottom: 20px;
                width: 200px;
                height: 30px;
            }
    
            .n1 {
                margin-right: 60px;
            }
    
            .n2 {
                margin-right: 41px;
            }
    
            .n3 {
                margin-right: 60px;
            }
    
            .button {
                height: 40px;
                width: 300px;
                background-color: orange;
                color: white;
                border: none;
            }
    
            span {
                font-size: 20px;
            }
        </style>
    </head>
    
    <body>
        <div class="container">
            <h1>表白墙</h1>
            <p>输入后点击提交，会将信息显示在表格中</p>
            <div><span class="n1">谁：</span><input type="text" class="edit"></div>
            <div><span class="n2">对谁：</span><input type="text" class="edit"></div>
            <div><span class="n3">说：</span><input type="text" class="edit"></div>
            <div><input type="button" value="提交" class="button"></div>
        </div>
    </body>
    <script>
        let edits = document.querySelectorAll('.edit')
        let Button = document.querySelector('.button');
        Button.onclick = function () {
            //1、获取到输入框中的三个请求
            let n1 = edits[0].value
            let n2 = edits[1].value
            let n3 = edits[2].value
            if (n1 == '' || n2 == '' || n3 == '') {
                return;
            }
            //2、构造新的div
            let div = document.createElement('div')
            div.className = "div1"
            div.innerHTML = n1 + "对" + n2 + "说" + n3
            let container = document.querySelector('.container')
            container.appendChild(div)
            //3、清空之前输入框的内容
            for (let input of edits) {
                input.value = '';
            }
            //4、通过ajax构造post请求，把这个请求提交给服务器
            //构造一个js对象
            let body = {
                from: n1,
                to: n2,
                message: n3
            };
            $.ajax({
                type: 'post',
                contentType: "application/json;charset=utf-8",
                //设置服务器地址的所在位置 使用相对路径表示
                url: 'message',
                //完成json对象和json格式字符串转换
                data: JSON.stringify(body),
                success: function (body) {
                    //这是响应成功之后，要调用的回调函数
                    console.log("消息发送给服务器成功！")
                }
            });
        }
        //在页面加载的时候，希望能够从服务器获取到所有的消息，并显示到网页中
        $.ajax({
            type: 'get',
            url: 'message',
            success: function (body) {
                //body是收到响应的正文 由于在响应中我们设置的是 application/json 所以此时收到的body会被jquery自动把它
                //从字符串转换为js对象数组，此处就不需要手动进行JSON.parse
                for (let message of body) {
                    //构造新的div
                    let div = document.createElement('div')
                    div.className = "div1"
                    div.innerHTML = message.from + "对" + message.to + "说" + message.message
                    let container = document.querySelector('.container')
                    container.appendChild(div)
                }
            }
        });
    </script>
    
    </html>

![2edc0d23a3af40a9ab3c54dc6db31bca.gif][]

#### 持久化存储 ####

上述代码，我们实现了，前端与后端的交互，以及服务器的部署，但是我么可以保证在页面刷新的时候不会将数据清楚，但是当我们服务器关闭的时候，数据还是会消失，为了解决这个问题，就需要让数据能够**持久化存储**。

**持久化存储：**是把数据保存到可以永久保存的存储设备中（如硬盘），是一种将程序数据在持久状态和瞬时状态间转换的机制

**持久化存储机制包括**：JDBC和文件IO

1、建立数据库

drop database if exits messagewall;
    create database messagewall;
    
    use messagewall;
    
    drop table if exits message;
    create table message (
        `from` varchar(50),
        `to` varchar(50),
        `message` varchar(1024)
    );

2、在pom.xml中引入mysql的jar包

![15f13977c4e64694bb8f5eb9cb84a541.png][]

3、将代码与数据库进行连接（主要是将list数组删除，添加一个save和load方法）

import com.fasterxml.jackson.databind.ObjectMapper;
    import com.mysql.cj.jdbc.MysqlDataSource;
    
    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 javax.sql.DataSource;
    import java.io.IOException;
    import java.sql.Connection;
    import java.sql.PreparedStatement;
    import java.sql.ResultSet;
    import java.sql.SQLException;
    import java.util.ArrayList;
    import java.util.List;
    
    //这个类表示一条消息的详细信息
    class Message{
        public String from;
        public String to;
        public String message;
        @Override
        public String toString() {
            return "Message{" +
                    "from='" + from + '\'' +
                    ", to='" + to + '\'' +
                    ", message='" + message + '\'' +
                    '}';
        }
    }
    @WebServlet("/message")
    public class messageServlet extends HttpServlet {
        //通过这个数组来表示所有消息
        //private List<Message> messages = new ArrayList<>();
        //获取服务器所有消息操作
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            resp.setContentType("application/json;charset=utf-8");
            //获取到消息列表
            //此处需要将message数组中的数据转换成json格式返回给浏览器
            ObjectMapper objectMapper = new ObjectMapper();
            List<Message> messages = null;
            try {
                messages = load();
            } catch (SQLException e) {
                throw new RuntimeException(e);
            }
            //通过ObjectMapper 的 writeValueAsString() 方法就可以将一个对象转换成一个json字符串
            String jsonString = objectMapper.writeValueAsString(messages);
            resp.getWriter().write(jsonString);
        }
        //这个方法用来往数据库中存一条数据
        private List<Message> load() throws SQLException {
            List<Message> messages = new ArrayList<>();
            DataSource dataSource = new MysqlDataSource();
            ((MysqlDataSource)dataSource).setUrl("jdbc:mysql://127.0.0.1:3306/message?characterEncoding=utf-8&useSSL=false");
            ((MysqlDataSource)dataSource).setUser("root");
            ((MysqlDataSource)dataSource).setPassword("");
            Connection connection = dataSource.getConnection();
            String sql = "select* from message";
            PreparedStatement statement = connection.prepareStatement(sql);
            ResultSet resultSet = statement.executeQuery();
            while(resultSet.next()){
                Message message = new Message();
                message.from = resultSet.getString("from");
                message.to = resultSet.getString("to");
                message.message = resultSet.getString("message");
                messages.add(message);
            }
            resultSet.close();
            statement.close();
            connection.close();
            return messages;
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            resp.setContentType("text/html;charset=utf-8");
            ObjectMapper objectMapper = new ObjectMapper();
            Message message = objectMapper.readValue(req.getInputStream(),Message.class);
            try {
                save(message);
            } catch (SQLException e) {
                throw new RuntimeException(e);
            }
            System.out.println("消息提交成功! message=" + message);
            resp.getWriter().write("提交成功！");
        }
    
        private void save(Message message) throws SQLException {
            DataSource dataSource = new MysqlDataSource();
            ((MysqlDataSource)dataSource).setUrl("jdbc:mysql://127.0.0.1:3306/message?characterEncoding=utf-8&useSSL=false");
            ((MysqlDataSource)dataSource).setUser("root");
            ((MysqlDataSource)dataSource).setPassword("");
            Connection connection = dataSource.getConnection();
            String sql = "insert into message value(?,?,?)";
            PreparedStatement statement = connection.prepareStatement(sql);
            statement.setString(1,message.from);
            statement.setString(2, message.to);
            statement.setString(3, message.message);
            statement.executeUpdate();
            statement.close();
            connection.close();
        }
    }

### Cookie和Session ###

#### Cookie ####

Cookie介绍我们已经在上一篇Http中说的很详细了[Cookie介绍][Cookie]

在了解Cookie之后，我们发现Cookie是不能够用于存储和用户直接相关的信息的，一是Cookie的存储空间有限，二是发送请求时占用的带宽很多，三是不安全。即这些数据不适合保存到客户端，保险粗在服务器是最合适的，通过会话（Session）的方式就能够保存这些数据。

#### Session会话机制介绍 ####

**基本介绍：**

> 在计算机中，尤其是网络应用中，Session称为“会话控制”。Session对象存储特定用户会话所需的属性及配置信息，当用户在应用程序的Web页面跳转时，存储在Session对象中变量将不会丢失，而是在整个用户会话中一直存在下去。当用户请求来程序的Web页时，如果该用户还没有会话，则Web服务器将自动会创建一个Session对象，当会话过期或放弃后，服务器会终止该会话。Session对象最常见的一个用法就是存储用户首选项，例如，如果用户知名不喜欢查看图形的时候，就可以将该信息储存在Session对象中，注意会话状态仅在支持Cookie的浏览器中保存。

**会话本质：**

> 会话本质就是一个哈希表，其中存储一些键值对结构，key叫做sessionnId，是一个不随机的，不重复的，唯一的字符串，value就是要保存的身份信息，通过HttpSession对象来保存，key和value都是Servlet自动创建的。
> 
> 每个用户登录都会产生一个会话，服务器会以哈希表的方式将这些会话管理起来
> 
> 一个会话的详细数据通过一个HttpSession对象来存储，并且HttpSession对象中存储的数据也是键值对结构，key和value都是程序员自定义的

接着Cookie不适合用于存储用户相关的直接信息来讲，由于客户端不适合存储这些数据，服务器这边可以通过Session会话方式来进行保存。下面将会以用户的登录流程来介绍Session会话机制

*  当用户登录成功之后，服务器会在Session中生成一个新的记录，并把sessionId返回给客户端（例如Http响应中可以通过Set-Cookie字段返回，其中Cookie的key为"JSESSION"，value为服务器生成的sessionId的具体的值）
 *  然后客户端只需要保存这个sessionId，当后续再给服务器发送请求的时，请求中会带上sessionIdd（例如HTTP请求中会带上Cookie字段用于传递Session）
 *  服务器收到请求之后，就会根据请求中的sessionId在Session中查询对应用户的身份信息，在后续操作

**Session会话机制的好处**

*  是客户端很轻量，不在保存太多的数据
 *  客户端和服务器之间传输的数据量少，节省带宽
 *  数据都在服务器存储，即使客户端出现问题，数据也不会丢失

注意：Servlet的session默认是保存在服务器内存中的，如果重启服务器Session数据会消失

#### Cookie和Session的区别 ####

*  Cookie是客户端存储数据的一种机制，可以存储身份信息，也可以存储其他信息，是键值对结构的
 *  Session是服务器存储数据的一种机制，主要适用于存储身份相关的信息，是键值对结构的
 *  Cookie和Session经常配合使用，但是不是必须的
    
     *  Cookie也完全可以保存一些数据在客户端，这些数据不一定是用户的身份信息，不一定是sessionId
     *  Session中的sessionId也不需要非得通过Cookie和Set-Cookie来传递

#### Servlet中Cookie和Session的核心方法 ####

**HttpServletRequest类中相关的方法**

<table> 
 <tbody> 
  <tr> 
   <td style="width:400px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;方法</strong></td> 
   <td style="width:398px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作用</strong></td> 
  </tr> 
  <tr> 
   <td style="width:400px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HttpSession getSession（参数）</td> 
   <td style="width:398px;">在服务器中获取会话，参数如果是true，当不存在会话时，会创建一个会话（包括生成一个新的sessionId和HttpSession对象），并通过Set-Cookie将sessionId返回给客户端；参数如果是false，当不存在会话时会返回null。如果存在sessionIOd且合法，就根据这个sessionId找到对应的HttpSession对象并返回</td> 
  </tr> 
  <tr> 
   <td style="width:400px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cookie[] getCookies()</td> 
   <td style="width:398px;">返回一个数组，包含客户端发送请求的所有Cookie对象，会自动把Cookie中的格式解析成键值对</td> 
  </tr> 
 </tbody> 
</table>

**HttpServletresponse类中的方法**

<table> 
 <tbody> 
  <tr> 
   <td style="width:402px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<strong> &nbsp; 方法</strong></td> 
   <td style="width:396px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作用</strong></td> 
  </tr> 
  <tr> 
   <td style="width:402px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;void addCookie（Cookie cookie）</td> 
   <td style="width:396px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;把指定的cookie添加到响应中</td> 
  </tr> 
 </tbody> 
</table>

**HttpSession类中相关方法**

*  HttpSession是Java平台对session机制的实现规范，因为它仅仅是个接口，具体实现为每个Web应用服务器的提供商
 *  服务器会为每一个用户创建一个和独立的HttpSession，表示为一个会话，并且为一个会话，并且一个HttpSession对象中包含多个键值对，可以往HttpSession中存储需要的数据

<table> 
 <tbody> 
  <tr> 
   <td style="width:386px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<strong> &nbsp; 方法</strong></td> 
   <td style="width:412px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>&nbsp;&nbsp;&nbsp;作用</strong></td> 
  </tr> 
  <tr> 
   <td style="width:386px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Object getAttribute(String name)</td> 
   <td style="width:412px;">该方法返回在Session会话中会有指定名称的对象，如果没有指定名称的对象，返回null</td> 
  </tr> 
  <tr> 
   <td style="width:386px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;void setAttribute（String name，Object value）</td> 
   <td style="width:412px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;该方法使用指定名称绑定一个对象到该Session会话中</td> 
  </tr> 
  <tr> 
   <td style="width:386px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;boolean isNew（）</td> 
   <td style="width:412px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;判断当前会话是否是先创建的</td> 
  </tr> 
 </tbody> 
</table>

**Cookie类中的相关方法**

*  这个类描述了一个Cookie，通过Cookie类创建的对象，每一个对象就是一个键值对
 *  HTTP的Cookie字段中实际上存储的是多个键值对，每一个键值对在Servlet中都对应一个Cookie对象

<table> 
 <tbody> 
  <tr> 
   <td style="width:382px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<strong> &nbsp; &nbsp; 方法</strong></td> 
   <td style="width:416px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>&nbsp;&nbsp;&nbsp;&nbsp;作用</strong></td> 
  </tr> 
  <tr> 
   <td style="width:382px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;String getName()</td> 
   <td style="width:416px;">该方法返回的Cookie名称（这个值是Set-Cookie字段设置给浏览器的，创建之后不会改变）</td> 
  </tr> 
  <tr> 
   <td style="width:382px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;String getValue()</td> 
   <td style="width:416px;"> <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;该方法获取与Cookie关联的值</p> </td> 
  </tr> 
  <tr> 
   <td style="width:382px;"> <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;void setValue(String newValue)</p> </td> 
   <td style="width:416px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;该方法设置与Cookie关联的值</td> 
  </tr> 
 </tbody> 
</table>

### 实现用户登录功能 ###

接下来将使用上述的Session和Cookie相关的方法来实现一个用户登录功能，并且可以记录访问页面次数

**登录功能实现思路：**

1.  读取用户提交的用户和代码
2.  对用密码进行校验
3.  判断是否登录成功
4.  创建会话，保存自定义信息
5.  重定向到指定页面

**登录功能实现流程：**

*  实现一个登录页面

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <form action="login" method="post">
            <input type="text" name="username"><br>
            <input type="password" name="password"><br>
            <input type="submit" value="登录">
        </form>
    </body>
    </html>

![6b55926725dd40f0a3ba3bb4577fa811.png][]

*  实现一个Servlet来处理上面的登录请求

import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import javax.servlet.http.HttpSession;
    import java.io.IOException;
    
    @WebServlet("/login")
    public class loginServlet extends HttpServlet {
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            resp.setContentType("text/html;charset=utf-8");
            //1、从请求中获取到用户名和密码
            String username = req.getParameter("username");
            String password = req.getParameter("password");
            //2、对账号密码进行校验
            if(username==null||username.isEmpty()||password==null||password.isEmpty()){
                resp.getWriter().write("账号或密码不可以为空！");
                return;
            }
            //3、判断是否登录成功（假设用户名为 admin，密码为 1234。不过账号密码应该用数据库存储，这里只是用来测试）
            if(!username.equals("admin") || !password.equals("1234")){
                resp.getWriter().write("<h3>账号或密码错误！</h3>");
                return;
            }
            //4、登录成功，创建一个会话，用来记录当前用户信息
            HttpSession session = req.getSession(true);
            //通过这个操作，程序员就可以给session增加自定义信息，如访问次数
            session.setAttribute("visitCount",0);
            //5、把登录成功的结果返回给客户端（这里的反馈不是简单的提示登陆成功，而是直接跳转到指定页面）
            resp.sendRedirect("index");
        }
    }

*  通过实现一个Servlet来表示登录成功后重定向页面

**实现效果如下：**

![4a5147186dd7406597b3d2819b69850a.gif][]

### 上传文件操作 ###

上传文件是日常开发中的一类常见的需求，在Servlet中也进行支持

#### Servlet中上传文件的核心操作 ####

**HttpServletrequest类中的核心方法**

<table> 
 <tbody> 
  <tr> 
   <td style="width:395px;">方法</td> 
   <td style="width:403px;">作用</td> 
  </tr> 
  <tr> 
   <td style="width:395px;">Part getPart(String name)</td> 
   <td style="width:403px;">获取请求中给定name的文件</td> 
  </tr> 
  <tr> 
   <td style="width:395px;">Collection&lt;Part&gt; getParts()</td> 
   <td style="width:403px;">获取所有的文件</td> 
  </tr> 
 </tbody> 
</table>

**Part类中的相关方法**

<table> 
 <tbody> 
  <tr> 
   <td style="width:395px;">方法</td> 
   <td style="width:403px;">作用</td> 
  </tr> 
  <tr> 
   <td style="width:395px;">String getSubmittedFileName()</td> 
   <td style="width:403px;">获取提交的文件名</td> 
  </tr> 
  <tr> 
   <td style="width:395px;">String getContentType()</td> 
   <td style="width:403px;">获取提交文件类型</td> 
  </tr> 
  <tr> 
   <td style="width:395px;">long getSize()</td> 
   <td style="width:403px;"> <p>获取文件大小，单位为字节</p> </td> 
  </tr> 
  <tr> 
   <td style="width:395px;">void write(String path)</td> 
   <td style="width:403px;">把提交的文件数据写入磁盘文件</td> 
  </tr> 
 </tbody> 
</table>

#### 上传文件操作实现 ####

1、写一个前端页面，用于上传文件

*  上传一个文件一啊不能使用post请求的表单实现
 *  通过from表单构造上传文件，要加上以恶搞enctype字段，它表示的是body中的数据格式，它的默认值为：x-www-form-urlencoded,这里要修改成：multipart/form-data，他是上传文件或者图片的数据格式
 *  第一个input中的type的值为file，它表示第一个输入框为文件选择框，naem的值与后端中通过getPart获取指定文件的操作有关

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <form action="upload" method="post" enctype="multipart/form-data">
            <input type="file" name="Myfile" id="">
            <input type="submit" value="上传">
        </form>
    </body>
    </html>

2、写一个Servlet用于处理上传的文件

*  上传文件操作还需要给Servlet嘉善一个@MultipartConfig注解，否则服务器代码无法受用getPart()方法
 *  getPart()方法中的参数和form表单input="file"标签的name属性对应
 *  客户端一次可以提交多个文件，getPart()方法根据name属性来获取不同的文件
 *  写入磁盘文件操作的类路径之间可以使用两个反斜杠\\\\，也可以使用一个正斜杠/
 *  写入磁盘文件操作的路径最后为保存后的文件名，包括文件后缀

import javax.servlet.ServletException;
    import javax.servlet.annotation.MultipartConfig;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import javax.servlet.http.Part;
    import java.io.IOException;
    
    @MultipartConfig
    @WebServlet("/upload")
    public class fileServlet extends HttpServlet {
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            resp.setContentType("text/html;charset=utf-8");
            //通过getPart方法获取到前端传来的文件
            Part part = req.getPart("MyFile");
            //获取文件名
            String fileName = part.getSubmittedFileName();
            System.out.println("文件名："+fileName);
            //获取提交的文件类型
            String fileType = part.getContentType();
            System.out.println("文件类型："+fileType);
            //获取文件的大小
            long fileSize = part.getSize();
            System.out.println("文件大小为："+fileSize);
            part.write("D:\\test\\text.mp4");
            resp.getWriter().write("上传成功！");
        }
    }

![cae7428da29a4853b407b84ac2dcfccf.png][]

[8d40ea8691234bf7bdcb32502f06dca3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/fd077a39add342c8a07f053e3b4cac44.png
[4d56d5786ec04f27be7864029aead335.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/974cea4ae334461b94310f9e2e8868ec.png
[Link 1]: https://mvnrepository.com/
[26d7898f047e4fb5a5b2e665b9d4a9be.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/3b87d94e50eb43c8ad75713b7ec20c2d.png
[a0947964e7d24e67b9fa584b1d9f8d80.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/aac72468e2934206954fc13515528159.png
[bfa674ac84a3433ca7b3f7e4fc9036cd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/63f309be6e8a485187508f31cbd18a59.png
[99c398a7cb474b3986d8577d9d1e95e6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/b9239af30a5d462e9b901eb03c821c43.png
[debb3053029a4e548b8302f418cb5688.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/d3e739c8357445efb5eccf0a916f5390.png
[15fc88209ae1443889c9970a9283b6b7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/4989b8e889d24f6c82f8deab8b757816.png
[f9558bba720d434ba93bba882955daa4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/ae1f6222919d43a689efdc2cb959c6f0.png
[8a6e2ccfb601401c9cdc08e31da393e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/bb1569f69c9444389e0ae1f1fe6142c8.png
[c764eff1a6c644de9073e3dc233bd81b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/73f03e6e8a484819a04ce6728f15dee3.png
[34ffbbe0fc0040818734032d1bf241d9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/8a6d3f53d2c540aab00ffa1b48cecc96.png
[d4e0d04d3a2c43c2ab37016d44b84891.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/4ede56b3e0a0426ea112d8d315c13320.png
[bafcdce357ef478dacdeac319b95d924.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/428340ce6bc0476d85abc6035c4005d7.png
[d1c716189c404cbf92ed403c50f9c0a0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/641d2b5c8df043d5bec6a3cd2086018d.png
[278c30f7e3c04ea7a08b3a76776971c7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/ab408602fa4f4ee6b49712042c4acdff.png
[ca4e1989082b42c296fb694bfd2d7377.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/e8e911717f834eb69e711524c8967179.png
[9f85a00217634e999bbd5e2594d48587.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/a0f4249e6f204d97b2a8977a62c32d53.png
[c5fe3ba4931b4756a6fb503741929ccb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/8df6346ea1c549a3a492055d71881abf.png
[770d7f700b1048d59db09f040607d041.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/2fcaa13730a14664b7f9fee51dedf5ed.png
[098dd29a7d924f39a07cd5870009ba59.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/0509cd5709b944d4b4f089390c923681.png
[991f667a85fb4ab5a818b9b1b1b273a7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/227c1a507226413ab132bc114620e5ba.png
[72855d2834be41b8949c3d2eadbf2e3c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/a48011def2e24f81abe7491c61167e4d.png
[b9dc9faf5956466cb3d45be5d59f4b60.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/cad27db4908a405cb0a5747ab0bf57be.png
[06a81e29d8ec4da4adc17cc0b7373bb7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/3a06ba5da8ec4650a613598f2719a9ae.png
[aa04ea4ce1d34380b742bd0b84e9d193.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/7129daa356164253af0620a68b4f8a47.png
[98c564f4eeec4c878252ba49cfeb19e4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/b8a1026ccfd84fc7b14b902739004468.png
[1a09412cfdd9487cb786d10d039921e5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/3dddacfe669144c588f4fcb304991dc4.png
[8d00356397ae4b36ac74a886eed6ab71.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/3826af9535df4eefa4463575bc4d27fc.png
[79470cf072bf40a9af2dbe30e88b7bd9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/bbcece39307a48bb88e0d92457466110.png
[91de7674c841442ebe4e0e6bf9b2b409.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/3ff3b13a7c28448387b2e9567a237137.png
[7d01a1803ba04c5293a6d1454405e10d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/aa3198cac7694d71b80a286fc8ffba1e.png
[bc1c02d6d81c4c67a1a4cde2b9a7cfb7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/bb21ef75798c491296b1a408acf0ab73.png
[18a67854bbcb4fcaaa7fd56e4753e5db.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/e2e152acd9be41109b3fa2ef0678b332.png
[31b86b8d867e4cd08fcb09d6c4e5b202.gif]: https://img-blog.csdnimg.cn/31b86b8d867e4cd08fcb09d6c4e5b202.gif
[c3a0bfa2c16a431fbb3a3f6715efe3cc.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/c046850a3c9d4272bc3c04e79822975c.png
[2240720870c7472daed14c304d04e0a5.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/424a00961af54e91b48fa89226de8f99.png
[92d879c6d0f14c73978939faf321259c.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/3474fd1b1e8d457abaa11284ec617247.png
[2edc0d23a3af40a9ab3c54dc6db31bca.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/693a1728c5ac4269b7f4e4e373c29ed9.png
[15f13977c4e64694bb8f5eb9cb84a541.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/fd54e4225ba34290b52fcdc14cc60afd.png
[Cookie]: https://blog.csdn.net/loss_rose777/article/details/132919997?spm=1001.2014.3001.5501
[6b55926725dd40f0a3ba3bb4577fa811.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/ac47c59164e54320979aadef5ea84d49.png
[4a5147186dd7406597b3d2819b69850a.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/8e51d9ddc6ed4222a3671cc26e106d02.png
[cae7428da29a4853b407b84ac2dcfccf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/01/48df1351af2f4523b99fd04078e6156b.png