[學(xué)習(xí)]動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)知識(shí)

1、計(jì)算機(jī)與信息工程系　　　　　　劉 兵,動(dòng)　態(tài)　網(wǎng)　頁(yè)　制　作,使用教材：動(dòng)態(tài)網(wǎng)頁(yè)制作　潘曉南等編著,中國(guó)鐵道出版社 2005。1,動(dòng)態(tài)網(wǎng)頁(yè)制作,一、動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)： 1、要有相關(guān)的網(wǎng)絡(luò)知識(shí) 2、要有語(yǔ)言的基礎(chǔ) 3、與一般的程序設(shè)計(jì)(如C語(yǔ)言)區(qū)別,動(dòng)態(tài)網(wǎng)頁(yè)制作,二、為什么要學(xué)習(xí)動(dòng)態(tài)網(wǎng)頁(yè) 　動(dòng)態(tài)網(wǎng)頁(yè)是目前程序設(shè)計(jì)的一個(gè)主流計(jì)算機(jī)應(yīng)用。動(dòng)態(tài)網(wǎng)頁(yè)的幾種方式?

2、 (asp,php,jsp,asp.net),動(dòng)態(tài)網(wǎng)頁(yè)制作,三、本課程主要研究的內(nèi)容： 1、動(dòng)態(tài)網(wǎng)頁(yè)的基本方式,(如何建立動(dòng)態(tài)網(wǎng)頁(yè),如何發(fā)布動(dòng)態(tài)網(wǎng)頁(yè)) 2、相關(guān)動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)技巧,動(dòng)態(tài)網(wǎng)頁(yè)制作,四、考核辦法： 本課程共30學(xué)時(shí)，其中10學(xué)時(shí)授課，20學(xué)時(shí)實(shí)驗(yàn) 以完成上機(jī)任務(wù)為主50％，25％平時(shí)上機(jī)作業(yè)和課堂抽查考試，25％的實(shí)驗(yàn)報(bào)告。,動(dòng)

3、態(tài)網(wǎng)頁(yè)制作,五、上機(jī)時(shí)間：　　理論課時(shí)間：4，6，7周周二晚上　　上機(jī)時(shí)間：　　　　5，8，9，11，12，13，14周周二晚上 上機(jī)地點(diǎn)： 東7----416,動(dòng)態(tài)網(wǎng)頁(yè)制作,六、學(xué)習(xí)目標(biāo)：完成一個(gè)動(dòng)態(tài)網(wǎng)站，新浪申請(qǐng)一個(gè)博客，并完成相關(guān)內(nèi)容．,動(dòng)態(tài)網(wǎng)頁(yè)制作,第1章 基礎(chǔ)知識(shí),本章主要了解動(dòng)態(tài)網(wǎng)頁(yè)基本概念及其工作環(huán)境。,第1章 動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)知識(shí),1.1 Internet及

4、其提供的服務(wù)1.2 WWW的基本概念1.3 Web程序設(shè)計(jì)的方式1.4 IIS上的WWW服務(wù)器實(shí)現(xiàn)1.5 本書(shū)說(shuō)明1.6 本書(shū)所需的軟件環(huán)境,1.1 Internet及其提供的服務(wù),1.1.1 什么是Internet,從網(wǎng)絡(luò)通信技術(shù)的觀點(diǎn)來(lái)看，Internet是一個(gè)以TCP/IP通信協(xié)議為基礎(chǔ)，連接各個(gè)國(guó)家、各個(gè)部門(mén)、各個(gè)機(jī)構(gòu)計(jì)算機(jī)網(wǎng)絡(luò)的數(shù)據(jù)通訊網(wǎng)；從信息資源的觀點(diǎn)來(lái)看，Internet是一個(gè)集各個(gè)領(lǐng)域、各個(gè)

5、學(xué)科的各種信息資源為一體的、供網(wǎng)上用戶共享的數(shù)據(jù)資源網(wǎng)。,1.1.2 Internet提供的服務(wù)1. 遠(yuǎn)程登錄服務(wù)Telnet（Remote Login）2. 文件傳送服務(wù)FTP 3. 電子郵件服務(wù)E-mail（Electronic Mail） 4. 電子公告板系統(tǒng)（BBS） 5. 萬(wàn)維網(wǎng) 6. 電子商務(wù) 7. Internet電話 8. 其他豐富多彩的Internet服務(wù),1.2 WWW的基本概念

