網(wǎng)絡(luò)程序設(shè)計1

1、WebWeb技術(shù)技術(shù)李恒武李恒武2WEB技術(shù)-what網(wǎng)絡(luò)應(yīng)用與開發(fā)網(wǎng)絡(luò)應(yīng)用與開發(fā)網(wǎng)絡(luò)程序設(shè)計網(wǎng)絡(luò)程序設(shè)計 設(shè)計開發(fā)管理設(shè)計開發(fā)管理WebWeb技術(shù)技術(shù)后續(xù)課程：課程設(shè)計后續(xù)課程：課程設(shè)計 開發(fā)實踐實訓(xùn)開發(fā)實踐實訓(xùn)桌面程序設(shè)計桌面程序設(shè)計網(wǎng)絡(luò)程序設(shè)計網(wǎng)絡(luò)程序設(shè)計3桌面應(yīng)用程序 Windows 媒體播放器用戶選擇一個 MP3 文件媒體播放器播放 MP3 文件用用 戶戶4桌面應(yīng)用程序 用戶Windows 媒體播放器請求 = 選擇要播放的文件用戶發(fā)送一個請求播放器發(fā)送一個響應(yīng)響應(yīng) = 媒體播放器播放選定的文件媒體播放器 是桌面應(yīng)用程序的一個示例 JAVAJAVA設(shè)計：學(xué)生成績管理系統(tǒng)設(shè)計：學(xué)生成績管

2、理系統(tǒng)5Web 應(yīng)用程序 位于 Web 服務(wù)器上的網(wǎng)站 6Web 應(yīng)用程序-What Web 應(yīng)應(yīng)用程序用程序Web 應(yīng)用程序在 Web 服務(wù)器上運(yùn)行 Web 應(yīng)應(yīng)用程序的用程序的優(yōu)優(yōu)點(diǎn)：點(diǎn)： 訪問訪問 Web 應(yīng)應(yīng)用程序更容易用程序更容易 維護(hù)維護(hù)和部署成本低和部署成本低 播放一首歌作為響應(yīng)用戶請求播放一首歌7Why-應(yīng)用未來工作：未來工作：90%90%以上的程序都要運(yùn)行于網(wǎng)絡(luò)環(huán)境。以上的程序都要運(yùn)行于網(wǎng)絡(luò)環(huán)境。網(wǎng)絡(luò)程序：搜索網(wǎng)絡(luò)程序：搜索 門戶門戶 郵箱郵箱 交易交易 服務(wù)服務(wù) 教育診療教育診療網(wǎng)站建設(shè)網(wǎng)站建設(shè)網(wǎng)絡(luò)應(yīng)用程序開發(fā)網(wǎng)絡(luò)應(yīng)用程序開發(fā)網(wǎng)站管理網(wǎng)站管理技術(shù)支持技術(shù)支持8課程介紹 在計

3、算機(jī)科學(xué)與技術(shù)專業(yè)教學(xué)計劃中，本課程是一門方在計算機(jī)科學(xué)與技術(shù)專業(yè)教學(xué)計劃中，本課程是一門方向?qū)I(yè)課。向?qū)I(yè)課。 WEB WEB技術(shù)是一門理論性與實踐性兼顧的課程，是計算機(jī)應(yīng)技術(shù)是一門理論性與實踐性兼顧的課程，是計算機(jī)應(yīng)用的核心，用的核心，是面向設(shè)計的教育課程是面向設(shè)計的教育課程. . 軟件開發(fā)能力的體現(xiàn)軟件開發(fā)能力的體現(xiàn)！9課程介紹 目的和任務(wù)目的和任務(wù): : 先修課先修課: : 程序設(shè)計程序設(shè)計 計算機(jī)網(wǎng)絡(luò)計算機(jī)網(wǎng)絡(luò) 數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫設(shè)計 本課程在此基礎(chǔ)上開設(shè)，培養(yǎng)和提高網(wǎng)絡(luò)開發(fā)的能力。本課程在此基礎(chǔ)上開設(shè)，培養(yǎng)和提高網(wǎng)絡(luò)開發(fā)的能力。 掌握網(wǎng)絡(luò)設(shè)計與開發(fā)工具掌握網(wǎng)絡(luò)設(shè)計與開發(fā)工具掌握網(wǎng)頁設(shè)

4、計技術(shù)掌握網(wǎng)頁設(shè)計技術(shù)掌握動態(tài)服務(wù)器技術(shù)掌握動態(tài)服務(wù)器技術(shù)掌數(shù)據(jù)驅(qū)動應(yīng)用程序設(shè)計掌數(shù)據(jù)驅(qū)動應(yīng)用程序設(shè)計開發(fā)基本的動態(tài)網(wǎng)站開發(fā)基本的動態(tài)網(wǎng)站10課程體系A(chǔ)JAXAJAXWEBWEB服服務(wù)務(wù)WCFWCF服服務(wù)務(wù)IISIIS靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁DHTMLDHTML動態(tài)網(wǎng)頁動態(tài)網(wǎng)頁VSVS編程實踐編程實踐WEBWEB技術(shù)技術(shù)HTMLHTMLXHTMLXHTMLXMLXMLC#C#A ASPSP.NET.NETADOADOCSSCSSDOMDOMJAVASCRIPTJAVASCRIPTDREAMWEAVERDREAMWEAVER課課程程內(nèi)內(nèi)容容技技術(shù)術(shù)工具工具客戶端編程客戶端編程服務(wù)器端編程服務(wù)器端編程課課

5、程程設(shè)計設(shè)計11課程內(nèi)容 第一章：第一章： 網(wǎng)絡(luò)程序設(shè)計基礎(chǔ)網(wǎng)絡(luò)程序設(shè)計基礎(chǔ) 3 3 第二章：第二章： 服務(wù)器安裝與管理服務(wù)器安裝與管理 2 2 第三章：第三章： 網(wǎng)站建設(shè)網(wǎng)站建設(shè) 2 2 第四章：第四章： HTML HTML 4 4 第五章：第五章： CSS 4CSS 4 第六章：第六章： 客戶端程序設(shè)計客戶端程序設(shè)計 4 4 第七章：第七章： 服務(wù)器端程序設(shè)計服務(wù)器端程序設(shè)計 4 4 第八章：第八章： 服務(wù)器控件服務(wù)器控件 4 4 第九章：第九章： 驗證控件和用戶控件驗證控件和用戶控件 2 2 第十章：第十章： 數(shù)據(jù)訪問和數(shù)據(jù)綁定數(shù)據(jù)訪問和數(shù)據(jù)綁定 4 4 第十一章：角色管理第十一章：角色

6、管理 2 2 第十二章：主題與模板第十二章：主題與模板 2 2 第十三章：開發(fā)實例第十三章：開發(fā)實例 2 212進(jìn)階-How基礎(chǔ)基礎(chǔ): :熟悉編程語言、網(wǎng)絡(luò)環(huán)境和數(shù)據(jù)庫熟悉編程語言、網(wǎng)絡(luò)環(huán)境和數(shù)據(jù)庫初級初級: :熟練使用網(wǎng)頁設(shè)計工具熟練使用網(wǎng)頁設(shè)計工具, ,設(shè)計靜態(tài)網(wǎng)頁、設(shè)計靜態(tài)網(wǎng)頁、DHTMLDHTML中級中級: :熟練使用通用設(shè)計工具，設(shè)計動態(tài)網(wǎng)頁熟練使用通用設(shè)計工具，設(shè)計動態(tài)網(wǎng)頁高級高級: :熟練進(jìn)行數(shù)據(jù)庫編程和網(wǎng)絡(luò)程序開發(fā)實踐熟練進(jìn)行數(shù)據(jù)庫編程和網(wǎng)絡(luò)程序開發(fā)實踐13基本要求-How熟練掌握基本原理熟練掌握基本原理實踐，實踐，再實踐實踐，實踐，再實踐開發(fā)個人網(wǎng)站上交開發(fā)個人網(wǎng)站上交 靜態(tài)

