Web ---HTTP

最新推荐文章于 2024-08-03 22:58:00 发布
最新推荐文章于 2024-08-03 22:58:00 发布
阅读量81 收藏
点赞数
文章标签： http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74015530/article/details/132794248
版权

Web概述

Web和JavaWeb的概念

Web是全球广域网，也称为万维网(www)，能够通过浏览器访问的网站。

在我们日常的生活中，经常会使用浏览器去访问百度、知乎、推特等这些网站，这些网站统称为Web网站。

我们知道了什么是Web，那么JavaWeb又是什么呢？顾名思义JavaWeb就是用Java技术来解决相关Web互联网领域的技术栈。

JavaWeb技术栈

了解JavaWeb技术栈之前，有一个很重要的概念要介绍。

B/S架构

什么是B/S架构?
B/S 架构：Browser/Server，浏览器/服务器 架构模式，它的特点是，客户端只需要浏览器，应用程序的逻辑和数据都存储在服务器端。浏览器只需要请求服务器，获取Web资源，服务器把Web资源发送给浏览器即可。

  • 打开浏览器访问百度首页，输入要搜索的内容，点击回车或百度一下，就可以获取和搜索相关的内容
  • 思考下搜索的内容并不在我们自己的点上，那么这些内容从何而来？答案很明显是从百度服务器返回给我们的
  • 日常百度的小细节，逢年过节百度的logo会更换不同的图片，服务端发生变化，客户端不需做任务事情就能获取最新内容
  • 所以说B/S架构的好处:易于维护升级：服务器端升级后，客户端无需任何部署就可以使用到新的版本。

了解了什么是B/S架构后，作为后台开发工程师的我们将来主要关注的是服务端的开发和维护工作。在服务端将来会放很多资源,都有哪些资源呢?

静态资源

  • 静态资源主要包含HTML、CSS、JavaScript、图片等，主要负责页面的展示。
  • 我们之前已经学过前端网页制作三剑客(HTML+CSS+JavaScript),使用这些技术我们就可以制作出效果比较丰富的网页，将来展现给用户。但是由于做出来的这些内容都是静态的，这就会导致所有的人看到的内容将是一模一样。
  • 在日常上网的过程中，我们除了看到这些好看的页面以外，还会碰到很多动态内容，比如我们常见的百度登录效果:
    张三登录以后在网页的右上角看到的是 张三，而李四登录以后看到的则是李四。所以不同的用户访问相同的资源看到的内容大多数是不一样的，要想实现这样的效果，光靠静态资源是无法实现的。

动态资源

  • 动态资源主要包含Servlet、JSP等，主要用来负责逻辑处理。
  • 动态资源处理完逻辑后会把得到的结果交给静态资源来进行展示，动态资源和静态资源要结合一起使用。
  • 动态资源虽然可以处理逻辑，但是当用户来登录百度的时候，就需要输入用户名和密码,这个时候我们就又需要解决的一个问题是，用户在注册的时候填入的用户名和密码、以及我们经常会访问到一些数据列表的内容展示(如下图所示)，这些数据都存储在哪里?我们需要的时候又是从哪里来取呢?

数据库

  • 数据库主要负责存储数据。
  • 整个Web的访问过程就如下图所示:

    web访问流程.png

  1. 浏览器发送一个请求到服务端，去请求所需要的相关资源;
  2. 资源分为动态资源和静态资源,动态资源可以是使用Java代码按照Servlet和JSP的规范编写的内容;
  3. 在Java代码可以进行业务处理也可以从数据库中读取数据;
  4. 拿到数据后，把数据交给HTML页面进行展示,再结合CSS和JavaScript使展示效果更好;
  5. 服务端将静态资源响应给浏览器;
  6. 浏览器将这些资源进行解析;
  7. 解析后将效果展示在浏览器，用户就可以看到最终的结果。

HTTP协议

  • HTTP协议:主要定义通信规则
  • 浏览器发送请求给服务器，服务器响应数据给浏览器，这整个过程都需要遵守一定的规则，之前学习过TCP、UDP，这些都属于规则，这里我们需要使用的是HTTP协议，这也是一种规则。

Web服务器

  • Web服务器:负责解析 HTTP 协议，解析请求数据，并发送响应数据
  • 浏览器按照HTTP协议发送请求和数据，后台就需要一个Web服务器软件来根据HTTP协议解析请求和数据，然后把处理结果再按照HTTP协议发送给浏览器
  • Web服务器软件有很多，本文使用的是最为常用的Tomcat服务器

