人機(jī)交互與界面設(shè)計(jì)-第2章

第2章Web應(yīng)用基礎(chǔ)

2023/2/41內(nèi)容2.1什么是Web2.2Web的工作原理2.3Internet網(wǎng)絡(luò)協(xié)議2.4IP地址、域名和URL2.5動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡(jiǎn)介2023/2/422.1什么是Web

Web全稱為WorldWideWeb，縮寫為WWW。也稱環(huán)球網(wǎng)、萬維網(wǎng)、全球信息網(wǎng)等。

Web是一種體系結(jié)構(gòu)，通過它可以訪問分布于Internet主機(jī)上的鏈接文檔。它有如下幾層含義：

Web是Internet提供的一種服務(wù)。Web不是Internet，Web是基于Internet、采用Internet協(xié)議的一種體系結(jié)構(gòu)。Web是存儲(chǔ)在全世界Internet計(jì)算機(jī)中、數(shù)量巨大的文檔的集合。Web上的海量信息是由彼此關(guān)聯(lián)的頁面（Page）組成的。2023/2/432.1什么是WebWeb的內(nèi)容保存在Web站點(diǎn)（Web服務(wù)器）中，用戶可通過瀏覽器訪問Web站點(diǎn)。Web以一些簡(jiǎn)單的操作方式（如單擊鼠標(biāo)）連接全球范圍的超媒體信息。2023/2/442.1什么是Web幾個(gè)概念：超鏈接（hyperlink）：是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。超文本（hypertext）：用超鏈接的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本。超媒體（hypermedia）：超媒體是超文本和多媒體在信息瀏覽環(huán)境下的結(jié)合。用戶可以通過鏈接激活一段聲音，顯示一個(gè)圖形，甚至播放一段動(dòng)畫。2023/2/452.1什么是WebWeb的特點(diǎn):（1）Web是一種超文本信息系統(tǒng)。（2）Web是圖形化的和易于導(dǎo)航的。（3）Web與平臺(tái)無關(guān)。（4）Web是分布式的。（5）Web具有新聞性。（6）Web是動(dòng)態(tài)的、交互的。2023/2/462.2Web的工作原理

瀏覽器/服務(wù)器（Browser/Server，B/S）結(jié)構(gòu)客戶端瀏覽器瀏覽器是一種特定格式的文檔閱讀器，能根據(jù)網(wǎng)頁內(nèi)容對(duì)網(wǎng)頁中的標(biāo)記進(jìn)行解釋顯示，并執(zhí)行網(wǎng)頁中包含的客戶端腳本程序。Web服務(wù)器指安裝了Web服務(wù)程序的計(jì)算機(jī)；指Web服務(wù)器程序，可以管理各種Web文件，并為提出HTTP請(qǐng)求的瀏覽器提供響應(yīng)。數(shù)據(jù)庫服務(wù)器

2023/2/47Web的基本工作原理圖2.2Web的工作原理客戶機(jī)/服務(wù)器（Client/Server，C/S）結(jié)構(gòu)客戶機(jī)服務(wù)器

Web服務(wù)器的配置配置服務(wù)器操作系統(tǒng)

UNIX、WindowsServer、Linux等網(wǎng)絡(luò)操作系統(tǒng)安裝專門的信息服務(wù)器程序IIS（InternetInformationServer）、Apache等2023/2/48