6、,1.2.1 概述1.2.2 Web瀏覽器的工作原理1.2.3 統(tǒng)一資源定位器URL1.2.4 超文本與超媒體1.2.5 超文本標(biāo)記語(yǔ)言HTML1.2.6 超文本傳輸協(xié)議1.2.7 主頁(yè),1.2.1 概述WWW是Word Wide Web的英文縮寫(xiě)，譯為“萬(wàn)維網(wǎng)”或“全球信息網(wǎng)”.WWW服務(wù)的基礎(chǔ)是Web頁(yè)面，每個(gè)服務(wù)站點(diǎn)都包括若干個(gè)相互關(guān)聯(lián)的頁(yè)面. 每個(gè)站點(diǎn)都有一個(gè)主頁(yè)，是進(jìn)入某個(gè)站點(diǎn)的起始頁(yè)，也

7、就是第一頁(yè)，相當(dāng)于這個(gè)站點(diǎn)的窗口。 WWW的核心是Web服務(wù)器，由它提供各種形式的信息,1.2.2 Web瀏覽器的工作原理 WWW基于客戶機(jī)/服務(wù)器模式.,,用戶輸入不同的URL，可以打開(kāi)特定的Web服務(wù)器的相應(yīng)文檔。Web瀏覽器最基本的功能是解釋HTML文檔。,1.2.2 Web瀏覽器的工作原理 WWW基于客戶機(jī)/服務(wù)器模式.,統(tǒng)一資源定位符是文件名的擴(kuò)展。 一個(gè)URL包括了以

8、上所有的信息，構(gòu)成格式為：protocol://machine.name[:port]/directory/filename,1.2.3 統(tǒng)一資源定位符URL（Uniform Resource Locator）,超文本的概念是特德·尼爾遜于1969年左右提出的。蒂姆提出了一種超文本的數(shù)據(jù)結(jié)構(gòu)，并把這種技術(shù)應(yīng)用于描述和檢索信息，實(shí)現(xiàn)了高效率的存取，從而發(fā)明了WWW的信息瀏覽服務(wù)方式。在WWW中的超文本，實(shí)際上是一

9、種解決菜單與信息分離的機(jī)制，把可選菜單項(xiàng)嵌入文本中的概念稱(chēng)為“超文本”。,1.2.4 超文本與超媒體,超文本技術(shù)采用指針連結(jié)的網(wǎng)狀交叉索引方式，對(duì)不同來(lái)源的信息加以鏈接。超媒體是超文本的自然擴(kuò)展，是超文本與多媒體的組合。在超媒體中，鏈接的除了文本文件以外，還有音像和動(dòng)畫(huà)等。,1.2.4 超文本與超媒體,,,超文本標(biāo)記語(yǔ)言HTML---Hyper Text Markup LanguageHTML是一種專(zhuān)用的編程語(yǔ)言，用于編

10、制要通過(guò)WWW顯示的超文本文件頁(yè)面。,1.2.5 超文本標(biāo)記語(yǔ)言HTML,HTML對(duì)文件顯示的具體格式進(jìn)行了詳細(xì)的規(guī)定和描述。HTML采用標(biāo)準(zhǔn)的７位ASCII碼文件形式，通過(guò)一系列格式化方法表示各種超鏈接（hyperlink）和信息。,1.2.5 超文本標(biāo)記語(yǔ)言HTML,用HTML編寫(xiě)的文檔采用“.html”或者“.htm”作為后綴。當(dāng)WWW瀏覽器讀取到HTML文件時(shí)，就以超文本方式顯示給用戶。,1.2.5 超文本標(biāo)記語(yǔ)言

11、HTML,例如，下面的HTML語(yǔ)句建立了一個(gè)按“專(zhuān)題分類(lèi)查詢信息”（information by subject），并將該條目與計(jì)算機(jī)“www.whpu.edu.cn”中的文件“index.html”相鏈接，HTML語(yǔ)法如下： Information by Subject,超文本傳輸協(xié)議HTTP（Hyper Text Transfer Protocol）可以簡(jiǎn)單地被看成是瀏覽器和Web服務(wù)器之間的會(huì)話。,1.2.