7、與動態(tài)網(wǎng)頁，數(shù)據(jù)庫與組件，用戶注冊登錄。靜態(tài)與動態(tài)網(wǎng)頁，數(shù)據(jù)庫與組件，用戶注冊登錄。實驗報告上交實驗報告上交課件郵箱課件郵箱 lhw163 lhw163掌握，不是死記硬背掌握，不是死記硬背！14考核本課程的考試采取操作和筆試的形式。最終成績中本課程的考試采取操作和筆試的形式。最終成績中平時與操作成績占平時與操作成績占30%30%，期末成績占，期末成績占70%70%。15TextbookWebWeb程序設(shè)計程序設(shè)計 吉林大學(xué)出版社吉林大學(xué)出版社ASP.NETASP.NET程序設(shè)計與開發(fā)程序設(shè)計與開發(fā)清華出版社清華出版社WebWeb程序設(shè)計程序設(shè)計-ASP.NET-ASP.NET實用網(wǎng)站開發(fā)實用網(wǎng)

8、站開發(fā) 清華出版清華出版社社WebWeb技術(shù)導(dǎo)論技術(shù)導(dǎo)論清華出版社清華出版社16上機(jī)軟件IISIISVSVS SQL SQLserverserverDreamweaverDreamweaver17第一章：網(wǎng)絡(luò)程序設(shè)計基礎(chǔ)Web工作原理工作原理網(wǎng)頁類型網(wǎng)頁類型動態(tài)網(wǎng)頁技術(shù)動態(tài)網(wǎng)頁技術(shù)編程體系編程體系181.1 WebWeb工作原理工作原理萬維網(wǎng)萬維網(wǎng)網(wǎng)頁網(wǎng)頁網(wǎng)站網(wǎng)站URL瀏覽器瀏覽器服務(wù)器服務(wù)器HTTP萬維網(wǎng)工作原理萬維網(wǎng)工作原理19圖1.1 Internet示意圖InternetInternet是由數(shù)億計算機(jī)和用戶組成的全球范圍內(nèi)是由數(shù)億計算機(jī)和用戶組成的全球范圍內(nèi)的計算機(jī)互聯(lián)網(wǎng)絡(luò)，是一個世界

9、范圍內(nèi)信息資源的的計算機(jī)互聯(lián)網(wǎng)絡(luò)，是一個世界范圍內(nèi)信息資源的大型集合體系。大型集合體系。InternetInternet的一個重要作用是的一個重要作用是 資源共享資源共享,Internet,Internet的的出現(xiàn)使我們的世界進(jìn)入了網(wǎng)絡(luò)時代出現(xiàn)使我們的世界進(jìn)入了網(wǎng)絡(luò)時代. .Internet Internet 應(yīng)用應(yīng)用: : WWW Email FtpWWW Email Ftp 前言201.萬維網(wǎng) 全球范全球范圍內(nèi)網(wǎng)絡(luò)圍內(nèi)網(wǎng)絡(luò)的的網(wǎng)絡(luò)網(wǎng)絡(luò) 以以internet 為傳輸為傳輸媒介的媒介的應(yīng)應(yīng)用用系系統(tǒng)統(tǒng),最基本的最基本的傳輸單傳輸單位是位是web文文檔檔.英文英文簡稱為簡稱為Web 由包含各由包

10、含各種種信息的文信息的文檔組檔組成成 文本文本 圖圖像像 音音頻視頻頻視頻 動畫動畫word excel rar 互聯(lián)？互聯(lián)？21發(fā)展 19891989起源于歐洲粒子物理研究室的起源于歐洲粒子物理研究室的Tim Berners-LeeTim Berners-Lee小組提小組提交了一個新文檔系統(tǒng)，命名為交了一個新文檔系統(tǒng)，命名為WWWWWW（World Wide WebWorld Wide Web）。）。目目的使全球的科學(xué)家能利用的使全球的科學(xué)家能利用internetinternet交流自己的工作文檔，交流自己的工作文檔，從文檔服務(wù)計算機(jī)的數(shù)據(jù)庫中搜索和獲取文檔。從文檔服務(wù)計算機(jī)的數(shù)據(jù)庫中搜索和

11、獲取文檔。 19901990年第一個基于字符界面的年第一個基于字符界面的WebWeb客戶瀏覽程序開發(fā)成功?？蛻魹g覽程序開發(fā)成功。 19911991年年WWWWWW系統(tǒng)正式發(fā)布，向高能物理學(xué)界提供系統(tǒng)正式發(fā)布，向高能物理學(xué)界提供WebWeb服務(wù)。服務(wù)。 1993 NCSA1993 NCSA（美國伊利諾斯大學(xué)的國家超級計算機(jī)中心）開（美國伊利諾斯大學(xué)的國家超級計算機(jī)中心）開發(fā)發(fā)MosaicMosaic圖形瀏覽器圖形瀏覽器。 22MosaicMosaic瀏覽器作者創(chuàng)辦瀏覽器作者創(chuàng)辦netscapenetscape網(wǎng)景公司。網(wǎng)景公司。IEIE和和FireFoxFireFox都都是基于是基于Mosaic

12、Mosaic圖形瀏覽器開發(fā)的，并且以圖形瀏覽器開發(fā)的，并且以MosaicMosaic圖形瀏覽圖形瀏覽器的版本號進(jìn)行區(qū)分，在器的版本號進(jìn)行區(qū)分，在IEIE瀏覽器幫助中可以看到其聲明瀏覽器幫助中可以看到其聲明1994 Tim Berners-Lee1994 Tim Berners-Lee在麻省理工在麻省理工學(xué)院建立萬維網(wǎng)聯(lián)盟學(xué)院建立萬維網(wǎng)聯(lián)盟W3CW3C，建立和維，建立和維護(hù)護(hù)WWWWWW標(biāo)準(zhǔn)。標(biāo)準(zhǔn)。 萬維網(wǎng)使因特網(wǎng)從僅由少數(shù)計算機(jī)萬維網(wǎng)使因特網(wǎng)從僅由少數(shù)計算機(jī)專家使用變?yōu)槠胀ò傩找材芾玫膶＜沂褂米優(yōu)槠胀ò傩找材芾玫男畔①Y源。信息資源。23萬維網(wǎng) 全球范全球范圍內(nèi)網(wǎng)絡(luò)圍內(nèi)網(wǎng)絡(luò)的的網(wǎng)絡(luò)網(wǎng)絡(luò) 以以

13、internet 為傳輸為傳輸媒介的媒介的應(yīng)應(yīng)用用系系統(tǒng)統(tǒng),最基本的最基本的傳輸單傳輸單位是位是web文文檔檔.英文英文簡稱為簡稱為Web 由包含各由包含各種種信息的文信息的文檔組檔組成成 文本文本 圖圖像像 音音頻視頻頻視頻 動畫動畫word excel rar 24特點(diǎn)萬維網(wǎng)萬維網(wǎng)WWW (World Wide Web):WWW (World Wide Web):以以internet internet 為傳輸媒介的應(yīng)為傳輸媒介的應(yīng)用系統(tǒng)用系統(tǒng), ,最基本的傳輸單位是最基本的傳輸單位是webweb文檔文檔. .英文簡稱為英文簡稱為WebWeb 并非某種特殊的計算機(jī)網(wǎng)絡(luò)。并非某種特殊的計算機(jī)網(wǎng)

