WEB概述

1.WEB概述

web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。

1.1 软件架构

CS结构的软件

CS：Client/Server 客户端和服务器，这种软件往往需要安装。比如QQ、迅雷、播放器。

优点：

​ 可以减轻服务器端压力，将部分代码写到客户端。

​ 界面很美观。

缺点：

​ 一旦服务器更新了，客户端也需要更新。

​ 分布式开发比较弱。

BS结构的软件

BS：Browser/Server 浏览器和服务器，这种软件不需要安装，只需要通过浏览器就可以访问。

优点：

​ 服务器一旦更新，不需要更新客户端，因为客户端就是浏览器

​ 比较强的分布式能力

缺点：

​ 服务器端压力会比较大。

​ 界面效果不如CS结构软件。

1.2 常见web服务器

Tomcat ：Apache组织提供的一个开源的免费的web服务器。满足EE的Serlet和JSP的规范。

WebSphere ：IBM公司开发的一个收费的大型web服务器。满足了EE开发的所有规范。

WebLogic ：BEA公司开发的一个收费的大型web服务器。满足了EE开发的所有规范。

IIS ：应用在.NET平台上。

Apache ：应用在PHP平台上。

1.3 WEB开发中的资源

静态web资源

• HTML
• CSS
• JS

动态web资源

• Servlet、JSP
• PHP
• ASP

2. HTTP 协议详解

2.1 web 交互的基本流程

客户端根据用户输入的地址信息请求服务器， 服务器在接收到用户的请求后进行处理， 然后将处理结果响应给客户端， 客户端将响应结果展示给用户。

专业术语:

​ 请求： 客户端根据用户地址信息将数据发送给服务器的过程

​ 响应： 服务器将请求的处理结果发送给浏览器的过程

问题：

​ 客户端也就是浏览器的版本是有很多的， 服务器的版本也是有很多的， 如何实现不同版本的浏览器和不同版本的服务器之间的数据交互呢？

解决：

​ 规范浏览器和服务器的数据交互的格式。

实现：

​ HTTP 协议

2.2、 HTTP 的概念和介绍

概念：

​ 超文本传输协议（Hyper Text Transfer Protocol）

作用：

​ 规范了浏览器和服务器的数据交互

特点:

• 简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有 GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同。由于 HTTP 协议简单，使得 HTTP 服务器的程序规模小，因而通信速度很快\
• 灵活：HTTP 允许传输任意类型的数据对象。正在传输的类型由Content-Type 加以标记。

• 无连接：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。

• 无状态：HTTP 协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息时它的应答就较快。支持 B/S 及 C/S 模式。

  HTTP1.1 版本后支持可持续连接

2.3 HTTP 的交互流程：

HTTP 的交互流程一般分为四个步骤(一次完整的请求)：

步骤一:

​ 客户端和服务器端建立连接

步骤二：

​ 客户端发送请求数据到服务器端(HTTP 协议)

步骤三：

​ 服务器端接收到请求后， 进行处理， 然后将处理结果响应客户端(HTTP 协议)

步骤四：

​ 关闭客户端和服务器端的连接(HTTP1.1 后不会立即关闭）

2.4 HTTP 协议之请求格式

请求格式的结构：

• 请求头： 请求方式、 请求的地址和 HTTP 协议版本
• 请求行： 消息报头， 一般用来说明客户端要使用的一些附加信息
• 空行： 位于请求行和请求数据之间， 空行是必须的。
• 请求数据： 非必须。

注意： 一张网页的内容是极其丰富的， 浏览器会遵循HTTP 请求的格式将有效数据发送给服务器。

示例(get 请求方式)：

示例(post 请求方式):

2.5 HTTP 协议之请求方式

​ 根据 HTTP 标准， HTTP 请求可以使用多种请求方法。

​ HTTP1.0 定义了三种请求方法： GET, POST 和 HEAD 方法。

​ HTTP1.1 新增了五种请求方法： OPTIONS, PUT, DELETE, TRACE 和CONNECT 方法。