12、6 超文本傳輸協(xié)議,HTTP定義了簡(jiǎn)單事務(wù)處理程序，由下４個(gè)步驟組成：（1）客戶機(jī)與服務(wù)器建立連接；（2）客戶機(jī)向服務(wù)器遞交請(qǐng)求，在請(qǐng)求中指明所要求的特定文件；（3）如果請(qǐng)求被接納，那么服務(wù)器便發(fā)回一個(gè)應(yīng)答。在應(yīng)答中至少應(yīng)當(dāng)包括狀態(tài)編號(hào)和該文件內(nèi)容；（4）客戶機(jī)與服務(wù)器斷開(kāi)連接。,1.2.6 超文本傳輸協(xié)議,HTTP協(xié)議是一個(gè)無(wú)狀態(tài)協(xié)議。問(wèn)題：網(wǎng)頁(yè)之間的用戶名如何來(lái)傳遞？,1.2.6 超文本傳輸協(xié)議,主頁(yè)（Home

13、Page）就是用戶在訪問(wèn)Internet網(wǎng)上某個(gè)站點(diǎn)時(shí)，首先顯示的第一個(gè)頁(yè)面從信息查詢的角度來(lái)看，主頁(yè)就是用戶本次通過(guò)WWW在連接訪問(wèn)超文本各類(lèi)信息資源的根；,1.2.7 主頁(yè),從信息提供的角度來(lái)看，由于各個(gè)開(kāi)發(fā)WWW服務(wù)器的機(jī)構(gòu)在組織WWW信息時(shí)是以信息頁(yè)為單位的，這些信息頁(yè)被組織成樹(shù)狀結(jié)構(gòu)以便檢索，那個(gè)代表“樹(shù)根”信息頁(yè)的超文本就是該WWW服務(wù)器的初始頁(yè)（主頁(yè)）。,1.2.7 主頁(yè),1.3 Web程序設(shè)計(jì)的方式,通常的網(wǎng)絡(luò)

14、程序設(shè)計(jì)所采取的大都是一種叫客戶/服務(wù)器（Client/Server 縮寫(xiě)C/S）方式在網(wǎng)絡(luò)上對(duì)數(shù)據(jù)庫(kù)訪問(wèn)發(fā)展的必然趨勢(shì)，即瀏覽器/服務(wù)器方式（Browse/Server 縮寫(xiě)B(tài)/S）,1.3.1 瀏覽器/服務(wù)器方式及原理,1.3.1 瀏覽器/服務(wù)器方式及原理,這種三層式方式采用的瀏覽器/服務(wù)器方式工作原理如下：（1）首先客戶Web瀏覽器發(fā)出請(qǐng)求要求訪問(wèn)Web服務(wù)器的某一網(wǎng)頁(yè)，Web服務(wù)器檢查文件的擴(kuò)展名是不是特殊的網(wǎng)頁(yè)（

15、如ASP頁(yè)），如果是ASP頁(yè)，Web服務(wù)器就確實(shí)它應(yīng)當(dāng)調(diào)用ASP來(lái)處理該頁(yè)。,（2）Web服務(wù)器對(duì)該ASP頁(yè)進(jìn)行語(yǔ)法檢查和編譯。（3）若在腳本程序中使用了ADO（ActiveX Data Objects）對(duì)象，則Web服務(wù)器會(huì)根據(jù)ADO對(duì)象所設(shè)置的參數(shù)來(lái)啟動(dòng)對(duì)應(yīng)的ODBC驅(qū)動(dòng)程序，而啟動(dòng)ODBC驅(qū)動(dòng)程序之后，程序可以直接利用ADO對(duì)象來(lái)訪問(wèn)數(shù)據(jù)庫(kù)，或通過(guò)ADO對(duì)象來(lái)發(fā)送SQL指令，進(jìn)而達(dá)到存取數(shù)據(jù)庫(kù)的目的。,1.3.1 瀏覽器/服

16、務(wù)器方式及原理,（4）最后如果有數(shù)據(jù)必須顯示在瀏覽器上，則腳本程序會(huì)利用ASP所提供的輸出對(duì)象送出數(shù)據(jù)形成動(dòng)態(tài)的HTML文檔，并且和靜態(tài)HTML文檔進(jìn)行合并，然后由WEB服務(wù)器傳送給前端的客戶瀏覽器。,問(wèn)題：用戶輸入數(shù)據(jù)的驗(yàn)證是在Client上好還是Server上要好一些？,1.3.1 瀏覽器/服務(wù)器方式及原理,瀏覽器/服務(wù)器方式的三層結(jié)構(gòu)有以下好處：（1）對(duì)于遠(yuǎn)程的前端用戶來(lái)講，他不需要特殊設(shè)置與軟件安裝.（2）在Web開(kāi)發(fā)