14、絡(luò)。 萬維網(wǎng)是一個大規(guī)模的、聯(lián)機(jī)式的信息儲藏所。萬維網(wǎng)是一個大規(guī)模的、聯(lián)機(jī)式的信息儲藏所。 動態(tài)交互性動態(tài)交互性 圖形化和易于導(dǎo)航圖形化和易于導(dǎo)航 與平臺無關(guān)與平臺無關(guān) 分布式分布式25webweb文檔存放在服務(wù)器（網(wǎng)站）上，文檔存放在服務(wù)器（網(wǎng)站）上，WWWWWW是由遍布世界各地是由遍布世界各地的的WebWeb服務(wù)器組成服務(wù)器組成. .原理：原理：，26那么，這些那么，這些WebWeb服務(wù)器又是如何構(gòu)成一個龐大的資源集合服務(wù)器又是如何構(gòu)成一個龐大的資源集合呢？。呢？。網(wǎng)頁答案就是超鏈接網(wǎng)頁答案就是超鏈接網(wǎng)頁在在窗口上顯示出的萬維網(wǎng)文檔稱為窗口上顯示出的萬維網(wǎng)文檔稱為網(wǎng)頁網(wǎng)頁(page),(p

15、age),網(wǎng)頁的主要構(gòu)成要素網(wǎng)頁的主要構(gòu)成要素: :文字、圖像、聲音、視頻文字、圖像、聲音、視頻 和超和超鏈接鏈接. .27 鏈接到其他頁面的文本串或圖片稱為超鏈接鏈接到其他頁面的文本串或圖片稱為超鏈接. . 使用超鏈接的網(wǎng)頁稱為超文本使用超鏈接的網(wǎng)頁稱為超文本. . 超文本頁面加入的音頻超文本頁面加入的音頻 視頻稱為超媒體視頻稱為超媒體. . 由于網(wǎng)頁中包含由于網(wǎng)頁中包含“超鏈接超鏈接”，這些超鏈接可以將一個網(wǎng)頁，這些超鏈接可以將一個網(wǎng)頁鏈接到其他網(wǎng)頁，從而構(gòu)成了萬維網(wǎng)的鏈接到其他網(wǎng)頁，從而構(gòu)成了萬維網(wǎng)的縱橫交織結(jié)構(gòu)縱橫交織結(jié)構(gòu)。什么是超鏈接？什么是超鏈接？ 超文本？超文本？ 超媒體？超媒體

16、？2829 瀏覽者是通過瀏覽器來訪問瀏覽者是通過瀏覽器來訪問WebWeb服務(wù)器上的網(wǎng)頁的。服務(wù)器上的網(wǎng)頁的。那么，網(wǎng)頁的本質(zhì)到底是什么呢？那么，網(wǎng)頁的本質(zhì)到底是什么呢？ 2.2.網(wǎng)頁網(wǎng)頁30l打開記事本，然后在其中輸入以下文本：打開記事本，然后在其中輸入以下文本：我的網(wǎng)頁我的網(wǎng)頁我的第一個網(wǎng)頁！我的第一個網(wǎng)頁！31 保存該文件，文件名為保存該文件，文件名為“first.htm” first.htm” 這樣就可用這樣就可用IEIE打開該文件。打開該文件。 通過這樣的方法，就制作了一個簡單的網(wǎng)頁，同時可通過這樣的方法，就制作了一個簡單的網(wǎng)頁，同時可以知道，網(wǎng)頁文件可以通過文字編輯器來書寫。實際以知

17、道，網(wǎng)頁文件可以通過文字編輯器來書寫。實際上，無論多復(fù)雜的網(wǎng)頁，都可以按這種方式來書寫，上，無論多復(fù)雜的網(wǎng)頁，都可以按這種方式來書寫，只是這樣做工作量將非常的大，效率也很低。只是這樣做工作量將非常的大，效率也很低。注意：保存的文件類型選擇為所有文件。注意：保存的文件類型選擇為所有文件。32 如果在瀏覽器窗口中任意打開一個網(wǎng)頁，然后選擇如果在瀏覽器窗口中任意打開一個網(wǎng)頁，然后選擇“查看查看”菜單中的菜單中的“源文件源文件”命令，則系統(tǒng)會啟動命令，則系統(tǒng)會啟動“記記事本事本”程序，其中包含一些文本信息，如圖所示。程序，其中包含一些文本信息，如圖所示。這些文本實際就是網(wǎng)頁的本質(zhì)這些文本實際就是網(wǎng)頁的

18、本質(zhì)HTMLHTML源代碼。由源代碼。由此可以看出，網(wǎng)頁就是用此可以看出，網(wǎng)頁就是用HTMLHTML寫成的文檔，在寫成的文檔，在InternetInternet中可以通過瀏覽器程序進(jìn)行瀏覽中可以通過瀏覽器程序進(jìn)行瀏覽。同時可以知道，網(wǎng)頁文件可以通過文字編輯器來書同時可以知道，網(wǎng)頁文件可以通過文字編輯器來書寫。寫。 33圖1.3 網(wǎng)頁的本質(zhì)34 通過超鏈接連接起來的一系列邏輯上可以視為一個通過超鏈接連接起來的一系列邏輯上可以視為一個整體的一些網(wǎng)頁就叫做網(wǎng)站。整體的一些網(wǎng)頁就叫做網(wǎng)站。 網(wǎng)站就是一個網(wǎng)站就是一個鏈接的頁面集合鏈接的頁面集合，通常為了完成某個，通常為了完成某個特定目標(biāo)。特定目標(biāo)。 從

19、企業(yè)角度看從企業(yè)角度看, ,網(wǎng)站是企業(yè)為合作伙伴、客戶等提網(wǎng)站是企業(yè)為合作伙伴、客戶等提供的訪問企業(yè)內(nèi)部各種資源的統(tǒng)一平臺。供的訪問企業(yè)內(nèi)部各種資源的統(tǒng)一平臺。 3. 網(wǎng)站35 網(wǎng)絡(luò)程序設(shè)計中的網(wǎng)絡(luò)程序設(shè)計中的站點(diǎn)站點(diǎn)是是HTMLHTML文檔、文檔、A ASPSP文檔及相關(guān)文檔及相關(guān)文件文件的的集合，集合，站點(diǎn)站點(diǎn)實際對應(yīng)的是一個實際對應(yīng)的是一個文件夾文件夾結(jié)構(gòu)，結(jié)構(gòu)，文件夾文件夾中的文檔之間通過各種中的文檔之間通過各種超鏈接超鏈接關(guān)聯(lián)起來。關(guān)聯(lián)起來。 網(wǎng)站文件放于服務(wù)器計算機(jī)上的任意文件夾。為便于管理網(wǎng)站文件放于服務(wù)器計算機(jī)上的任意文件夾。為便于管理, ,所有網(wǎng)頁放于一個文件夾內(nèi)所有網(wǎng)頁放于

20、一個文件夾內(nèi), ,防止鏈接錯誤和顯示錯誤防止鏈接錯誤和顯示錯誤. . 我們在我們在InternetInternet上上瀏覽瀏覽網(wǎng)站，實質(zhì)就是用瀏覽器網(wǎng)站，實質(zhì)就是用瀏覽器訪問訪問存儲存儲在在InternetInternet服務(wù)器服務(wù)器計算機(jī)上的計算機(jī)上的HTMLHTML文檔文檔、A ASPSP文檔文檔及相關(guān)及相關(guān)資源資源。36萬維網(wǎng)資源難以計數(shù),如何確定相應(yīng)網(wǎng)頁?374. URL4. URL統(tǒng)一資源定位符統(tǒng)一資源定位符URL:URL: 唯一標(biāo)識唯一標(biāo)識一個網(wǎng)頁一個網(wǎng)頁或或 一個一個WebWeb資源（圖片、音頻、視頻等）資源（圖片、音頻、視頻等） URLURL的格式的格式 URL:/:/:/ 使

21、用使用FTPFTP的的URL ftp:/URL ftp:/ /使用使用filefile的的URL URL file:/file:/路徑路徑 運(yùn)行瀏覽器運(yùn)行瀏覽器的機(jī)器中的文檔，省略主機(jī)。的機(jī)器中的文檔，省略主機(jī)。38使用使用HTTPHTTP的的URL http:/URL http:/主機(jī)：端口主機(jī)：端口/ /路徑路徑InternetInternet中使用域名或中使用域名或IPIP地址唯一表示一臺主機(jī)。地址唯一表示一臺主機(jī)。例例: : http:/ 同一服務(wù)器使用同一同一服務(wù)器使用同一IPIP地址可以建立多個站點(diǎn)，不同站點(diǎn)地址可以建立多個站點(diǎn)，不同站點(diǎn)可以使用不同端口號區(qū)分?？梢允褂貌煌丝谔枀^(qū)