HTTP

简介

HTTP概念

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

  • 数据传输的规则指的是请求数据和响应数据需要按照指定的格式进行传输。
  • 如果想知道具体的格式，可以打开浏览器，点击F12打开开发者工具，点击Network来查看某一次请求的请求数据和响应数据具体的格式内容
    • 请求头
    • 响应头

    PLAINTEXT

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

    HTTP/1.1 200 OK
Bdpagetype: 2
Bdqid: 0xc9b693f200183fa5
Cache-Control: private
Connection: keep-alive
Content-Encoding: gzip
Content-Type: text/html;charset=utf-8
Date: Tue, 16 Aug 2022 10:39:20 GMT
Expires: Tue, 16 Aug 2022 10:39:20 GMT
Isprivate: 1
Server: BWS/1.1
Set-Cookie: BDSVRTM=221; path=/
Set-Cookie: BD_HOME=1; path=/
Set-Cookie: H_PS_PSSID=36560_36981_36955_36917_36776_37126_37135_26350_36863; path=/; domain=.baidu.com
Strict-Transport-Security: max-age=172800
Traceid: 1660646360018991617014534967514977812389
X-Frame-Options: sameorigin
X-Ua-Compatible: IE=Edge,chrome=1
Transfer-Encoding: chunked
    学习HTTP主要就是学习请求和响应数据的具体格式内容。

HTTP协议特点

HTTP协议有它自己的一些特点，分别是:

  • 基于TCP协议: 面向连接，安全

    TCP是一种面向连接的(建立连接之前是需要经过三次握手)、可靠的、基于字节流的传输层通信协议，在数据传输方面更安全。

  • 基于请求-响应模型的:一次请求对应一次响应

    请求和响应是一一对应关系

  • HTTP协议是无状态协议:对于事物处理没有记忆能力。每次请求-响应都是独立的

    无状态指的是客户端发送HTTP请求给服务端之后，服务端根据请求响应数据，响应完后，不会记录任何信息。这种特性有优点也有缺点，

    • 缺点:多次请求间不能共享数据
    • 优点:速度快

    请求之间无法共享数据会引发的问题，如:

    • 京东购物，加入购物车和去购物车结算是两次请求，
    • HTTP协议的无状态特性，加入购物车请求响应结束后，并未记录加入购物车是何商品
    • 发起去购物车结算的请求后，因为无法获取哪些商品加入了购物车，会导致此次请求无法正确展示数据

    但实际使用的时候，我们发现京东是可以正常展示数据的，原因是Java早已考虑到这个问题，并提出了使用会话技术(Cookie、Session)来解决这个问题。具体如何来做，后面会详细讲到。刚才提到HTTP协议是规定了请求和响应数据的格式，那具体的格式是什么呢?

请求格式数据

格式介绍

请求数据总共分为三部分内容，分别是请求行、请求头、请求体

  • 请求行: HTTP请求中的第一行数据，请求行包含三块内容，分别是 GET[请求方式] /[请求URL路径] HTTP/1.1[HTTP协议及版本]

    请求方式有七种,最常用的是GET和POST

  • 请求头: 第二行开始，格式为key: value形式

    请求头中会包含若干个属性，常见的HTTP请求头有:

    PLAINTEXT

    1
2
3
4
5

    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等。

    这些数据有什么用处?
    举例说明:服务端可以根据请求头中的内容来获取客户端的相关信息，有了这些信息服务端就可以处理不同的业务需求，比如:

    • 不同浏览器解析HTML和CSS标签的结果会有不一致，所以就会导致相同的代码在不同的浏览器会出现不同的效果
    • 服务端根据客户端请求头中的数据获取到客户端的浏览器类型，就可以根据不同的浏览器设置不同的代码来达到一致的效果
    • 这就是我们常说的浏览器兼容问题

  • 请求体: POST请求的最后一部分，存储请求参数
    请求体和请求头之间是有一个空行隔开(不过我现在用Chrome浏览器和Edge浏览器查看的时候，请求体和请求头都是分开的，具体看下面的实例演示)。此时浏览器发送的是POST请求，为什么不能使用GET呢?这时就需要回顾GET和POST两个请求之间的区别了:

  • GET请求请求参数在请求行中，没有请求体，POST请求请求参数在请求体中

  • GET请求请求参数大小有限制，POST没有

实例演示

简单写了两个表单，分别来测试GET请求和POST请求的参数携带方式。

  • get请求
  • post请求

HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="#" method="get">
    用户名<input type="text" name="username"><br>
    密码<input type="password" name="password"><br>
    <input type="submit" value="注册">
</form>
</body>
</html>

随便输入用户名和密码，在点击注册之前，用F12打开开发者工具，点击Network来查看请求的请求数据和响应数据具体的格式，得到如下结果

  • get请求
  • post请求

PLAINTEXT

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

GET /tomcat_demo_war/index.html?username=suger1201&password=dsaasd HTTP/1.1
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6
Connection: keep-alive
Cookie: Hm_lvt_f8440b73b5064587c92bcc0ec23ce01c=1653785840,1653981339,1654172967,1654398744; Idea-72a17a30=9bc0eee2-8943-4e0e-b750-ac83c65bb51a; Idea-5587b4ce=bd97b98f-3ea3-4e0c-95e8-12bb1b3b1abb
DNT: 1
Host: localhost:8080
Referer: http://localhost:8080/tomcat_demo_war/index.html
Sec-Fetch-Dest: document
Sec-Fetch-Mode: navigate
Sec-Fetch-Site: same-origin
Sec-Fetch-User: ?1
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.81 Mobile Safari/537.36 Edg/104.0.100.0
sec-ch-ua: "Chromium";v="104", " Not A;Brand";v="99", "Microsoft Edge";v="104"
sec-ch-ua-mobile: ?1
sec-ch-ua-platform: "Android"

GET请求请求参数在请求行（注意看第一行）中，没有请求体，POST请求请求参数在请求体中（注意看最后一行，其实这行是在payload中找到的，Chrome浏览器把请求参数和请求体分开了）

响应格式数据

格式介绍

响应数据总共分为三部分内容，分别是响应行、响应头、响应体

PLAINTEXT

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

HTTP/1.1 200 OK
Server: Apache-Coyote/1.1
Accept-Ranges: bytes
ETag: W/"323-1660647748000"
Last-Modified: Tue, 16 Aug 2022 11:02:28 GMT
Content-Type: text/html
Content-Length: 323S
Date: Tue, 16 Aug 2022 11:18:20 GMT

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="#" method="post">
    用户名<input type="text" name="username"><br>
    密码<input type="password" name="password"><br>
    <input type="submit" value="注册">
</form>
</body>
</html>

  • 响应行：响应数据的第一行,响应行包含三块内容，分别是 HTTP/1.1[HTTP协议及版本] 200[响应状态码] ok[状态码的描述]

  • 响应头：第二行开始，格式为key：value形式

    响应头中会包含若干个属性，常见的HTTP响应头有:

    PLAINTEXT

    1
2
3
4

    Content-Type：表示该响应内容的类型，例如text/html，image/jpeg；
Content-Length：表示该响应内容的长度（字节数）；
Content-Encoding：表示该响应压缩算法，例如gzip；
Cache-Control：指示客户端应如何缓存，例如max-age=300表示可以最多缓存300秒
  • 响应体： 最后一部分。存放响应数据

上面的代码中<html>...</html>这部分内容就是响应体，它和响应头之间有一个空行隔开(在Chrome浏览器中响应头和响应体也是分开的)。

响应状态码

状态码大类

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

状态码大全：状态 | Status - HTTP 中文开发手册 - 开发者手册 - 腾讯云开发者社区-腾讯云

常见的响应状态码

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