17、者而言，所有的應(yīng)用軟件集中在服務(wù)器端開(kāi)發(fā)管理這種方式又叫零客戶端，或叫瘦客戶。,1.3.2 瀏覽器/服務(wù)器方式的好處,1.ASPASP全名Active Server Pages，是一個(gè)WEB服務(wù)器端的開(kāi)發(fā)環(huán)境，利用它可以產(chǎn)生和運(yùn)行動(dòng)態(tài)的、交互的、高性能的WEB服務(wù)應(yīng)用程序。ASP采用腳本語(yǔ)言VBScript或 JavaScript作為自己的開(kāi)發(fā)語(yǔ)言。,1.3.3 ASP、PHP、JSP的比較,ASP特點(diǎn)：（1）使用V

18、BScript、JScript等簡(jiǎn)單易懂的腳本語(yǔ)言，結(jié)合HTML代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。 （2）無(wú)須compile編譯，容易編寫(xiě)，可在服務(wù)器端直接執(zhí)行。（3）使用普通的文本編輯器，如Windows的記事本，即可進(jìn)行編輯設(shè)計(jì)。 （4）與瀏覽器無(wú)關(guān),1.3.3 ASP、PHP、JSP的比較,2。PHPPHP是一種跨平臺(tái)的服務(wù)器端的嵌入式腳本語(yǔ)言。它大量地借用C，Java和Perl語(yǔ)言的語(yǔ)法,并耦合PHP本身的特性

19、,使WEB開(kāi)發(fā)者能夠快速地寫(xiě)出動(dòng)態(tài)生成頁(yè)面。它支持目前絕大多數(shù)數(shù)據(jù)庫(kù)。,2。PHPPHP是完全免費(fèi)的，可以從PHP官方站點(diǎn)(http://www.php.net)自由下載。而且可以不受限制地獲得源碼，甚至可以從中加進(jìn)所需要的特色。,3.JSPJSP是Sun公司推出的新一代站點(diǎn)開(kāi)發(fā)語(yǔ)言。Jsp可以在Serverlet和JavaBean的支持下，完成功能強(qiáng)大的站點(diǎn)程序。,ASP、PHP、JSP都提供在HTML中的混合編碼。

20、ASP、PHP、JSP三者都是面向Web服務(wù)器的技術(shù)，客戶端瀏覽器不需要任何附加的軟件支持，并且各自有自身的技術(shù)特點(diǎn)。,1.1什么是.net 微軟新一代平臺(tái)的正式名稱(chēng)叫做“新一代Windows服務(wù)”（NGWS），現(xiàn)在微軟已經(jīng)給這個(gè)平臺(tái)注冊(cè)了正式的商標(biāo)——MicroSoft.Net。在.Net環(huán)境中，微軟不僅僅是平臺(tái)和產(chǎn)品的開(kāi)發(fā)者，并且還將作為架構(gòu)服務(wù)提供商、應(yīng)用程序提供商，開(kāi)展全方位的Internet服務(wù)。,1.3.4 A

21、SP.NET,MicroSoft.Net平臺(tái)的側(cè)重點(diǎn)：從連接到互聯(lián)網(wǎng)的單一網(wǎng)站或設(shè)備上，轉(zhuǎn)移到計(jì)算機(jī)、設(shè)備和服務(wù)群組上，使其能合作，并提供更廣泛更豐富的解決方案。,1.3.4 ASP.NET,MicroSoft.Net環(huán)境中突破性改進(jìn)在于：1。使用統(tǒng)一的Internet標(biāo)準(zhǔn)（如XML）將不同的系統(tǒng)對(duì)接；2。這是Internet上首個(gè)大規(guī)模的高度分布式應(yīng)用服務(wù)架構(gòu)；,1.3.4 ASP.NET,3。使用一個(gè)名為“聯(lián)盟”的管理程序

22、，這個(gè)程序能全面管理平臺(tái)中運(yùn)行的服務(wù)程序，并且為它們提供強(qiáng)大的安全保護(hù)后臺(tái)；MicroSoft.Net將互聯(lián)網(wǎng)作為構(gòu)建新一代操作系統(tǒng)的基礎(chǔ)，對(duì)互聯(lián)網(wǎng)和操作系統(tǒng)的設(shè)計(jì)思想進(jìn)行延伸。這樣開(kāi)發(fā)人員創(chuàng)建出擺脫設(shè)備硬件束縛的應(yīng)用程序，以便輕松實(shí)現(xiàn)互聯(lián)網(wǎng)連接。,1.3.4 ASP.NET,1。ASP.NET的調(diào)試環(huán)境操作系統(tǒng)：win 2000瀏覽器：IE5.5以上2。支持語(yǔ)言ASP.NET目前能支持3種語(yǔ)言：C#，Jscrip,V

23、isual Basic3.軟件要求：win2000+sp3，IE5.5， IIS5.0,1.3.4 ASP.NET,ASP.NET在執(zhí)行腳本時(shí)要經(jīng)過(guò)兩次編譯：第一次是從腳本語(yǔ)言到MSIL（Microsoft Intermediate Language，微軟的中間語(yǔ)言）；第二次是MSIL到執(zhí)行的機(jī)器碼。,1.3.4 ASP.NET,ASP.NET與ASP運(yùn)行速度的比較。ASP.NET 解決了把網(wǎng)頁(yè)的內(nèi)容和程序的代碼分

24、開(kāi)。比ASP面向?qū)ο蟮奶攸c(diǎn)更加明顯。,1.3.4 ASP.NET,1.4 IIS上的WWW服務(wù)器實(shí)現(xiàn),1.4.1 IIS概述1. 安全性 安全驗(yàn)證方面 安全通信方面2. 可編程性3. Internet標(biāo)準(zhǔn)支持,1.4.2 IIS的安裝,Web站點(diǎn)的主目錄的路經(jīng)是\Inetpub\wwwrootFTP站點(diǎn)的主目錄的路徑是\Inetpub\ftproot。,如果用戶在安裝Windows 2000時(shí)沒(méi)有選擇