22、分。n 使用不同的端口提供不同的服務(wù)，使用不同的端口提供不同的服務(wù)， 如如WWWWWW服務(wù)使用服務(wù)使用8080端口，端口，F(xiàn)TPFTP服務(wù)使用服務(wù)使用2121端口。如果端口。如果WWWWWW服務(wù)使用默認(rèn)的服務(wù)使用默認(rèn)的8080端口，端口，URLURL地址中可以省略端口號。地址中可以省略端口號。39 我們訪問網(wǎng)站時只輸入域名或我們訪問網(wǎng)站時只輸入域名或IPIP地址，不包含路徑部分，地址，不包含路徑部分，網(wǎng)站傳回的默認(rèn)文檔，網(wǎng)站傳回的默認(rèn)文檔， 稱為稱為主頁或首頁（主頁或首頁（Home PageHome Page）。）。首頁一般使用首頁一般使用index index 或或defaultdefaul

23、t命名。命名。 如：如：http:/http:/ 實際的實際的URLURL地址為：地址為： http:/ /服務(wù)器方式工作。服務(wù)器方式工作。WebWeb服務(wù)器服務(wù)器是一個程序，稱為服務(wù)器程序（簡稱為是一個程序，稱為服務(wù)器程序（簡稱為服務(wù)器），服務(wù)器），提供特定的資源，提供服務(wù)提供特定的資源，提供服務(wù)。通常人。通常人們用們用“服務(wù)器服務(wù)器”指運(yùn)行服務(wù)器程序的那臺計算機(jī)。指運(yùn)行服務(wù)器程序的那臺計算機(jī)。WebWeb瀏覽器瀏覽器是一個程序，稱為瀏覽器程序（簡稱為是一個程序，稱為瀏覽器程序（簡稱為瀏覽器），瀏覽器），使用資源，接受服務(wù)使用資源，接受服務(wù)。用戶利用它瀏。用戶利用它瀏覽服務(wù)器中的可用資源，故

24、稱瀏覽器。最常用瀏覽服務(wù)器中的可用資源，故稱瀏覽器。最常用瀏覽器有覽器有IEIE（winwin系統(tǒng)）和系統(tǒng)）和FirefoxFirefox（多系統(tǒng)）。（多系統(tǒng)）。 5.5.瀏覽器瀏覽器42WEBWEB瀏覽器瀏覽器 - -解釋超文本文件解釋超文本文件WEBWEB服務(wù)器服務(wù)器- - 提供服務(wù)提供服務(wù)( (擁有固定地址擁有固定地址, ,的節(jié)點(diǎn)計算機(jī)的節(jié)點(diǎn)計算機(jī)) )問題問題1:一臺計算機(jī)既有瀏覽器程序又有服務(wù)器程序一臺計算機(jī)既有瀏覽器程序又有服務(wù)器程序,是客是客戶機(jī)還是服務(wù)器戶機(jī)還是服務(wù)器?一臺計算機(jī)同時安裝瀏覽器程序和服務(wù)器程序，是否稱為一臺計算機(jī)同時安裝瀏覽器程序和服務(wù)器程序，是否稱為服務(wù)器需要

25、看其目前是否運(yùn)行服務(wù)器程序，是提供資源和服務(wù)器需要看其目前是否運(yùn)行服務(wù)器程序，是提供資源和服務(wù)，還是請求資源和服務(wù)。服務(wù)，還是請求資源和服務(wù)。網(wǎng)絡(luò)程序分為網(wǎng)絡(luò)程序分為B/S和和C/S兩種結(jié)構(gòu)。后者需要在用戶機(jī)上安兩種結(jié)構(gòu)。后者需要在用戶機(jī)上安裝桌面程序，由桌面程序與服務(wù)器進(jìn)行數(shù)據(jù)交換，如裝桌面程序，由桌面程序與服務(wù)器進(jìn)行數(shù)據(jù)交換，如QQ、MSN、eMule和迅雷等。前者只需要安裝瀏覽器。和迅雷等。前者只需要安裝瀏覽器。43WEB瀏覽器瀏覽器的由控制程序、客戶機(jī)程序、解釋程序、緩存和驅(qū)動程序組成瀏覽器的由控制程序、客戶機(jī)程序、解釋程序、緩存和驅(qū)動程序組成 44用戶瀏覽頁面的方法有兩種。用戶瀏覽頁

26、面的方法有兩種。1.1.在瀏覽器的地址窗口中在瀏覽器的地址窗口中鍵入鍵入URLURL地址地址。2.2.在某一個頁面中用鼠標(biāo)在某一個頁面中用鼠標(biāo)點(diǎn)擊一個超鏈接點(diǎn)擊一個超鏈接，瀏覽器自動在因特，瀏覽器自動在因特網(wǎng)上找到要鏈接的頁面。網(wǎng)上找到要鏈接的頁面。 兩種方式的本質(zhì)相同，都用于確定訪問網(wǎng)頁的兩種方式的本質(zhì)相同，都用于確定訪問網(wǎng)頁的URLURL地址傳給地址傳給控制程序?？刂瞥绦颉?控制程序根據(jù)控制程序根據(jù)URLURL地址中不同的訪問方式（地址中不同的訪問方式（HTTP,FTPHTTP,FTP等）調(diào)等）調(diào)用不同的客戶機(jī)程序，向要訪問的站點(diǎn)服務(wù)器發(fā)出請求。用不同的客戶機(jī)程序，向要訪問的站點(diǎn)服務(wù)器發(fā)出

27、請求。服務(wù)器根據(jù)請求返回請求的網(wǎng)頁，保存于緩存。控制程序服務(wù)器根據(jù)請求返回請求的網(wǎng)頁，保存于緩存?？刂瞥绦驈木彺嬷刑崛【W(wǎng)頁，根據(jù)網(wǎng)頁代碼的不同調(diào)用不同的解釋從緩存中提取網(wǎng)頁，根據(jù)網(wǎng)頁代碼的不同調(diào)用不同的解釋程序進(jìn)行解釋，將結(jié)果輸出至顯示器顯示。程序進(jìn)行解釋，將結(jié)果輸出至顯示器顯示。456.服務(wù)器 Web(WWW) Web(WWW)服務(wù)是響應(yīng)來自服務(wù)是響應(yīng)來自 WebWeb瀏覽器的請求，并瀏覽器的請求，并向用戶提供向用戶提供 WebWeb頁面的軟件，頁面的軟件，主要任務(wù)：監(jiān)控主機(jī)的通信端口，通過該端口接受主要任務(wù)：監(jiān)控主機(jī)的通信端口，通過該端口接受HTTPHTTP命令命令, ,查找瀏覽器請求的網(wǎng)

28、頁，傳給瀏覽器。查找瀏覽器請求的網(wǎng)頁，傳給瀏覽器。被動程序，只有瀏覽器發(fā)出請求時，服務(wù)器才響應(yīng)。被動程序，只有瀏覽器發(fā)出請求時，服務(wù)器才響應(yīng)。最常用最常用webweb服務(wù)器：服務(wù)器：根據(jù)根據(jù)20102010年運(yùn)行中的年運(yùn)行中的2.52.5億億WebWeb站點(diǎn)的站點(diǎn)的統(tǒng)計，最常用統(tǒng)計，最常用WebWeb服務(wù)器為服務(wù)器為ApacheApache（多平臺，市場占有率（多平臺，市場占有率為為59.459.4）和和IISIIS（WINWIN平臺，市場占有率為平臺，市場占有率為22.222.2）。）。46瀏覽器與服務(wù)器如何交換信息瀏覽器與服務(wù)器如何交換信息, ,請求與應(yīng)答請求與應(yīng)答? ?超文本傳送協(xié)議超文

