C/S 和 B/S

1. 客户端与服务器

1.1 客户端

在前端开发中，客户端特指 “ Web 浏览器 ”。

实际开发中，只要可以访问服务器的一端都属于客户端（手机、平板、电脑中的各种软件都可以是客户端）。

1.2 服务器

概念：服务器是提供服务的设备。 ​

作用：在上网过程中，服务器专门负责存放资源和对外提供服务。

1.3 客户端与服务器通信的过程

客户端与服务器之间的通信过程，分为请求 - 响应两个步骤。其中：

• 请求的概念：客户端通过网络去找服务器要资源的过程，叫做 “请求”；

• 响应的概念：服务器把资源通过网络发送给客户端的过程，叫做 “响应”；

1.4 URL 地址

一个完整的url地址分为: 协议、域名(IP地址)、端口、资源存放路径。

协议：协议是用来规范网络通讯中数据的格式。常见: http 和 https；

域名：电脑主机网络中存放的位置，主机地址的唯一标识。域名就是 给 IP 地址起个名字，方便记忆；

端口：电脑与外界通讯交流的出口，为数字类型，取值范围 0~65535 之间。其中80为http专用；

资源存放路径：资源存放路径就是资源在服务器中的具体存放地址；

1.5 资源

服务器对外提供的所有内容都属于资源。

网页中的数据，也是服务器对外提供的一种资源。数据是网页的灵魂！

获取数据需要用到的技术：Ajax；

1.6 请求报文和响应报文

客户端与服务器通信的过程是基于请求与响应的。其中：

• 请求报文规定了客户端以什么格式把数据发送给服务器；

• 响应报文规定了服务器以什么格式把数据响应给客户端；

• 

1.7 请求方式

其中，重点掌握前两种，GET用于获取数据，POST用于推送数据。

2. C/S 和 B/S

客户端Client -- 服务器Server（C/S）

浏览器Brower -- 服务器Server（B/S）

2.1 C/S

C/S：通过客户端和服务器通信的软件。（桌面的应用程序）

例如：QQ、LOL、吃鸡。

2.2 B/S

B/S：通过浏览器和服务器通信端软件。（一个网站）

例如：淘宝、京东。

2.3 客户端/服务器通讯模式

• 客户端

1、客户端与服务器建立TCP连接（三次握手）；

2、客户端程序发送HTTP请求到服务器；

3、服务端接受到HTTP请求后，向客户端发送响应数据；

4、客户端得到响应数据后，HTTP请求结束；

• 服务器

1、接受来自浏览器的TCP连接请求；

2、接受并解析HTTP协议；

3、创建并发送HTTP响应；

• 浏览器

1、请求与Web服务器建立TCP连接；

2、创建并发送HTTP请求；

3、接受并解析HTTP协议；

4、在浏览器窗口中展示响应的HTML文档解析结果；

3. Web 开发

Web 开发就是设计实现 Web 系统的过程。

主要包括浏览器端页面的制作和服务器端程序的编写。

    浏览器端称作Web前端；

    服务器器端称作Web后端。  

4. 浏览器

浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。

常见的浏览器有：Firefox、Internet Explorer、Safari、Opera、Google Chrome、QQ浏览器、百度浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游浏览器、世界之窗浏览器等；

5. 客户端与服务器总结

• 客户端（Client）是发送请求（request），服务器端（Service）是响应请求（response），返回相应的资源数据；
• 一般web的客户端就是浏览器（PC或移动设备），进行网页资源的请求，服务器响应之后返回数据，再由浏览器进行渲染；
• 服务器就是存放数据，文件等资源的，客户端与其进行数据的交互和数据的存储，更新。
• 历史数据都可以保存在服务器上，由云端进行保存，所以可以查询自己的历史记录，数据恢复，备份等。
• 一般开源免费的小型服务器是Tomcat，在制作网站demo时可以用其作为服务器进行本地访问。
• 但是要想让别人通过点击网址链接也能访问到你的网站，可以把制作网站的文件资源部署到阿里云服务器，腾讯云服务器，或者购买属于自己的域。