25、安裝IIS 5.0，過(guò)程如下：（1）依次選擇“開(kāi)始→設(shè)置→控制面板→添加/刪除程序”。打開(kāi)“添加/刪除程序”窗口。（2）然后單擊“添加/刪除 Windows 組件”，打開(kāi)“Windows 組件向?qū)А贝翱?IIS主目錄的設(shè)置過(guò)程如下：,IIS主目錄的設(shè)置過(guò)程如下：,創(chuàng)建虛擬目錄，可參照下面的步驟：,,創(chuàng)建虛擬目錄，可參照下面的步驟：,。,,（3）如果用戶知道目錄路徑，可直接在“目錄”文本框中輸入目錄路徑。否者單擊“瀏覽”按鈕，打開(kāi)

26、“瀏覽文件夾”對(duì)話框，選擇目錄路徑。（4） 單擊“下一步”按鈕，打開(kāi)“訪問(wèn)權(quán)限”對(duì)話框，在“允許下列權(quán)限”選項(xiàng)區(qū)域中，用戶可以為此目錄設(shè)置訪問(wèn)權(quán)限。例如，選擇“寫(xiě)入”復(fù)選框，既允許訪問(wèn)者修改目錄內(nèi)容。（5）訪問(wèn)權(quán)限設(shè)置完成后，單擊“下一步”按鈕，進(jìn)入最后一步，打開(kāi)“您已成功完成‘虛擬目錄創(chuàng)建向?qū)А睂?duì)話框。單擊“完成”按鈕，虛擬目錄創(chuàng)建完成。,設(shè)置文件的Web共享屬性來(lái)快速創(chuàng)建虛擬目錄，具體操作步驟如下：,（1）打開(kāi)“我的電腦”或“

27、資源管理器”窗口，右擊要共享的文件夾,,,,（2）選擇“共享這個(gè)文件夾”單選按鈕，此時(shí)會(huì)彈出“編輯別名”對(duì)話框。,（3） 在“別名”框中鍵入該目錄的別名。（4） 在“應(yīng)用程序許可”選項(xiàng)區(qū)域中，通過(guò)選擇單選按鈕來(lái)設(shè)置目錄中的應(yīng)用程序許可權(quán)限.,1.4.4 設(shè)置默認(rèn)的文檔在每一個(gè)目錄中都可以建立這樣一個(gè)默認(rèn)的文檔，因?yàn)槿绻麤](méi)有默認(rèn)文檔，用戶用不帶文件名的URL訪問(wèn)Web服務(wù)器時(shí)，WWW服務(wù)器將返回錯(cuò)誤。,,1.6 本書(shū)所需的軟件

28、環(huán)境本書(shū)的Web程序設(shè)計(jì)是以ASP.NET為基礎(chǔ)，那么要運(yùn)行ASP.NET必須要有.NET Framework SDK。它可以到http://msdn.microsoft.com/downloads/default.asp去下載。如果要有Visual Studio.net軟件，可直接安裝，因其本身帶有.NET Framework SDK。另外，還需要有SQL Server 2000（或者SQL Server　7.0、ACCESS）。,