29、本傳送協(xié)議HTTP所以，所以，web服務(wù)器又稱為服務(wù)器又稱為HTTP服務(wù)器服務(wù)器47Web 服務(wù)器客客戶戶端端HTTP協(xié)議協(xié)議協(xié)議 用于訪問 Web 上資源的一組規(guī)則 HTTP 是 Web 協(xié)議 站點(diǎn)地址或 URLBODYHTML語言用于制作網(wǎng)頁7.7.超文本傳送協(xié)議超文本傳送協(xié)議HTTPHTTP48HTTP 協(xié)議 3-1獲取文件HTTP獲取圖像 /bar01.jpg HTTP/1.1HTTP/1.1 200 OK收到的文件 超文本傳輸協(xié)議超文本傳輸協(xié)議 用于通過用于通過 Internet Internet 發(fā)送請求消息和響應(yīng)消息發(fā)送請求消息和響應(yīng)消息 使用端口接收和發(fā)送消息，默認(rèn)為使用端口接

30、收和發(fā)送消息，默認(rèn)為8080端口端口49 HTTPHTTP規(guī)定在規(guī)定在HTTPHTTP客戶與客戶與HTTPHTTP服務(wù)器之間的每次交服務(wù)器之間的每次交互都由一個互都由一個ASCIIASCII碼串構(gòu)成的請求和一個碼串構(gòu)成的請求和一個“類類MIME MIME ( (即即RFC 822 MIME-like)”RFC 822 MIME-like)”的響應(yīng)組成。的響應(yīng)組成。7.7.超文本傳送協(xié)議超文本傳送協(xié)議HTTPHTTP50MIME MIMEMIME （Multipurpose Internet Mail ExtensionsMultipurpose Internet Mail Extensions

31、）多用）多用途因特網(wǎng)郵件擴(kuò)充協(xié)議，目的是允許各種不同類型的文檔途因特網(wǎng)郵件擴(kuò)充協(xié)議，目的是允許各種不同類型的文檔都可以通過因特網(wǎng)郵件進(jìn)行發(fā)送，都可以通過因特網(wǎng)郵件進(jìn)行發(fā)送，webweb用來指定傳送的文檔用來指定傳送的文檔類型。類型。 WebWeb服務(wù)器通過文件的擴(kuò)展名確定文檔類型，在將要發(fā)送的服務(wù)器通過文件的擴(kuò)展名確定文檔類型，在將要發(fā)送的文檔頭部附加文檔頭部附加MIMEMIME格式說明，瀏覽器從頭部獲取。格式說明，瀏覽器從頭部獲取。 格式格式 類型類型/ /子類型子類型 Examples: text/plainExamples: text/plain（純文本）（純文本）, text/html

32、, text/html（HTMLHTML文文件）件）, image/gif, image/jpeg, image/gif, image/jpeg 實驗性子類型使用實驗性子類型使用x x開頭，在服務(wù)器開頭，在服務(wù)器MIMEMIME列表中添加子類列表中添加子類型名稱，服務(wù)器提供程序，瀏覽器調(diào)用該程序顯示數(shù)據(jù)庫型名稱，服務(wù)器提供程序，瀏覽器調(diào)用該程序顯示數(shù)據(jù)庫中內(nèi)容（輔助應(yīng)用程序）。或以代碼塊形式嵌入瀏覽器中中內(nèi)容（輔助應(yīng)用程序）?；蛞源a塊形式嵌入瀏覽器中（插件）（插件）51HTTP HTTP 消息包括：消息包括：請求請求響應(yīng)響應(yīng)HTTP 協(xié)議 3-2請請求消息求消息請求行標(biāo)題信息方法資源名稱版本

33、GET/POSTIndex.htmlHTTP/1.1瀏覽器類型內(nèi)容類型User-Agent: Mozilla/4.0 (compatible; MSIE 4.0: Windows 95 Accept: text/html, image/gif, image/jpegtext/html, image/gif, image/jpeg響應(yīng)響應(yīng)消息消息 狀態(tài)行標(biāo)題信息版本狀態(tài)代碼說明HTTP/1.1200OK服務(wù)器軟件修改日期大?。ㄗ止?jié)）內(nèi)容類型Server: Apache/1.3.0 (Unix)Apache/1.3.0 (Unix) Last modified: Mon, 22 Jun 1998

34、09:23:24 GMTMon, 22 Jun 1998 09:23:24 GMTContent-length: 8765Content-type: text/html52典型的典型的HTTPHTTP請求報文：請求報文： GET /GET /index.htmlindex.html HTTP/1.1 HTTP/1.1 請求的網(wǎng)頁名請求的網(wǎng)頁名 這是請求行這是請求行 Connection: close Connection: close 此行和以下都是首部行此行和以下都是首部行 一次請求響應(yīng)后斷開一次請求響應(yīng)后斷開連接，或持續(xù)連接。連接，或持續(xù)連接。 HOSTHOST：域名：域名 -虛擬主機(jī)技術(shù)

35、利用此項：多域名虛擬主機(jī)技術(shù)利用此項：多域名對應(yīng)同一對應(yīng)同一IPIP，但主頁不同，但主頁不同 User-agent: Mozilla/4.0 -User-agent: Mozilla/4.0 -瀏覽器名稱、版本號瀏覽器名稱、版本號 Accept: text/html, image/gif, image/jpegAccept: text/html, image/gif, image/jpeg Accept-language: enAccept-language: en NegotiateNegotiate：trans -trans -三種協(xié)商：三種協(xié)商：C/S/TC/S/T 此處有一個空行此處有

36、一個空行 消息主體（表單數(shù)據(jù)）消息主體（表單數(shù)據(jù)）POST PUTPOST PUT方式使用附帶的數(shù)據(jù)執(zhí)行方式使用附帶的數(shù)據(jù)執(zhí)行或替換文檔時使用?；蛱鎿Q文檔時使用。HTTP的報文結(jié)構(gòu)53 HTTP/1.1 200 OK HTTP/1.1 200 OK 這是狀態(tài)行，這是狀態(tài)行，200200一切正常一切正常 Connection: close Connection: close 此行開始的此行開始的6 6行都是首部行行都是首部行 Date: Thu,06 Aug 1998 12:00:15 GMTDate: Thu,06 Aug 1998 12:00:15 GMT Server: Apache/1.

37、3.0 (Unix) Server: Apache/1.3.0 (Unix) Last-Modified: Mon, 22 Jun 1998 09:23:24 GMTLast-Modified: Mon, 22 Jun 1998 09:23:24 GMT - -文檔最后修改時間文檔最后修改時間 EtagEtag：“ ” “ ” -文檔標(biāo)識，下次訪問未修改，從緩存文檔標(biāo)識，下次訪問未修改，從緩存提取。提取。C C：含：含EtagEtag請求，請求，S S：304304回答，不含信息體回答，不含信息體典型的典型的HTTP響應(yīng)報文響應(yīng)報文54 Accept:-RangesAccept:-Ranges

38、：bytes -bytes -允許請求一部分，偏移指示允許請求一部分，偏移指示 Content-Length: 8765 -Content-Length: 8765 -文件長度的字節(jié)數(shù)文件長度的字節(jié)數(shù) Content-Type: text/htmlContent-Type: text/html 此處此處有一個空行有一個空行 DATA DATA 從這開始就是所請求的文件從這開始就是所請求的文件 DATA DATA 55HTTP 協(xié)議 3-3 HTTP HTTP 協(xié)議使用以下方法發(fā)送請求信息：協(xié)議使用以下方法發(fā)送請求信息：GET GET 方法方法POST POST 方法方法 GET GET 方法方

