Javaweb学习进阶笔记（其中的内容会随着博主笔记一直更新）

女爷i 2023-10-07 18:39 22阅读 0赞

**学习步骤**

第一部分：
    HTTP、Tomcat、Servlet<br>
    第二部分：
    Request(请求)、Response(响应)<br>
    第三部分：
    JSP、会话技术(Cookie、Session)<br>
    第四部分：
    Filter(过滤器)、Listener(监听器)<br>
    第五部分：
    Ajax、Vue、ElementUl

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

*  JavaWeb通识
 *  一、HTTP
 *   *  ● 概念
     *  ● HTTP协议特点
     *  HTTP-请求数据格式
     *  HTTP-响应数据格式
     *  状态码
     *  常见的响应状态码
 *  二、Web服务器-----Tomcat
 *   *  
     *  
     *  
     *  
     *  
     *  
     *

## JavaWeb通识 ##

B/S架构：Browser/Server,浏览器/服务器架构模式。
    它的特点是，客户端只需要浏览器，应用程序的逻辑和数据都存储在服务器端。
    浏览器只需要请求服务器，获取Wb资源，服务器把Web资源发送给浏览器即可。
    
    好处：易于维护升级，服务器端升级后，
    客户端无需任何部署就可以使用到新的版本
    
    学习网页一定要记住：
    结构：html
    表现：css
    行为：js
    
    静态资源：HTML、CSS、JavaScript、图片等。负责页面展现。
    
    动态资源：Servlet、JSP等。负责逻辑处理
    
    数据库：负责存储数据
    HTTP协议：定义通信规则
    
    Wb服务器：负责解析HTTP协议，解析请求数据，并发送响应数据

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

`提示：以下是本篇文章正文内容，下面案例可供参考。请大家在转载时标注此文章地址`

## 一、HTTP ##

### ● 概念 ###

HyperText Transfer Protocol,超文本传输协议，规定了浏览器和服务器之间数据传输的规则

### ● HTTP协议特点 ###

1.基于TCP协议：面向连接，安全---三次握手
       2.基于请求-响应模型的：一次请求对应一次响应
       3.HTTP协议是无状态的协议：对于事务处理没有
       记忆能力。每次请求-响应都是独立的。
       缺点：多次请求间不能共享数据。 
       Java中使用会话技术(Cookie、Session)来解决这个问题
       优点：速度快

### HTTP-请求数据格式 ###

> ● 请求数据分为3部分：  
> 1.请求行：请求数据的第一行。其中GET表示请求方式，/  
> 表示请求资源路径，HTTP/1.1表示协议版本  
> 2.请求头：第二行开始，格式为key:value形式。  
> 3.请求体：POST请求的最后一部分，存放请求参数  
>   
> ● 常见的HTTP请求头：  
> Host:表示请求的主机名  
> User-Agent::浏览器版本，例如Chrome浏览器的标识类似Mozilla/5.0  
> Chrome/79,IE浏览器的标识类似Mozilla/5.0(Windows NT.)like Gecko;  
> Accept:表示浏览器能接收的资源类型，如text/\*,image/*或者*/\*表示所有；  
> Accept-Language:表示浏览器偏好的语言，服务器可以据此返回不同语言的网页；  
> Accept-Encoding:表示浏览器可以支持的压缩类型，例如gzip,deflate等。  
>   
>   
> ● GET请求和POST请求区别：  
> 1.GET请求请求参数在请求行中，没有请求体。  
> POST请求请求参数在请求体中  
> 2.GET请求请求参数大小有限制，POST没有

例如GET请求如下：  
GET /HTTP/1.1  
Host:www.bianchengdeyiquan.com  
Connection:keep-alive  
Cache-Control:max-age=0 Upgrade-Insecure-Requests:1  
User-Agent:Mozilla/5.0 Chrome/91.0.4472.106  
···  
例如POST请求如下：  
POST HTTP/1.1  
Host:www.bianchengdeyiquan.com  
Connection:keep-alive  
Cache-Control:max-age=0 Upgrade-Insecure-Requests:1  
User-Agent:Mozilla/5.0 Chrome/91.0.4472.106  
username=yiquan&password=renzhendeyiquan

### HTTP-响应数据格式 ###

●响应数据分为3部分：
        1.响应行：响应数据的第一行。其中HTTP/1.1表示协议版
        本，200表示响应状态码，OK表示状态码描述
        2.
        响应头：第二行开始，格式为key:value形式
        3.响应体：最后一部分。存放响应数据
        例如：
            HTTP/1.1 200 OK
            Server:Tengine
            Content-Type:text/html
            Transfer-Encoding:chunked
            <html>
            <head>
            <title></title>
            </head>
            <body></body>
            </html>
            
        ●常见的HTTP响应头
        Content-Type:表示该响应内容的类型，例如text/html,
        image/jpeg;
        Content--Length:表示该响应内容的长度（字节数）；
        Content-Encoding:表示该响应压缩算法，例如gzip;
        Cache-Control:指示客户端应如何缓存，例如max-age=300
        表示可以最多缓存300秒