Web服務(wù)器提供服務(wù)的過程：用戶在瀏覽器中輸入一個(gè)網(wǎng)址，瀏覽器便向該網(wǎng)址所指向的Web服務(wù)器發(fā)出請(qǐng)求。Web服務(wù)器接到瀏覽器的請(qǐng)求后，把網(wǎng)址轉(zhuǎn)換成頁面所在服務(wù)器的文件路徑名。如果網(wǎng)址指向的是普通的HTML文檔，Web服務(wù)器將直接把它傳送給瀏覽器。HTML文檔中可能包含用Java、JavaScript、ActiveX、VBScript等編寫的程序，服務(wù)器也將它們隨HTML文檔一起傳送到瀏覽器，在瀏覽器所在的機(jī)器上執(zhí)行。如果HTML文檔中嵌有ASP程序，那么Web服務(wù)器就運(yùn)行ASP程序，并將結(jié)果返回給瀏覽器。2023/2/492.2Web的工作原理客戶端編程客戶端編程就是客戶端瀏覽器下載服務(wù)器上的程序來執(zhí)行有關(guān)動(dòng)態(tài)服務(wù)工作。程序員把客戶端代碼編寫到HTML文件中。當(dāng)用戶提出對(duì)某個(gè)網(wǎng)頁的請(qǐng)求時(shí)，這些客戶端代碼和HTML文件代碼一起返回提出請(qǐng)求的瀏覽器。程序在客戶端瀏覽器上執(zhí)行。常見的客戶端編程技術(shù)VBScriptJavaScriptJavaapplet等。2023/2/4102.2Web的工作原理服務(wù)器端編程程序員將編寫的代碼保存在服務(wù)器上。當(dāng)用戶提出對(duì)某個(gè)網(wǎng)頁的請(qǐng)求時(shí)，這個(gè)請(qǐng)求所要訪問的頁面代碼都在服務(wù)器端執(zhí)行，并把執(zhí)行結(jié)果以HTML文件代碼的形式傳回瀏覽器，這樣瀏覽器接收的只是程序執(zhí)行的結(jié)果。常見的服務(wù)器端編程技術(shù)PHPJSPASPASP.NET2023/2/4112.2Web的工作原理2.3Internet網(wǎng)絡(luò)協(xié)議

TCP/IP協(xié)議TCP/IP協(xié)議是一個(gè)協(xié)議集，其中最重要的是TCP（TransmissionControlProtocol）協(xié)議和IP（InternetProtocol）協(xié)議。

TCP/IP參考模型與OSI參考模型的對(duì)照

2023/2/412

2.3Internet網(wǎng)絡(luò)協(xié)議TCP/IP協(xié)議采用的通信方式是分包交換方式。所謂分包交換即是數(shù)據(jù)在傳輸時(shí)要分成若干段，每個(gè)數(shù)據(jù)段稱為一個(gè)分包（packet）。TCP/IP的基本傳輸單位是數(shù)據(jù)報(bào)（datagram）?？梢园褦?shù)據(jù)看成是一封長(zhǎng)信，分裝在幾個(gè)信封中郵寄出去。TCP/IP協(xié)議實(shí)際上主要包括兩個(gè)最主要的協(xié)議，即TCP協(xié)議和IP協(xié)議。13

2.3Internet網(wǎng)絡(luò)協(xié)議TCP/IP協(xié)議的數(shù)據(jù)傳輸過程：首先由TCP協(xié)議把數(shù)據(jù)分成若干數(shù)據(jù)報(bào)，給每個(gè)數(shù)據(jù)報(bào)加上一個(gè)TCP信封（即報(bào)頭），上面寫著數(shù)據(jù)報(bào)的編號(hào)，以便在接收端把數(shù)據(jù)還原成原來的格式。IP協(xié)議把每個(gè)TCP信封再套上一個(gè)IP信封，在上面寫上接收主機(jī)的地址。一旦準(zhǔn)備好IP信封就可以在物理網(wǎng)上傳送數(shù)據(jù)了。

14

2.3Internet網(wǎng)絡(luò)協(xié)議這些IP信封可以通過不同的傳輸途徑（路由）進(jìn)行傳輸。由于路徑不同，再加上其他以外的原因，可能出現(xiàn)順序顛倒、數(shù)據(jù)丟失、數(shù)據(jù)失真等現(xiàn)象。這些問題都由TCP協(xié)議來處理，它具有檢查和處理錯(cuò)誤的功能，必要時(shí)還可以請(qǐng)求發(fā)送方重發(fā)。