39、法 用于檢索信息（如文檔、圖表或數(shù)據(jù)庫用于檢索信息（如文檔、圖表或數(shù)據(jù)庫請求結(jié)果）請求結(jié)果） 請求的頁面可以被設(shè)置為書簽和使用電請求的頁面可以被設(shè)置為書簽和使用電子郵件發(fā)送子郵件發(fā)送 請求信息作為查詢字符串發(fā)送請求信息作為查詢字符串發(fā)送查詢字符串（240255 個字符） POST POST 方法方法 用于發(fā)送敏感信息（如信用卡號）或要用于發(fā)送敏感信息（如信用卡號）或要保存到數(shù)據(jù)庫中的信息保存到數(shù)據(jù)庫中的信息 請求的頁面不能設(shè)置為書簽或不能通過請求的頁面不能設(shè)置為書簽或不能通過電子郵件發(fā)送電子郵件發(fā)送 發(fā)送的數(shù)據(jù)沒有大小限制發(fā)送的數(shù)據(jù)沒有大小限制561 1萬維網(wǎng)的大致工作過程萬維網(wǎng)的大致工作過程

40、: :1-2萬維網(wǎng)的工作過程8.萬維網(wǎng)工作原理萬維網(wǎng)工作原理57第一步第一步: : 瀏覽器確定瀏覽器確定URLURL 用戶瀏覽頁面的方法有兩種。用戶瀏覽頁面的方法有兩種。1.1. 在瀏覽器的在瀏覽器的LocationLocation窗口中鍵入窗口中鍵入URLURL。2.2. 在某一個頁面中用鼠標(biāo)點(diǎn)擊一個可選部分，這時瀏覽器自動在因特網(wǎng)在某一個頁面中用鼠標(biāo)點(diǎn)擊一個可選部分，這時瀏覽器自動在因特網(wǎng)上找到所要鏈接的頁面上找到所要鏈接的頁面 本質(zhì)相同本質(zhì)相同: :確定訪問網(wǎng)頁的確定訪問網(wǎng)頁的URL: URL: 協(xié)議協(xié)議/ /主機(jī)域名主機(jī)域名/ /網(wǎng)頁網(wǎng)頁第二步第二步: :瀏覽器通過瀏覽器通過DNSDN

41、S查詢和查詢和DNSDNS應(yīng)答確定服務(wù)器的應(yīng)答確定服務(wù)器的IPIP地址地址, ,確定服務(wù)器主機(jī)。確定服務(wù)器主機(jī)。第三步第三步: :瀏覽器與服務(wù)器建立瀏覽器與服務(wù)器建立TCPTCP連接。連接。 5859TCP/IP網(wǎng)絡(luò)的體系結(jié)構(gòu)網(wǎng)絡(luò)的體系結(jié)構(gòu)HTTPHTTPTCPTCPIPIP802802物理媒體物理媒體HTTPHTTPTCPTCPIPIP802802物理媒體物理媒體60 第四步第四步: : 瀏覽器發(fā)送瀏覽器發(fā)送HTTPHTTP請求。請求。 第五步第五步: : 服務(wù)器查找網(wǎng)頁，發(fā)送服務(wù)器查找網(wǎng)頁，發(fā)送HTTPHTTP響應(yīng)。響應(yīng)。 第六步第六步: : 瀏覽器與服務(wù)器釋放連接。瀏覽器與服務(wù)器釋放連接

42、。 第七步第七步: : 瀏覽器調(diào)用解釋程序，解釋頁面并顯示。瀏覽器調(diào)用解釋程序，解釋頁面并顯示。61621.2 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁動態(tài)網(wǎng)頁動態(tài)網(wǎng)頁DHTML動態(tài)網(wǎng)頁設(shè)計技術(shù)動態(tài)網(wǎng)頁設(shè)計技術(shù)63靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁具有下列特點(diǎn)：靜態(tài)網(wǎng)頁具有下列特點(diǎn)： 靜態(tài)網(wǎng)頁用超文本標(biāo)記語言靜態(tài)網(wǎng)頁用超文本標(biāo)記語言HTML/XHTMLHTML/XHTML實現(xiàn)，一般后綴為實現(xiàn)，一般后綴為. .htmhtm或或.html.html。 設(shè)計工具可以是記事本、設(shè)計工具可以是記事本、EditPlusEditPlus等純文本編寫工具，也等純文本編寫工具，也可以是可以是FrontPageFron

43、tPage、DreamWeaverDreamWeaver等所見即所得的工具。等所見即所得的工具。 所有所有靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁可以在可以在資源管理器中雙擊，調(diào)用瀏覽器資源管理器中雙擊，調(diào)用瀏覽器解釋解釋顯示顯示 靜態(tài)網(wǎng)頁由靜態(tài)網(wǎng)頁由HTTPHTTP響應(yīng)發(fā)送到瀏覽器，瀏覽器可以看到靜態(tài)響應(yīng)發(fā)送到瀏覽器，瀏覽器可以看到靜態(tài)網(wǎng)頁的代碼。網(wǎng)頁的代碼。 靜態(tài)網(wǎng)頁容易設(shè)計，維護(hù)費(fèi)用低，訪問速度快。靜態(tài)網(wǎng)頁容易設(shè)計，維護(hù)費(fèi)用低，訪問速度快。64靜態(tài)網(wǎng)頁沒有后臺數(shù)據(jù)庫、沒有動態(tài)效果、不含程靜態(tài)網(wǎng)頁沒有后臺數(shù)據(jù)庫、沒有動態(tài)效果、不含程序、不可交互，不能提供即時信息（如股票）。信序、不可交互，不能提供即時信息（如股票

44、）。信息流向是單向的，即從服務(wù)器到瀏覽器。服務(wù)器不息流向是單向的，即從服務(wù)器到瀏覽器。服務(wù)器不能根據(jù)用戶的選擇調(diào)整返回給用戶的內(nèi)容。能根據(jù)用戶的選擇調(diào)整返回給用戶的內(nèi)容。如果要修改網(wǎng)頁，必須修改源代碼，并重新上傳。如果要修改網(wǎng)頁，必須修改源代碼，并重新上傳。65Html文檔示例我的網(wǎng)頁我的網(wǎng)頁我的第一個網(wǎng)頁！我的第一個網(wǎng)頁！HTML 代碼瀏覽器處理代碼并進(jìn)行顯示66我的網(wǎng)頁我的網(wǎng)頁我的第一個網(wǎng)頁！我的第一個網(wǎng)頁！HTML 代代碼碼在編輯器中編寫 HTML 代碼瀏覽器顯示 HTML 文檔/頁面編輯器和瀏覽器67靜態(tài)網(wǎng)頁的工作原理6869動態(tài)網(wǎng)頁動態(tài)網(wǎng)頁特點(diǎn)：動態(tài)網(wǎng)頁特點(diǎn)： 服務(wù)器端可以根據(jù)客戶端

45、的服務(wù)器端可以根據(jù)客戶端的不同請求動態(tài)產(chǎn)生網(wǎng)頁內(nèi)容不同請求動態(tài)產(chǎn)生網(wǎng)頁內(nèi)容，如郵箱郵件、用戶信息等。如郵箱郵件、用戶信息等。 支持客戶端和服務(wù)器端的支持客戶端和服務(wù)器端的交互功能，交互功能，如如BBSBBS論壇、聊天室等。論壇、聊天室等。 設(shè)計工具可以是記事本等純文本工具，也可以是設(shè)計工具可以是記事本等純文本工具，也可以是VSVS、EclipEclipsese等專業(yè)化工具。等專業(yè)化工具。 動態(tài)網(wǎng)頁包含動態(tài)網(wǎng)頁包含VBSCRIPTVBSCRIPT、JAVAJAVA、C#C#等程序代碼，可以使用等程序代碼，可以使用后臺數(shù)據(jù)庫。后臺數(shù)據(jù)庫。 動態(tài)網(wǎng)頁的動態(tài)網(wǎng)頁的服務(wù)端程序代碼由服務(wù)器運(yùn)行，將運(yùn)行結(jié)果

