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

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

2、 (asp,php,jsp,asp.net),動(dòng)態(tài)網(wǎng)頁制作,三、本課程主要研究的內(nèi)容： 1、動(dòng)態(tài)網(wǎng)頁的基本方式,(如何建立動(dòng)態(tài)網(wǎng)頁,如何發(fā)布動(dòng)態(tài)網(wǎng)頁) 2、相關(guān)動(dòng)態(tài)網(wǎng)頁的設(shè)計(jì)技巧,動(dòng)態(tài)網(wǎng)頁制作,四、考核辦法： 本課程共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)頁制作,五、上機(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)頁制作,六、學(xué)習(xí)目標(biāo)：完成一個(gè)動(dòng)態(tài)網(wǎng)站，新浪申請一個(gè)博客，并完成相關(guān)內(nèi)容．,動(dòng)態(tài)網(wǎng)頁制作,第1章 基礎(chǔ)知識,本章主要了解動(dòng)態(tài)網(wǎng)頁基本概念及其工作環(huán)境。,第1章 動(dòng)態(tài)網(wǎng)頁的基礎(chǔ)知識,1.1 Internet及

4、其提供的服務(wù)1.2 WWW的基本概念1.3 Web程序設(shè)計(jì)的方式1.4 IIS上的WWW服務(wù)器實(shí)現(xiàn)1.5 本書說明1.6 本書所需的軟件環(huán)境,1.1 Internet及其提供的服務(wù),1.1.1 什么是Internet,從網(wǎng)絡(luò)通信技術(shù)的觀點(diǎn)來看，Internet是一個(gè)以TCP/IP通信協(xié)議為基礎(chǔ)，連接各個(gè)國家、各個(gè)部門、各個(gè)機(jī)構(gòu)計(jì)算機(jī)網(wǎng)絡(luò)的數(shù)據(jù)通訊網(wǎng)；從信息資源的觀點(diǎn)來看，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ǎ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)記語言HTML1.2.6 超文本傳輸協(xié)議1.2.7 主頁,1.2.1 概述WWW是Word Wide Web的英文縮寫，譯為“萬維網(wǎng)”或“全球信息網(wǎng)”.WWW服務(wù)的基礎(chǔ)是Web頁面，每個(gè)服務(wù)站點(diǎn)都包括若干個(gè)相互關(guān)聯(lián)的頁面. 每個(gè)站點(diǎn)都有一個(gè)主頁，是進(jìn)入某個(gè)站點(diǎn)的起始頁，也

7、就是第一頁，相當(dāng)于這個(gè)站點(diǎn)的窗口。 WWW的核心是Web服務(wù)器，由它提供各種形式的信息,1.2.2 Web瀏覽器的工作原理 WWW基于客戶機(jī)/服務(wù)器模式.,,用戶輸入不同的URL，可以打開特定的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)嵌入文本中的概念稱為“超文本”。,1.2.4 超文本與超媒體,超文本技術(shù)采用指針連結(jié)的網(wǎng)狀交叉索引方式，對不同來源的信息加以鏈接。超媒體是超文本的自然擴(kuò)展，是超文本與多媒體的組合。在超媒體中，鏈接的除了文本文件以外，還有音像和動(dòng)畫等。,1.2.4 超文本與超媒體,,,超文本標(biāo)記語言HTML---Hyper Text Markup LanguageHTML是一種專用的編程語言，用于編

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

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

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

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

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

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

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

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

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

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

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

21、SP.NET,MicroSoft.Net平臺的側(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)對接；2。這是Internet上首個(gè)大規(guī)模的高度分布式應(yīng)用服務(wù)架構(gòu)；,1.3.4 ASP.NET,3。使用一個(gè)名為“聯(lián)盟”的管理程序

22、，這個(gè)程序能全面管理平臺中運(yùn)行的服務(wù)程序，并且為它們提供強(qiáng)大的安全保護(hù)后臺；MicroSoft.Net將互聯(lián)網(wǎng)作為構(gòu)建新一代操作系統(tǒng)的基礎(chǔ)，對互聯(lián)網(wǎng)和操作系統(tǒng)的設(shè)計(jì)思想進(jìn)行延伸。這樣開發(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。支持語言ASP.NET目前能支持3種語言：C#，Jscrip,V

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

24、開。比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í)沒有選擇

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

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

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

28、環(huán)境本書的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）。,