簡(jiǎn)言之，IP協(xié)議負(fù)責(zé)數(shù)據(jù)的傳輸，而TCP協(xié)議負(fù)責(zé)數(shù)據(jù)傳輸?shù)目煽總鬏敗?/p>

152.3Internet網(wǎng)絡(luò)協(xié)議HTTP協(xié)議

HTTP（HyperTextTransferProtocol）專門為Web設(shè)計(jì)的協(xié)議應(yīng)用層協(xié)議以TCP/IP協(xié)議集中的其他協(xié)議為基礎(chǔ)Web瀏覽器和服務(wù)器用HTTP協(xié)議來傳輸Web文檔HTTP基于客戶端請(qǐng)求、服務(wù)器響應(yīng)的工作模式

Web事務(wù)處理的步驟客戶端與服務(wù)器建立連接；客戶端向服務(wù)器提出請(qǐng)求；如果請(qǐng)求被接受，則服務(wù)器送回響應(yīng)，在響應(yīng)中包括狀態(tài)碼和所需的文件；客戶端和服務(wù)器斷開連接。

2023/2/416作用：使用戶主機(jī)連入Internet上的Telnet服務(wù)器（稱為遠(yuǎn)程主機(jī)）。

連接成功后，用戶主機(jī)就成為該遠(yuǎn)程主機(jī)的一個(gè)終端，可以訪問遠(yuǎn)程主機(jī)上的信息或運(yùn)行遠(yuǎn)程主機(jī)上的程序。用戶使用遠(yuǎn)程主機(jī)的兩種情況：需要賬號(hào)才能登錄不需要賬號(hào)即可登錄（開放式的）遠(yuǎn)程登錄協(xié)議Telnet2.3Internet網(wǎng)絡(luò)協(xié)議2023/2/417文件傳輸協(xié)議FTP

FTP（FileTransferProtocol）是一個(gè)客戶-服務(wù)器協(xié)議，用于在兩臺(tái)計(jì)算機(jī)之間傳輸文件。FTP既是一種文件傳輸協(xié)議，也是一種服務(wù)。提供FTP服務(wù)的設(shè)施叫做FTP服務(wù)器。

匿名FTP服務(wù)器用戶無須擁有口令和用戶名就能與匿名FTP服務(wù)器實(shí)現(xiàn)連接并復(fù)制文件。2.3Internet網(wǎng)絡(luò)協(xié)議2023/2/4182.4IP地址、域名和URL2.4.1

IP地址

IP地址是識(shí)別Internet中主機(jī)及網(wǎng)絡(luò)設(shè)備的唯一標(biāo)識(shí)。

每個(gè)IP地址長(zhǎng)度為4B（字節(jié)），共32位

IP地址由兩部分組成：

網(wǎng)絡(luò)地址

主機(jī)地址點(diǎn)分十進(jìn)制記法：

由4個(gè)用“.”分隔的十進(jìn)制數(shù)組成

每個(gè)數(shù)不大于255

如20219.106.2532023/2/419IP地址可分成5類，其中常用的是如下3類：A類：用于規(guī)模很大、主機(jī)數(shù)目非常多的網(wǎng)絡(luò)。A類地址允許組成126個(gè)網(wǎng)絡(luò)，每個(gè)網(wǎng)絡(luò)可包含1700萬臺(tái)主機(jī)。B類：用于中型和大型網(wǎng)絡(luò)。B類地址允許組成16384個(gè)網(wǎng)絡(luò)，每個(gè)網(wǎng)絡(luò)可包含65000臺(tái)主機(jī)。C類：用于小型本地網(wǎng)絡(luò)（LAN）。2.4.1

IP地址2.4IP地址、域名和URL2023/2/420net-id24位host-id24位net-id16位net-id8位IP地址中的網(wǎng)絡(luò)號(hào)字段和主機(jī)號(hào)字段0A類地址host-id16位B類地址C類地址011host-id8位D類地址1