46、轉(zhuǎn)服務(wù)端程序代碼由服務(wù)器運(yùn)行，將運(yùn)行結(jié)果轉(zhuǎn)化為靜態(tài)網(wǎng)頁化為靜態(tài)網(wǎng)頁，然后由，然后由HTTPHTTP響應(yīng)發(fā)送到瀏覽器，瀏覽器看響應(yīng)發(fā)送到瀏覽器，瀏覽器看不到動態(tài)網(wǎng)頁的代碼。不到動態(tài)網(wǎng)頁的代碼。70動態(tài)網(wǎng)頁示例BBS論壇論壇留言板留言板聊天室聊天室71動態(tài)網(wǎng)頁的工作原理 接受請求接受請求 查找動查找動態(tài)網(wǎng)頁態(tài)網(wǎng)頁 瀏瀏 覽覽 器器 端端 HTTP請求請求 HTTP響應(yīng)響應(yīng) 服服 務(wù)務(wù) 器器 端端 運(yùn)行動態(tài)網(wǎng)頁運(yùn)行動態(tài)網(wǎng)頁 生成靜態(tài)網(wǎng)頁生成靜態(tài)網(wǎng)頁 發(fā)送網(wǎng)頁發(fā)送網(wǎng)頁 72first.aspxfirst.aspx% Page %using System;using System.Collections

47、.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;public partial class _first : System.Web.UI.Pageprotected void Page_Load(object sender, EventArgs e) DateTime myDateTime = DateTime.Now; Response.Write(服務(wù)器時間：); Response.Write(myDateTime.ToString(yyyy年MM月

48、dd日 HH:mm:ss dddd); 7374DHTML所謂所謂DHTMLDHTML，就是在靜態(tài)網(wǎng)頁基礎(chǔ)上通過客戶端程，就是在靜態(tài)網(wǎng)頁基礎(chǔ)上通過客戶端程序根據(jù)事件和動作產(chǎn)生動態(tài)效果的頁面。序根據(jù)事件和動作產(chǎn)生動態(tài)效果的頁面。75我的網(wǎng)頁我的網(wǎng)頁var dnow = new Date();var dnow = new Date();dhours = dnow.getHours();dhours = dnow.getHours();dminutes = dnow.getMinutes();dminutes = dnow.getMinutes();dseconds = dnow.getSecond

49、s();dseconds = dnow.getSeconds();document.write(document.write(瀏覽器時間：瀏覽器時間： + dhours + : + dminutes + : + dhours + : + dminutes + : + dseconds);+ dseconds); 我的第一個網(wǎng)頁！我的第一個網(wǎng)頁！second.htm7677DHTML的工作原理接受請求接受請求 查找查找網(wǎng)頁網(wǎng)頁 瀏瀏 覽覽 器器 端端 HTTP請求請求 HTTP響應(yīng)響應(yīng) 服服 務(wù)務(wù) 器器 端端 發(fā)送網(wǎng)頁發(fā)送網(wǎng)頁 發(fā)送發(fā)送請求請求 運(yùn)行運(yùn)行網(wǎng)頁網(wǎng)頁 接收接收網(wǎng)頁網(wǎng)頁 顯示顯示網(wǎng)頁網(wǎng)

50、頁 78DHTMLDHTML網(wǎng)頁具有下列網(wǎng)頁具有下列特點(diǎn)特點(diǎn)： 在靜態(tài)網(wǎng)頁基礎(chǔ)上通過客戶端程序根據(jù)在靜態(tài)網(wǎng)頁基礎(chǔ)上通過客戶端程序根據(jù)事件和動作事件和動作產(chǎn)生動產(chǎn)生動態(tài)效果的頁面。態(tài)效果的頁面。 設(shè)計工具可以是記事本、設(shè)計工具可以是記事本、EditPlusEditPlus等純文本編寫工具，也等純文本編寫工具，也可以是可以是FrontPageFrontPage、DreamWeaverDreamWeaver等所見即所得的工具。等所見即所得的工具。 DHTMLDHTML網(wǎng)頁沒有后臺數(shù)據(jù)庫。網(wǎng)頁沒有后臺數(shù)據(jù)庫。 DHTMLDHTML網(wǎng)頁可以在資源管理器中雙擊，調(diào)用瀏覽器解釋并顯網(wǎng)頁可以在資源管理器中雙擊

51、，調(diào)用瀏覽器解釋并顯示效果。示效果。 瀏覽器上可以瀏覽器上可以看到看到DHTMLDHTML網(wǎng)頁的代碼（查看源文件）。網(wǎng)頁的代碼（查看源文件）。 DHTMLDHTML網(wǎng)頁由網(wǎng)頁由HTTPHTTP響應(yīng)發(fā)送到瀏覽器，響應(yīng)發(fā)送到瀏覽器，調(diào)用瀏覽器運(yùn)行客戶調(diào)用瀏覽器運(yùn)行客戶端程序代碼，端程序代碼，將運(yùn)行結(jié)果進(jìn)行解釋顯示。將運(yùn)行結(jié)果進(jìn)行解釋顯示。79靜態(tài) 、DHTML 、動態(tài)網(wǎng)頁80second.second.aspxaspx中包含靜態(tài)網(wǎng)頁、動態(tài)網(wǎng)頁和中包含靜態(tài)網(wǎng)頁、動態(tài)網(wǎng)頁和DHTMLDHTML網(wǎng)網(wǎng)頁的代碼。頁的代碼。瀏覽器顯示的是運(yùn)行結(jié)果瀏覽器顯示的是運(yùn)行結(jié)果源是傳遞給瀏覽器的網(wǎng)頁代碼源是傳遞給瀏覽器

52、的網(wǎng)頁代碼記事本是服務(wù)器上的原始網(wǎng)頁代碼。記事本是服務(wù)器上的原始網(wǎng)頁代碼。服務(wù)器運(yùn)行動態(tài)網(wǎng)頁代碼部分，產(chǎn)生當(dāng)前的服務(wù)器服務(wù)器運(yùn)行動態(tài)網(wǎng)頁代碼部分，產(chǎn)生當(dāng)前的服務(wù)器時間，然后在網(wǎng)頁中以產(chǎn)生的當(dāng)前服務(wù)器時間代替時間，然后在網(wǎng)頁中以產(chǎn)生的當(dāng)前服務(wù)器時間代替動態(tài)網(wǎng)頁代碼部分，轉(zhuǎn)變?yōu)閯討B(tài)網(wǎng)頁代碼部分，轉(zhuǎn)變?yōu)镈HTMLDHTML網(wǎng)頁，發(fā)送給瀏網(wǎng)頁，發(fā)送給瀏覽器。瀏覽器運(yùn)行覽器。瀏覽器運(yùn)行DHTMLDHTML客戶端程序，產(chǎn)生當(dāng)前的客戶端程序，產(chǎn)生當(dāng)前的瀏覽器時間，并解釋靜態(tài)網(wǎng)頁部分，輸出顯示。瀏覽器時間，并解釋靜態(tài)網(wǎng)頁部分，輸出顯示。81所有靜態(tài)網(wǎng)頁和所有靜態(tài)網(wǎng)頁和DHTMLDHTML網(wǎng)頁可以在資源管理器中

53、網(wǎng)頁可以在資源管理器中雙雙擊，調(diào)用擊，調(diào)用瀏覽器解釋顯示。瀏覽器解釋顯示。 動態(tài)網(wǎng)頁必須先放到服務(wù)器中，然后通過動態(tài)網(wǎng)頁必須先放到服務(wù)器中，然后通過HTTPHTTP的方的方式訪問式訪問。靜態(tài)網(wǎng)頁和靜態(tài)網(wǎng)頁和DHTMLDHTML網(wǎng)頁代碼直接傳給瀏覽器。網(wǎng)頁代碼直接傳給瀏覽器。客戶客戶端在瀏覽器中可以查看網(wǎng)頁代碼端在瀏覽器中可以查看網(wǎng)頁代碼。 動態(tài)網(wǎng)頁內(nèi)所有服務(wù)器代碼是被應(yīng)用服務(wù)器處理后，動態(tài)網(wǎng)頁內(nèi)所有服務(wù)器代碼是被應(yīng)用服務(wù)器處理后，將結(jié)果變?yōu)殪o態(tài)網(wǎng)頁，然后傳給瀏覽器解釋顯示。將結(jié)果變?yōu)殪o態(tài)網(wǎng)頁，然后傳給瀏覽器解釋顯示?？蛻舳丝床坏絼討B(tài)網(wǎng)頁代碼?？蛻舳丝床坏絼討B(tài)網(wǎng)頁代碼。82除非在服務(wù)器端對網(wǎng)頁作