### 状态码 ###

状态码分类
        说明

<table> 
 <thead> 
  <tr> 
   <th align="left">状态码</th> 
   <th align="left">说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">1xx</td> 
   <td align="left"><strong>响应中</strong>一一临时状态码，表示请求已经接受，告诉客户端应该继续请求或者如果它已经完成则忽略它</td> 
  </tr> 
  <tr> 
   <td align="left">2XX</td> 
   <td align="left"><strong>成功</strong>一一表示请求已经被成功接收，处理已完成</td> 
  </tr> 
  <tr> 
   <td align="left">3xx</td> 
   <td align="left"><strong>重定向</strong>一一重定向到其它地方：它让客户端再发起一个请求以完成整个处理。</td> 
  </tr> 
  <tr> 
   <td align="left">4xx</td> 
   <td align="left"><strong>客户端错误</strong>一一处理发生错误，责任在客户端，如：客户端的请求一个不存在的资源，客户端未被授权，禁止访问等</td> 
  </tr> 
  <tr> 
   <td align="left">5xx</td> 
   <td align="left"><strong>服务器端错误</strong>一一处理发生错误，责任在服务端，如：服务端抛出异常，路由出错，HTTP版本不支持等</td> 
  </tr> 
 </tbody> 
</table>

### 常见的响应状态码 ###

<table> 
 <thead> 
  <tr> 
   <th align="left">状态码</th> 
   <th align="left">英文描述</th> 
   <th align="left">解释</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">200</td> 
   <td align="left">OK</td> 
   <td align="left">客户端请求成功，即处理成功，这是我们最想看到的状态码</td> 
  </tr> 
  <tr> 
   <td align="left">302</td> 
   <td align="left">Found</td> 
   <td align="left">（重定向）指示所请求的资源已移动到由Locati on响应头给定的URL,浏览器会自动重新访问到这个页面</td> 
  </tr> 
  <tr> 
   <td align="left">304</td> 
   <td align="left">Not Modified</td> 
   <td align="left">告诉客户端，你请求的资源至上次取得后，服务端并未更改,你直接用你本地缓存。隐式重定向</td> 
  </tr> 
  <tr> 
   <td align="left">400</td> 
   <td align="left">Bad Request</td> 
   <td align="left">客户端请求有语法错误，不能被服务器所理解</td> 
  </tr> 
  <tr> 
   <td align="left">403</td> 
   <td align="left">Forbidden</td> 
   <td align="left">服务器收到请求，但是拒绝提供服务,比如:没有权限访问相关资源</td> 
  </tr> 
  <tr> 
   <td align="left">404</td> 
   <td align="left">Not Found</td> 
   <td align="left">请求资源不存在，一 般是URL输入有误，或者网站资源被删除了</td> 
  </tr> 
  <tr> 
   <td align="left">428</td> 
   <td align="left">Precondition Required</td> 
   <td align="left">服务器要求有条件的请求，告诉客户端要想访问该资源，必须携带特定的请求头</td> 
  </tr> 
  <tr> 
   <td align="left">429</td> 
   <td align="left">Too Many Requests</td> 
   <td align="left">太多请求，可以限制客户端请求某个资源的数量，配合Retry-After(多长时间后可以请求)响应头一起使用</td> 
  </tr> 
  <tr> 
   <td align="left">431</td> 
   <td align="left">Request Header Fields Too Large</td> 
   <td align="left">请求头太大，服务器不愿意处理请求，因为它的头部字段太大。请求可以在减少请求头域的大小后重新提交。</td> 
  </tr> 
  <tr> 
   <td align="left">405</td> 
   <td align="left">Method Not Allowed</td> 
   <td align="left">请求方式有误，比如应该用GET请求方式的资源，用了POST</td> 
  </tr> 
  <tr> 
   <td align="left">500</td> 
   <td align="left">Internal Server Error</td> 
   <td align="left">服务器发生不可预期的错误。服务器出异常了，赶紧看志去吧</td> 
  </tr> 
  <tr> 
   <td align="left">503</td> 
   <td align="left">Service Unavailable</td> 
   <td align="left">服务器尚未准备好处理请求，服务器刚刚启动，还未初始化好</td> 
  </tr> 
  <tr> 
   <td align="left">511</td> 
   <td align="left">Network Authenticati on Required</td> 
   <td align="left">客户端需要进行身份验证才能获得网络访问权限</td> 
  </tr> 
 </tbody> 
</table>

## 二、Web服务器-----Tomcat ##

Web服务器是一个应该程序（软件），对HTTP协议的操作进行封装，
    使得程序员不直接对协议进行操作，让Web开发更加便捷。
    主要功能是“提供网上信息浏览服务”

> `提醒：关于Tomcat的内容已经在我的另一片文章上讲过了`  
>   
> [Tomcat基本使用：安装、卸载、启动、解决Tomcat日志信息乱码的问题、关闭、配置、部署项目(很详细的idea版本教程)][Tomcat_Tomcat_idea]

###  ###

[Tomcat_Tomcat_idea]: https://blog.csdn.net/weixin_48053866/article/details/124208975