1

1

0多播地址E類地址保留為今后使用1

1

1

101TCP/IP協(xié)議中提供了域名服務(wù)系統(tǒng)（DNS），允許為主機(jī)分配字符名稱，即域名。域名不僅便于記憶，而且即使在IP地址發(fā)生變化的情況下，通過改變解析對(duì)應(yīng)關(guān)系，域名仍可保持不變。在網(wǎng)絡(luò)通信時(shí)由DNS自動(dòng)實(shí)現(xiàn)域名與IP地址的轉(zhuǎn)換。

域是名字空間中一個(gè)可被管理的劃分，域還可以繼續(xù)劃分為子域，如二級(jí)域

、三級(jí)域等。Internet中的域名采用分級(jí)命名，其基本結(jié)構(gòu)如下：….三級(jí)域名.二級(jí)域名.頂級(jí)域名

2.4.2域名2.4IP地址、域名和URL2023/2/422

2.4IP地址、域名和URL域名的命名機(jī)制一個(gè)域名可由幾個(gè)部分（子域名）組成，按照從自身向上至頂層域的路徑命名，中間用圓點(diǎn)“.”分隔。每個(gè)子域名都有其特定的含義。其中最重要的頂級(jí)域在右邊，最左邊是主機(jī)名，中間為子域名。從右到左，子域名分別表示不同地區(qū)或國(guó)家名稱、組織類型、組織名稱、分組織名稱和計(jì)算機(jī)名稱等。如：

其中：cn：中國(guó)

edu：教育機(jī)構(gòu)

nwpu：一個(gè)學(xué)校的名稱

ncti：該學(xué)校中一個(gè)系或研究所的名稱2.4IP地址、域名和URL域名的定義:域名是層次化的，成樹狀結(jié)構(gòu)（倒掛樹），名稱的最右邊節(jié)點(diǎn)在樹的上層，左邊節(jié)點(diǎn)則在下層。其結(jié)構(gòu)為：根在根下的頂級(jí)（top）域名在某個(gè)頂級(jí)域名下的第二級(jí)域名在某個(gè)第二級(jí)域名下的第三級(jí)域名葉：主機(jī)域名robotyalecsenglindaai根一般域名國(guó)家域名intcomedu

govmilorgnetjp……uscnsunengeduuestcmail常用根區(qū)域名稱及說明根區(qū)域名稱所屬組織或單位EDU教育學(xué)術(shù)及研究機(jī)構(gòu)COM商業(yè)團(tuán)體與組織GOV官方政府單位MIL國(guó)防軍事單位ORG財(cái)團(tuán)法人、基金會(huì)等非官方機(jī)構(gòu)NET網(wǎng)絡(luò)管理服務(wù)機(jī)構(gòu)INT國(guó)際性組織2.4IP地址、域名和URL2.4.3統(tǒng)一資源定位器URL定義：統(tǒng)一資源定位器URL（UniformResourceLocator）就是我們常說的“網(wǎng)址”或URL地址。URL可以看成是一個(gè)指針，用來指定因特網(wǎng)上的一個(gè)具體的網(wǎng)絡(luò)空間，使得用戶可以用一個(gè)統(tǒng)一的方法去尋找和存取Web上的信息資源。包括的信息：①怎樣去檢索文檔；②從哪臺(tái)計(jì)算機(jī)上檢索；③在哪臺(tái)計(jì)算機(jī)上哪個(gè)文件夾（路徑）可找到需要的文檔；統(tǒng)一資源定位器URL的格式如下：<信息服務(wù)類型>://<信息資源地址>/<文件路徑><信息服務(wù)類型>是指Internet的協(xié)議名，包括ftp（文件傳輸協(xié)議）、http（超文本傳輸協(xié)議）等。<信息資源地址>指定一個(gè)網(wǎng)絡(luò)主機(jī)的域名或IP地址。在有些情況下，主機(jī)域名后還要加上端口號(hào)，域名與端口號(hào)之間用冒號(hào)（:）隔開。一般情況下，服務(wù)器程序采用標(biāo)準(zhǔn)的保留端口號(hào)，因此在URL輸入中可省略它們。

