HTTP协议核心内容、Servlet开发步骤

素颜马尾好姑娘i 2023-07-24 09:11 2阅读 0赞

### HTTP协议核心内容、Servlet开发步骤 ###

*   *  1. HTTP 协议核心内容
     *   *   *  1.1 HTTP 请求报文(图)
             *  1.2 HTTP 响应报文(图)
             *  1.3 HTTP 请求-响应执行流程
             *  1.4 GET 与 POST 请求的区别
             *  1.5 常用响应状态码
     *  2. Servlet 开发步骤
     *   *   *  2.1 Servlet 核心作用
             *  2.2 Servlet 创建项目目录（参考）
             *  2.3 Servlet 的jar包依赖库配置
             *  2.4 Servlet 基本开发步骤

## 1. HTTP 协议核心内容 ##

协议：两个设备进行数据交换的约定。  
HTTP协议：超文本(字符/音频/视频/图片)传输协议，`基于TCP协议`。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM2MTg0MDc1_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM2MTg0MDc1_size_16_color_FFFFFF_t_70_pic_center 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM2MTg0MDc1_size_16_color_FFFFFF_t_70_pic_center 2]

#### 1.1 HTTP 请求报文(图) ####

HTTP `请求数据` \- 抓包中核心内容：  
![在这里插入图片描述][20200410182808397.png_pic_center]  
HTTP `请求报文`的原始细节：  
![在这里插入图片描述][20200410182841182.jpg_pic_center]

#### 1.2 HTTP 响应报文(图) ####

HTTP `响应数据` \- 抓包中的核心内容：  
![在这里插入图片描述][20200410183014720.png_pic_center]  
HTTP `响应报文`的原始细节：  
![在这里插入图片描述][20200410183027484.jpg_pic_center]

#### 1.3 HTTP 请求-响应执行流程 ####

1.  发起请求（`GET`/`POST`）
2.  域名解析  
    本地域名解析(C:\\Windows\\System32\\drivers\\etc\\hosts)  
    互联网域名解析(DNS)
3.  执行请求
4.  响应请求

#### 1.4 GET 与 POST 请求的区别 ####

● GET 只能传递`1kb以下`的数据；POST 可以传递`大数据`  
● GET 请求参数会直接`拼接到Request URL上`(&)；POST 请求参数是在`请求正文中，更安全`  
● GET 主要用于`获取/查询`数据；POST 主要用于`更新`数据/`上传文件`

#### 1.5 常用响应状态码 ####

`200`：服务器响应成功  
`302`：页面重定向  
`304`：页面无变化，无需重新请求服务器  
`404`：没有对应的服务器资源  
`500`：服务器内部错误  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM2MTg0MDc1_size_16_color_FFFFFF_t_70_pic_center 3]

## 2. Servlet 开发步骤 ##

#### 2.1 Servlet 核心作用 ####

1.  接收客户端浏览器请求，完成操作任务
2.  动态生成网页（页面数据可变）
3.  将包含操作结果的动态网页响应给客户端浏览器

#### 2.2 Servlet 创建项目目录（参考） ####

Web项目参考目录：

|--webapps（存放所有网站）
        |--MyServlet（网站）
            |--WEB_INF（核心内容）
                |--classes/*.class（.class文件）
                |--lib/*.jar（网站需要的jar包）
                |--web.xml（配置文件）
            |--css/*.css（样式文件）
            |--img/*.jpg/png/bmg/gif（图片资源）
            |--js/*.js（脚本文件）
            |--*.html（静态页面）
    |--XXXServlet

#### 2.3 Servlet 的jar包依赖库配置 ####

IDEA 的`External Library`中没有Tomcat包( `jsp-api.jar` & `servlet-api.jar`)时：  
**Alt+1** 切到项目窗口 >> **F4** 打开Module Setting >> 选择**Dependencies** >> **增加Tomcat的库**

#### 2.4 Servlet 基本开发步骤 ####

① 创建参考目录结构  
② 三种方式实现 Servlet 处理 浏览器网页到 Tomcat服务器端 的请求和响应

*  方式一：  
    实现 `javax.servlet.Servlet` 接口，重写 5 个主要方法，处理请求的方法是 service( )
 *  方式二：  
    继承 `javax.servlet.GenericServlet` 抽象类，重写需要的方法，处理请求的方法是 service( )
 *  方式三：【最优】  
    继承 `javax.servlet.http.HttpServlet` 抽象类，默认重写了 service( ) 方法，且针对http协议优化，需自行重写 doGet( ) 和 doPost( ) 方法处理请求

③ 在文件 **WEB\_INF/web.xml** 中新增如下内容：

<servlet>
            
            <servlet-name>demo01</servlet-name>
            
            <servlet-class>com.demo.t1.servlet.Demo01</servlet-class>
        </servlet>
        
        <servlet-mapping>
            
            <servlet-name>demo01</servlet-name>
            
            <url-pattern>/demo</url-pattern>
        </servlet-mapping>

web项目中此时会有 /demo 的访问资源，访问方式：  
**http://localhost:8080/`projname`/`demo`**

*  projname：此时为IDEA中当前项目名称
 *  demo：为<url-pattern>标签中的内容

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM2MTg0MDc1_size_16_color_FFFFFF_t_70_pic_center]: /images/20230528/c58567326dd74a13b22b44402d6f778b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM2MTg0MDc1_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20230528/b88fbde1a4864c679e544342ccfd6361.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM2MTg0MDc1_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20230528/2cca3fef808e4c97a21d6f79ea4ada8e.png
[20200410182808397.png_pic_center]: /images/20230528/b67ddf7a63374f34b6788ade2531a9fd.png
[20200410182841182.jpg_pic_center]: /images/20230528/955dd1aa39b249bda3f27484465786e2.png
[20200410183014720.png_pic_center]: /images/20230528/fe0eab58179a4882a7b06a00264b64f0.png
[20200410183027484.jpg_pic_center]: /images/20230528/271f4c33984440638be8fabb5e6f33ec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM2MTg0MDc1_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20230528/b5c3cbaa67fb4120a8efa6c126f1a1cc.png