Zsh9424
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
spring-web-5.3.6 jar包.rar
07-26
这个jar文件包含Web应用开发时...包括一些动载入Web ApplicationContext 特性的类、Lister类、文件上传的支持类、便捷的工具辅助类、Spring HTTP调用、用于集成其他web框架的基础结构以及技术,例如（@RequestMapping）
azkaban-web-server
03-04
在本文中，我们将深入探讨Azkaban Web Server的功能、架构以及如何在`azkaban-web-server-2.5.0.tar`这个版本中部署和使用。 1. **Azkaban Web Server功能** - **任务提交与管理**：用户可以通过Web界面提交工作流...
web-socket-js
12-19
web-socket-js亲测可用
spring-web-5.1.0.RELEASE
09-27
spring-web-5.1.0.RELEASE，最新spring-web jar包。
spring-web-5.1.5.RELEASE.jar
01-08
spring-web-5.1.5.RELEASE.jar
深入理解 HTTP 状态码
m0_56836821的博客
08-03 278
HTTP 状态码是服务器在收到客户端请求后返回的响应代码，用来表示请求的处理结果。HTTP 状态码是网络通信中不可或缺的一部分，理解这些状态码，你可以更有效地处理网络请求，解决可能遇到的问题，提升整体的网络应用性能和用户体验。重定向类状态码表示请求的资源已被移动，需要客户端采取进一步的操作以完成请求。服务器错误类状态码表示服务器在处理请求时发生错误，导致无法完成请求。客户端错误类状态码表示请求包含错误，导致服务器无法处理。信息响应类状态码表示请求已被接收，服务器正在处理。
HTTP 状态码详细介绍
厚德载物的博客
08-03 686
HTTP 状态码是 Web 服务器响应 HTTP 请求时返回的三位数字代码，主要用于指示请求的处理结果。这些状态码被分为几个类别，分别表示不同的响应类型。
[项目]搭建一个HTTP_SERVER
满天的博客
08-03 166
聚焦于处理HTTP的请求和构建对应响应;我们主要研究基于 HTTP/1.0 短连接 的GET和POST方法;获得请求，分析请求，错误处理等;制定特定的网页src用于返回;引入简单的日志系统搭建CGI机制;父子管道，设计dup2重定向，环境变量传参等引入线程池;采用多线程技术，缓解内存开销.
RestTemplate远程http服务
最新发布
与海
08-03 70
1、什么是RestTemplateRestTemplate是Spring提供的用于访问Rest服务的客户端，它提供了很多可以方便访问远程http服务的方法，这些方法可以帮助开发人员减少编写客户端代码的工作量。2、什么是RESTREST（Representational State Transfer）表述性状态转移。REST是一种跨平台、跨语言的架构风格。是利用HTTP的特性去设计的一种规范。特性：1）面向资源，以资源抽象为核心进行展开的。
[毕业设计]VB.NET网络聊天应用开发及其优化(源代码+论文+开题报告+答辩PPT).zip
08-03
[毕业设计]VB.NET网络聊天应用开发及其优化(源代码+论文+开题报告+答辩PPT)
带直播电商功能，可以DIY前端，可以H5和小程序一般商城常用功能齐全
08-03
第一次接触这个系统，感觉和微擎有点像。也是一个主体，也很多插件的那种。 测试了下。安装成功了，站长亲测没有问题，一切都挺完善的，不过系统比较庞大，可能新手熟悉起来要一定的过程。 站长整理了一份简要的搭建说明，以及调试说明。
RT-Thread温湿度检测示例
08-03
！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
ChatGPT研究框架.pptx
08-03
ChatGPT研究框架.pptx
基于Vue+Express+Webpack的多页面系统+源代码+文档说明
08-03
<项目介绍> - 本系统采用多页面方式（每个页面是个独立SPA） 整合多个子系统系统。 - 不懂运行，下载完可以私聊问，可远程教学 该资源内项目源码是个人的毕设，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------
深度学习数据集：7种番茄叶片病害缺陷图像分类（包括划分好的数据【文件夹保存】、类别字典文件、可视化python脚本）
08-03
【分类个数：7】番茄花叶病毒、tomato_septoria_leaf_spot、tomato_bacterial_spot（详情请查看json字典文件） 如果想可视化数据集，可以运行资源中的show脚本。 【数据集详情】data目录下分为2个目录，训练集和验证集。存放各自的同一类数据图片。训练集图片总数18k左右，验证集图片总数8k左右。 可以用作yolo或者CNN卷积神经网络的深度学习分类数据集 CNN分类网络项目：https://blog.csdn.net/qq_44886601/category_12056269.html
基于nodejs+webpack+vue的个人博客+源代码+文档说明
08-03
<项目介绍> - 基于nodejs+webpack+vue的个人博客 - 不懂运行，下载完可以私聊问，可远程教学 该资源内项目源码是个人的毕设，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------
JavaScript课本小练答案
08-03
JavaScript课本小练答案
picpick-3.4.1.rar
08-03
主要是一款软件，用来换图，并且相对于其他画图软件，该软件有很多厉害的地方
基于matlab的GUI搭建通用视频处理工具内含数据集和结果文件-可以直接使用.zip
08-03
基于matlab的GUI搭建通用视频处理工具内含数据集和结果文件-可以直接使用.zip
Web-Harvest入门教程：数据提取与Web Scraping
"Web-Harvest基础教程" Web-Harvest是一个开源的Java实现的Web数据提取工具，专用于从HTML/XML网页中抽取有价值的信息。它利用诸如XSLT、XQuery和正则表达式等技术处理文本和XML数据。这款工具的核心功能在于解决了...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值