2.4.3統(tǒng)一資源定位器URL

2.4IP地址、域名和URL2023/2/427以下是一些URL的例子：http://http://telnet://:70ftp:///pub/www/docgopher://（gopher提供信息查詢服務(wù)）news://comp.sys.novell（news提供網(wǎng)絡(luò)新聞服務(wù)）wais:///directory-of-servers

（提供檢索數(shù)據(jù)庫信息服務(wù)）2.4.3統(tǒng)一資源定位器URL

2.4IP地址、域名和URL2023/2/4282.5動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡(jiǎn)介ASP（ActiveServerPages）是一種功能強(qiáng)大的服務(wù)器端腳本編程環(huán)境。ASP是微軟公司的產(chǎn)品。

ASP可以結(jié)合HTML網(wǎng)頁、ASP指令和ActiveX組件建立動(dòng)態(tài)、交互且高效的Web服務(wù)器應(yīng)用程序。ASP中的命令和Script語句由服務(wù)器解釋執(zhí)行。ASP是基于ActiveX技術(shù)的，它支持面向?qū)ο蠹翱蓴U(kuò)展的ActiveXServer組件。程序員可以用VisualC++、VisualBasic等語言創(chuàng)建特定功能的服務(wù)器端組件，以擴(kuò)展ASP的應(yīng)用功能。2.5.1ASP2023/2/4292.5動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡(jiǎn)介ASP具有如下一些特點(diǎn)：（1）全嵌入HTML，與HTML及Script語言完美結(jié)合。（2）無須手動(dòng)編譯或鏈接程序。（3）面向?qū)ο?，并可擴(kuò)展ActiveXServer組件功能。（4）存取數(shù)據(jù)庫輕松容易（使用ADO組件）。（5）可使用任何語言編寫自己的ActiveXServer組件。（6）無瀏覽器兼容問題。（7）程序代碼隱蔽，在客戶端僅可看到由ASP輸出的動(dòng)態(tài)HTML文件。2.5.1ASP（續(xù)）2023/2/4302.5動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡(jiǎn)介ASP的優(yōu)點(diǎn)：（1）客戶端瀏覽器接收到的是Web服務(wù)器執(zhí)行后生成的一個(gè)純粹的HTML文件，可被運(yùn)行在任何平臺(tái)上的瀏覽器執(zhí)行。（2）ASP的腳本程序在服務(wù)器端執(zhí)行，保證了程序代碼的安全性。（3）程序執(zhí)行完畢后，服務(wù)器僅將程序執(zhí)行的結(jié)果返回給客戶端瀏覽器，減輕了網(wǎng)絡(luò)傳輸?shù)呢?fù)擔(dān)。2.5.1ASP（續(xù)）2023/2/4312.5動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡(jiǎn)介PHP（HypertextPreprocessor，超文本預(yù)處理器）是一種跨平臺(tái)的服務(wù)器端嵌入式腳本語言。它是一種易于學(xué)習(xí)和使用的服務(wù)器端腳本語言，嵌入HTML文件，大量地借用C、Java和Perl語言的語法，并耦合PHP本身的特性，形成了自己的獨(dú)特風(fēng)格。PHP支持目前絕大多數(shù)的數(shù)據(jù)庫，Web開發(fā)者使用PHP能夠快速地寫出生成動(dòng)態(tài)網(wǎng)頁的腳本代碼。PHP是完全免費(fèi)的，可以從PHP官方網(wǎng)站（）自由下載，可以不受限制地獲得源代碼，并可加入自己需要的功能。

2.5.2PHP2023/2/4322.5動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡(jiǎn)介JSP（JavaServerPages）是Sun公