@artman328
2015-12-14T00:35:14.000000Z
字数 4749
阅读 1022
-- 世界技能大赛培训讲稿
wsc web
Web 应用是指那些人们通过浏览器完成诸如信息浏览、数据提交、查询、修改、更新等任务的应用程序体系。它由以下几个部分构成。
客户端程序是那些在计算机或移动设备上与人直接交互的应用程序，如：浏览器、实现网络协议在其它应用程序等。这些应用程序接受用户输入，将用户的请求（Request）发送到服务器端。
最常用的客户端是各种浏览器。现代浏览器都内置了一个计算机语言编程平台——JavaScript，它包括了一个语言解释器（用于解释并执行程序指令）和常用的程序库（一些通用功能函数和对象）。在这个平台上编程，浏览器就可以和用户直接互动（如用户输入的数据验证，拖拽操作，互动特效等），必要时才将请求发往服务器。在这个平台上的编程叫客户端编程。
Web 服务器程序是接受来自客户端请求并给出响应（Response）的应用程序。Web服务器的主要任务是根据请求将服务器上的各种资源发送给客户端。这些资源包括各种文件，如：网页、图片、音乐、视频等。
在服务器上，根据预定规则，服务器会将一些请求的特定资源（一般为程序文件）再发送给特定的程序解释器进行处理，在处理过程中可能会和数据库服务器进行交互以便对数据库中的数据进行增、删、改、查等操作。程序解释器处理完后将结果交给 Web 服务器，Web 服务器再将其发往客户端。
数据库服务器用以存储WEB应用的数据。
WEB 应用的运作过程可以下图来说明。
在web应用程序中，浏览器和服务器之间是通过 HTTP/HTTPS 协议来交互的。
HTTP 协议，称为超文本传输协议，HTTPS 协议，称为安全的 HTTP 协议。超文本传输协议定义了客户端与服务器端通信的规范。HTTP 是一种无状态协议，意思是服务器端在接受请求并给出响应的过程中，并没有记住客户端任何信息的规范和机制，客户端的每一次访问，对服务器端来说，客户端都是陌生的。
请求由请求的资源地址（URL) 和请求数据段（请求头和请求体）构成。
客户端向服务器端发出请求，是基于 URL 进行的，URL(Universal Resource Locator) 叫做统一资源定位器。
URL 的基本形式是：
http://域名（或 IP 地址）:端口/到资源/的具体/路径/资源名
如：
http://www.mysite.com:80/products/images/computer.jpg
浏览器是以 IP 地址的形式发出请求的。人们输入的域名首先被浏览器发送到远程DNS(Domain Name Server)域名服务器，从那里得到对应的 IP 地址，再通过这个地址发出请求。事实上，系统在真正向 DNS 发出查询前，先会向操作系统中的一个特殊配置文件进行查询，如果查询到了对应的 IP ，就不再向 DNS 发出请求了。在 Windows 系统中，这个文件是 C:\Windows\System32\drivers\etc\hosts。在 Linux 和 Unix 系统中，这个文件是 /etc/hosts。
这个文件以如下形式定义了 IP 与 域名的对应关系：
ip 域名
如：
127.0.0.1 www.mysite.com
127.0.0.1 www.example.net
134.179.210.2 www.domywork.org
请求数据段是请求的描述（请求头）和数据（请求体）的集合。
在请求描述中，最关键的是请求的行为。
请求的基本行为有 GET(获取)、POST(粘贴)、PUT（放置）、DELETE（删除）等。最为常用的是前面两者。
响应由服务器给出。响应由响应头和响应数据构成。响应头用于描述响应。在响应头中，有关于响应的状态码。常用状态码是：
如果请求得到正常响应，响应数据就是具体的资源。
XAMPP 是一套预先配置好的 Apache、MySQL、PHP 服务器软件，除服务器软件外，还提供了管理工具和调试工具等。
XAMPP 可以从 http://www.apachefriends.org/ 下载得到。
根据安装程序提示，一步一步安装即可。
以下假定服务器安装在 D:\xampp 下。
Apache 是著名的 WEB 服务器，主程序是 httpd.exe 。对它的配置主要在 D:\xampp\apache\conf\httpd.conf 中。
DocumentRoot 文件系统中的具体位置
如：
DocumentRoot D:/www/public
<Directory 根路径>
配置项1
配置项2
...
</Directoey>
如：
<Directory D:/www/public>
Options
Allowoverride None
</Directory>
如果访问如下地址：
http://www.mysite.com/
这个地址只指定了文档根路径，并没有指定资源，即要这个路径下的哪个文件。此时服务器有两个选择，一是列出所有资源供选择，二是指定一个缺省资源提供给客户端。如果要指定一个缺省资源，其形式是：
DirectoryIndex 资源名称列表
如：
DirectoryIndex index.php index.html default.html default.htm
这样，当没有指定资源时，服务器会在指定的路径下按以上顺序找到某个资源，如果找到就送出，如果最终没能找到，可能会列出当前路径下的所有资源（由配置决定），或者报告错误。
MySQL 是著名的数据库服务器，主程序是 mysqld。
PHP 是应用最为广泛的 WEB 应用编程语言。
前端是指WEB应用的客户端，一般是指浏览器。在浏览器中，人们是通过网页来和系统互动的。
Web 前端开发是指用 HTML 语言设计和构建网页，利用 CSS 样式表控制网页的布局和展示风格，并且利用 JavaScript 语言编写运行于浏览器的程序以控制人与浏览器的交互。
网页文件是一个文本文件，即它是由可见字符构成的。网页文件从服务器传到浏览器后，浏览器根据网页内容渲染出图文并茂的网页界面。
为了正确显示和布局网页中的不同内容，浏览器需要知道网页的内容构成。网页的内容构成是通过“标签”来标明的。这种通过标签来表明内容类型的语言，叫作标记语言，专用于网页内容标记的语言，就叫做“超文本标记语言”。
超文本标记语言一般用以下形式来标记内容:
<标记>标记内容</标记>
如：<p>这是一个段落</p>
不带斜线的是开始标记，带斜线的是对应的结束标记。
有的标记没有标记内容，可把开始和结束标记写成同一个。如：
<input type="text" value="" /> 以及：
<br />
标记可以属性。
如：
<p id="mypara">这是一个段落</p>
其中，id 就是标记 p 的一个属性，用于标明这个标记的识别号。这个识别号在同一个文档中是唯一的。
网页主要由要两大部分构成，一是头部（head），二是体部（body）。以下是一个网页的基本结构。
<!-- 这个标记里的是注释内容，浏览器不会显示出来 --><!doctype html> <!--说明这是一个 html 文档，并且采用了 html 语言的第 5 版本 --><html> <!-- html 文档的开始标记 --><head> <!-- 头部开始 -->...</head> <!-- 头部结束 --><body> <!-- 体部开始 -->...</body> <!-- 体部结束 --></html> <!-- html 文档结束 -->