HTTP协议 Web服务器 前端基础 小白教程

鳄鱼君

发表文章数:642

热门标签

, ,

Vieu四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买
首页 » 经验教程 » HTTP协议 Web服务器 前端基础 小白教程

当你浏览鳄鱼君的网站时,首先会打开浏览器,在搜索框中输入网址:www.e1yu.com,然后回车,浏览器就会看到鳄鱼君的网页了!

在用户输入访问鳄鱼君首页的时候,用户浏览器被称为客户端,而鳄鱼君网站被称为服务器。这个过程的实质:客户端向服务器发起请求,服务器接受请求后,将处理后的信息(响应)传递给客户端。这个过程是通过HTTP协议实现的!

HTTP协议

HTTP(HyperText Transfer Protocol),超文本传输协议,是互联网上应用最广泛的一种网络协议。HTTP是利用TCP在两台计算机(Web服务器和客户端)之间传输信息的协议。客户端使用浏览器发起Get请求给Web服务器,Web服务器发送被请求的信息(响应)给客户端。

Web服务器

在浏览器输入URL:www.e1yu.com后,浏览器会先请求DNS服务器,获得请求站点的IP地址(根据URL地址获取其对应的IP地址,例如123.3.42.1),然后发送一个HTTP Request(请求)给拥有该IP的主机(服务器,例如阿里云的服务器),接着就会接收到服务器返回的HTTP Response(响应),浏览器经过渲染之后,呈现给用户。

Web服务器的工作原理可以分为以下4步:

  1. 建立连接:客户端通过TCP/IP协议建立到服务器的TCP连接
  2. 请求过程:客户端向服务器发送HTTP协议请求包,请求服务器里的资源、文档
  3. 应答过程:服务器向客户端发送HTTP协议应答包,如果请求的资源包含有动态语言的内容,服务器会调用动态语言的解释器引擎负责处理“动态内容”,将处理后的数据返回给客户端。由客户端解释HTML文档,并渲染展示给用户
  4. 关闭连接:客户端与服务器断开

(2)、客户端向服务器端发起请求时,有一些常用的请求方法:

  1. GET:请求指定的页面信息。并返回实体主体
  2. POST:向指定资源提交数据处理请求(提交表单、文件上传),数据被包含在请求体中,POST请求可能会导致新的资源的建立或已有资源的修改
  3. HEAD:类似get请求,只不过返回的响应中没有具体的内容,用于获取报头
  4. PUT:从客户端向服务器传递的数据取代指定的文档内容
  5. DELETE:请求服务器删除指定的页面
  6. OPTIONS:允许客户端查看服务器的性能

(3)、服务器返回给客户端的状态码,可以分为5中类型:

  • 1**:信息,请求收到,继续处理
  • 2**:成功,行为被成功接受、理解和采纳
  • 3**:重定向,为了完成请求,必须进一步执行的动作
  • 4**:客户端错误,请求包含语法错误或者请求无法实现
  • 5**:服务器错误,服务器不能实现一种明显无效的请求

状态码为200,表示请求成功已完成,这也是我们最喜欢看到的状态码;状态码404,表示服务器找不到给定的资源。可以在鳄鱼君的网页中,打开开发者工具(F12),查看网站的请求数量:

HTTP协议 Web服务器 前端基础 小白教程

在谷歌浏览器上,效果都差不多,只不过变成了英文的,这里需要自己理解!

前端基础

对于Web开发,通常分为前端(Front-End)和后端(Back-End)。前端是与用户直接交互部分,包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。后端更多的是鱼数据库进行交互,处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性和性能等等。前端的编程语言主要包括HTML、CSS、JavaScripts;后端的编程语言包括Python、Java、PHP、ASP.NET等等!

HTML简介

HTML是用来描述网页的一种语言。HTML指的是超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言。标记语言是一套标记标签,这种标签被称为HTML标签,它们是由尖括号包裹的关键词,例如<html>和</html>、<h1>和</h1>等等。标签对中的第一个标签是开始标签,第二个标签是结束标签。Web浏览器的作用是读取HTML文档,并以网页的形式显示它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容。详细内容参考:HTML教程

CSS简介

CSS是Cascading Style Sheets(层叠样式表)的缩写。CSS是一种标记语言,用于为HTML文档中定义布局。例如,CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。运用CSS样式可以让页面变得美观,就像化妆前和化妆后的效果一样。具体内容参考:CSS教程

JavaScript简介

通常,我们所说的前端就是指HTML、CSS和JavaScript三项技术:

  1.  HTML:定义网页的内容
  2.  CSS:描述网页的样式
  3.  JavaScript:描述网页的行为

JavaScript是一种可以嵌入在HTML代码中,由客户端浏览器运行的脚本语言。在网页中使用JavaScript代码,不仅可以实现网页特效,还可以响应用户请求,实现动态交互的功能。例如,在用户注册页面中,需要对用户输入信息的合法性进行验证,包括是否填写了“邮箱”和“手机号”,填写的“邮箱”和“手机号”格式是否正确等。

静态服务器

在Web中,纯粹HTML格式的页面通常被称为静态页面。早期的网站通常都是由静态页面组成的。我们可以结合python网络编程和Web编程知识,创建一个静态服务器,通过该服务器,可以访问包含两个静态页面的网站。

未经允许不得转载:作者:鳄鱼君, 转载或复制请以 超链接形式 并注明出处 鳄鱼君
原文地址:《HTTP协议 Web服务器 前端基础 小白教程》 发布于2020-07-08

分享到:
赞(0) 赏杯咖啡

评论 1

9 + 8 =
  1. #1

    发出来了!

    Teacher Du4个月前 (07-08)回复

文章对你有帮助可赏作者一杯咖啡

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.6主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册