54、更改，否則任何用戶任何除非在服務(wù)器端對網(wǎng)頁作更改，否則任何用戶任何時間訪問同一靜態(tài)網(wǎng)頁，得到的網(wǎng)頁都時間訪問同一靜態(tài)網(wǎng)頁，得到的網(wǎng)頁都相同。相同。 DHTML DHTML網(wǎng)頁和動態(tài)網(wǎng)頁隨不同用戶、不同時間訪問，網(wǎng)頁和動態(tài)網(wǎng)頁隨不同用戶、不同時間訪問，程序運(yùn)行的結(jié)果可能不同，得到的網(wǎng)頁也就程序運(yùn)行的結(jié)果可能不同，得到的網(wǎng)頁也就不同。不同。靜態(tài)網(wǎng)頁容易設(shè)計，維護(hù)費(fèi)用低，訪問速度快。但靜態(tài)網(wǎng)頁容易設(shè)計，維護(hù)費(fèi)用低，訪問速度快。但不能提供即時信息（如股票信息），信息只能單向不能提供即時信息（如股票信息），信息只能單向流動，用戶無交互體驗。流動，用戶無交互體驗。83動態(tài)網(wǎng)頁設(shè)計技術(shù)CGIASPPHPJS

55、PASP.NETJAVA EE3P技術(shù)84早期早期WebWeb應(yīng)用程序只包含靜態(tài)網(wǎng)頁，是簡單地發(fā)布應(yīng)用程序只包含靜態(tài)網(wǎng)頁，是簡單地發(fā)布新聞的網(wǎng)站。新聞的網(wǎng)站。隨著隨著InternetInternet的發(fā)展，的發(fā)展，WebWeb用戶對這種不動不閃的用戶對這種不動不閃的靜態(tài)網(wǎng)頁方式越來越不滿意，開始有了新的需求，靜態(tài)網(wǎng)頁方式越來越不滿意，開始有了新的需求，希望能得到動態(tài)的網(wǎng)上體驗。對于有希望能得到動態(tài)的網(wǎng)上體驗。對于有實時實時要求（股要求（股票信息等）和票信息等）和快速更新快速更新要求（電子商務(wù)等）的網(wǎng)站，要求（電子商務(wù)等）的網(wǎng)站，使用靜態(tài)頁面不能滿足快速更新的要求，必須由系使用靜態(tài)頁面不能滿足快

56、速更新的要求，必須由系統(tǒng)自動更新，需要由動態(tài)網(wǎng)頁來完成；查詢數(shù)據(jù)庫、統(tǒng)自動更新，需要由動態(tài)網(wǎng)頁來完成；查詢數(shù)據(jù)庫、調(diào)用程序處理、發(fā)送電子郵件等也必須要有動態(tài)網(wǎng)調(diào)用程序處理、發(fā)送電子郵件等也必須要有動態(tài)網(wǎng)頁才能滿足用戶的需求。頁才能滿足用戶的需求。85動態(tài)網(wǎng)頁第一階段服務(wù)器端公共網(wǎng)關(guān)接口（服務(wù)器端公共網(wǎng)關(guān)接口（Common Gateway InterfaceCommon Gateway Interface，CGICGI）。）。 與與WebWeb靜態(tài)獲取不同，使用靜態(tài)獲取不同，使用CGICGI可以創(chuàng)建服務(wù)器端程序，當(dāng)可以創(chuàng)建服務(wù)器端程序，當(dāng)用戶在瀏覽器端填好表單（用戶在瀏覽器端填好表單（formf

57、orm）要求輸入的資料，提出）要求輸入的資料，提出H HTTPTTP請求后，請求后，WebWeb服務(wù)器端將執(zhí)行一個設(shè)定的可執(zhí)行的服務(wù)器端將執(zhí)行一個設(shè)定的可執(zhí)行的CGICGI應(yīng)應(yīng)用程序，用程序，CGICGI程序分析表單（程序分析表單（formform）中所輸入的資料，存?。┲兴斎氲馁Y料，存取數(shù)據(jù)庫，將查詢執(zhí)行的結(jié)果以數(shù)據(jù)庫，將查詢執(zhí)行的結(jié)果以HTMLHTML的格式返回給瀏覽器。的格式返回給瀏覽器。 CGICGI可以可以實現(xiàn)處理表格，數(shù)據(jù)庫查詢，發(fā)送電子郵件實現(xiàn)處理表格，數(shù)據(jù)庫查詢，發(fā)送電子郵件等許多等許多操作，操作，CGICGI使網(wǎng)頁變得不再是靜態(tài)的，而是交互式的。使網(wǎng)頁變得不再是靜態(tài)的，而是

58、交互式的。 編寫編寫CGICGI腳本可以用多種語言，從腳本可以用多種語言，從PerlPerl到到Visual BasicVisual Basic都可都可以，這使得掌握不同編程語言的用戶都能編寫以，這使得掌握不同編程語言的用戶都能編寫CGICGI腳本。腳本。CGCGI I（Common gate intergaceCommon gate intergace）。）。86CGICGI的缺點(diǎn)：的缺點(diǎn)：設(shè)計與移植困難設(shè)計與移植困難。存在著較大的安全隱患存在著較大的安全隱患。如果采用。如果采用CGICGI，必須允許，必須允許陌生人在系統(tǒng)上執(zhí)行程序，這樣就給具有惡意企圖陌生人在系統(tǒng)上執(zhí)行程序，這樣就給具有惡

59、意企圖的用戶提供了可乘之機(jī)，讓系統(tǒng)運(yùn)行了一些侵犯或的用戶提供了可乘之機(jī)，讓系統(tǒng)運(yùn)行了一些侵犯或破壞系統(tǒng)的程序，因此必然會產(chǎn)生新的技術(shù)來改進(jìn)破壞系統(tǒng)的程序，因此必然會產(chǎn)生新的技術(shù)來改進(jìn)CGICGI的不足，這就是的不足，這就是AppletApplet。87動態(tài)網(wǎng)頁第二階段客戶端客戶端AppletApplet。 19951995年年5 5月，月，SunSun公司的公司的JohnJohn GageGage和和AndreessenAndreessen宣布了一種宣布了一種新的編程語言誕生，這就是新的編程語言誕生，這就是JavaJava。 JavaJava這個最初是為了支這個最初是為了支持機(jī)頂盒的編程語言竟

60、然與因特網(wǎng)一見鐘情，在持機(jī)頂盒的編程語言竟然與因特網(wǎng)一見鐘情，在WebWeb上發(fā)布上發(fā)布JavaJava僅幾個月，就已經(jīng)有成千上萬的用戶下載，因此動態(tài)僅幾個月，就已經(jīng)有成千上萬的用戶下載，因此動態(tài)W Webeb頁面就此掀開了新的一頁：頁面就此掀開了新的一頁：AppletApplet時代到來了。時代到來了。 AppletApplet是可嵌入是可嵌入WebWeb頁面的小應(yīng)用程序頁面的小應(yīng)用程序。只要用戶使用支持。只要用戶使用支持JavaJava的瀏覽器，就可以的瀏覽器，就可以在瀏覽器的在瀏覽器的JavaJava虛擬機(jī)（虛擬機(jī)（JavaJava VirtuVirtualal MachineMachi