5 動態(tài)網(wǎng)頁技術(shù).ppt

1、網(wǎng)站腳本語言介紹,主要內(nèi)容,Web應(yīng)用開發(fā)技術(shù)綜述 常用網(wǎng)站動態(tài)腳本語言介紹 Active Server Pages(ASP),1、Web應(yīng)用開發(fā)技術(shù)綜述,軟件體系結(jié)構(gòu)發(fā)展歷史 Client/Server 模式 Browser/Server模式 軟件的分層結(jié)構(gòu) Web技術(shù)介紹,軟件體系結(jié)構(gòu)發(fā)展歷史,文件服務(wù)器結(jié)構(gòu) 客戶、數(shù)據(jù)和程序 客戶機(jī)/服務(wù)器結(jié)構(gòu)（C/S） C/S結(jié)構(gòu)原理 C/S特點 瀏覽器/服務(wù)器結(jié)構(gòu)（B/S） B/S結(jié)構(gòu)原理 B/S特點 多層體系結(jié)構(gòu),客戶機(jī)/服務(wù)器結(jié)構(gòu)(C/S),由兩部分組成，即客戶應(yīng)用程序和數(shù)據(jù)庫服務(wù)器程序； 服務(wù)器被啟動，就隨時等待響應(yīng)客戶程序發(fā)來的請求； 當(dāng)需要

2、對數(shù)據(jù)庫中的數(shù)據(jù)進(jìn)行任何操作時，客戶程序就自動地尋找服務(wù)器程序，并向其發(fā)出請求，服務(wù)器程序根據(jù)預(yù)定的規(guī)則作出應(yīng)答，送回結(jié)果。,客戶機(jī)/服務(wù)器結(jié)構(gòu)的特點,程序和數(shù)據(jù)分離，數(shù)據(jù)可以為不同程序所用； 性能要比文件服務(wù)器結(jié)構(gòu)要強(qiáng)； 維護(hù)起來要比文件服務(wù)器結(jié)構(gòu)容易； 胖客戶機(jī)，瘦服務(wù)器資源沒有合理使用； 客戶機(jī)程序配置復(fù)雜，開發(fā)難度大； 難以使應(yīng)用系統(tǒng)動態(tài)適應(yīng)企業(yè)日益增長的業(yè)務(wù)需求； C/S開發(fā)缺乏標(biāo)準(zhǔn)，通常是雜湊的，系統(tǒng)的可用性和性能受到懷疑，同時也不便于異構(gòu)系統(tǒng)的互連和擴(kuò)充 ； 難以保證應(yīng)用系統(tǒng)的安全性 。,瀏覽器/服務(wù)器結(jié)構(gòu)（B/S）,客戶層（browser） 用戶接口和用戶請求的發(fā)出地，典型應(yīng)用

3、是網(wǎng)絡(luò)瀏覽器； 服務(wù)器層（web server） 典型應(yīng)用是Web服務(wù)器和運行業(yè)務(wù)代碼的應(yīng)用程序服務(wù)器 數(shù)據(jù)層（data tier） 典型應(yīng)用是關(guān)系型數(shù)據(jù)庫和其他后端（back-end）數(shù)據(jù)資源, 如Oracle和LDAP 等。,瀏覽器/服務(wù)器結(jié)構(gòu)的特點,瀏覽器是客戶端最主要的應(yīng)用軟件,這樣統(tǒng)一了客戶端，簡化了客戶端 ； 使用戶的操作變得更簡單 ； B/S特別適用于網(wǎng)上信息發(fā)布，使得傳統(tǒng)的MIS的功能有所擴(kuò)展 ； 滿足企業(yè)不斷變化的業(yè)務(wù)需求； 瀏覽器/服務(wù)器結(jié)構(gòu)是客戶機(jī)/服務(wù)器結(jié)構(gòu)得擴(kuò)展，是典型的三層結(jié)構(gòu)； 三層結(jié)構(gòu)只是簡單把數(shù)據(jù)層分開，沒有把程序代碼按照邏輯分開，代碼重用難度大； 顯示邏輯和

4、業(yè)務(wù)功能邏輯沒有邏輯分開，耦合性差； 移植性比較差。,軟件分層結(jié)構(gòu)的意義,把顯示邏輯從業(yè)務(wù)邏輯中分離出來，這就意味著業(yè)務(wù)代碼是獨立的，可以不關(guān)心怎樣顯示和在哪里顯示。 業(yè)務(wù)邏輯層處于中間層，不需要關(guān)心由哪種類型的客戶來顯示數(shù)據(jù)，也可以與后端系統(tǒng)保持相對獨立性，有利于系統(tǒng)擴(kuò)展。 多層結(jié)構(gòu)具有更好的移植性，可以跨不同類型的平臺工作，允許用戶請求在多個服務(wù)器間進(jìn)行負(fù)載平衡。 軟件分層要有個尺度，不是層次越多越好，根據(jù)具體業(yè)務(wù)來劃分層次。,動態(tài)網(wǎng)頁生成,WEB數(shù)據(jù)庫技術(shù)即是B/S結(jié)構(gòu)，采用三層或者多層體系結(jié)構(gòu)，前端采用基于瘦客戶機(jī)的瀏覽器技術(shù)，通過WEB服務(wù)器及中間件訪問數(shù)據(jù)庫。如圖所示：,動態(tài)頁面工

5、作原理介紹,當(dāng)用戶請求一個*.asp（*.jsp,*.php,cgi等）頁面時，WEB服務(wù)器響應(yīng)HTTP請求，調(diào)用asp（jsp,php,cgi等）引擎，解釋(編譯)被申請文件。 若腳本中含有訪問數(shù)據(jù)庫的請求，就通過ODBC或者OLE DB(JDBC)與后臺數(shù)據(jù)庫相連，由數(shù)據(jù)庫訪問組件執(zhí)行訪庫操作。 ASP腳本在服務(wù)器端解釋(JSP在服務(wù)器端是編譯)執(zhí)行，根據(jù)訪問數(shù)據(jù)庫的結(jié)果集自動生成符合HTML語言的主頁，去響應(yīng)用戶的請求。所有相關(guān)的發(fā)布工作由WWW服務(wù)器負(fù)責(zé)。 目前，常用的WEB數(shù)據(jù)庫開發(fā)技術(shù)有以下幾種：CGI、ASP、PHP、JSP。,php ,Asp,jsp訪問Web數(shù)據(jù)庫的工作原理圖

6、,2、網(wǎng)站腳本語言介紹,CGI（Common Gateway Interface） PHP（Personal Home Page ） ASP（Active Server Pages） JSP（Java Server Pages）,通用網(wǎng)關(guān)技術(shù)（CGI）概述,概念：CGI是Web服務(wù)器運行時外部程序的規(guī)范，按照CGI編寫的程序可以擴(kuò)展服務(wù)器的功能，完成服務(wù)器本身不能完成的工作，外部程序執(zhí)行時可以生成HTML文檔，并將文檔返回Web服務(wù)器。 一個CGI程序可以從數(shù)據(jù)庫服務(wù)器中獲取數(shù)據(jù)，然后格式化為HTML文檔后發(fā)送給瀏覽器，也可以將從瀏覽器獲得的數(shù)據(jù)放到數(shù)據(jù)庫中。 編寫CGI的語言可以是任何一種W

7、eb服務(wù)器內(nèi)置語言，諸如：Perl、C、C+、VB和Delphi等,PHP概述,PHP：超文本預(yù)處理器（PHP: Personal Hypertext Preprocessor）。 1994：Rasmus Lerdorf首先提出 1997：Zeev Suraski、Andi Gutamns 加以完善，PHP 3 后臺：Unix/Linux/Windows均可； 前臺：網(wǎng)頁瀏覽器Browser,PHP概述(續(xù)1),PHP文件：在普通HTML文件中嵌入腳本語 言，類似C/Java/Perl。 與ASP一樣，腳本在服務(wù)器端運行，不受客戶端瀏覽器限制，便于存取數(shù)據(jù)庫。,PHP的優(yōu)點,PHP是完全免費的

8、，可以從PHP官方站點()自由下載。 PHP的源代碼開放； 多平臺支持； 不受客戶端瀏覽器限制； 與ASP相比，PHP占用系統(tǒng)資源較少，執(zhí)行效率較高。,PHP的缺點,運行環(huán)境的安裝、配置比較復(fù)雜； 相對ASP，復(fù)雜一些； 沒有大型專業(yè)公司支持。,ASP概述,ASP：Active Server Pages，動態(tài)服務(wù)器網(wǎng) 頁技術(shù)，MicroSoft推出 后臺：Windows NT/2000 Windows 98(PWS 4.0,Personal Web Server) 前臺：網(wǎng)頁瀏覽器Browser,ASP概述(續(xù)1),ASP文件：在普通HTML文件中嵌入 VBScript/JavaScript腳

9、本語言。 在ASP中，腳本在服務(wù)器端運行，當(dāng)客戶請求一個ASP文件時，服務(wù)器就把文件解釋成標(biāo)準(zhǔn)的HTML文件發(fā)回客戶端。 在服務(wù)器端運行的好處：不受客戶端瀏覽器限制，便于和服務(wù)器交換數(shù)據(jù)，如存取數(shù)據(jù)庫。,ASP的優(yōu)點,VBScript源自VB，簡單易學(xué)； 腳本語言直接嵌入HTML文檔，無需編譯、連接就可以解釋執(zhí)行； 利用ADO組件輕松存取數(shù)據(jù)庫； 面向?qū)ο缶幊?，可擴(kuò)展ActiveX Server組件功能； 不存在瀏覽器兼容問題； 可隱藏源程序代碼。,ASP的缺點,運行速度比HTML慢； ASP一般限于Windows NT/2000平臺。,JSP概述,JSP：Java Server Pages，

10、 Sun公司推出。 后臺：Unix/Linux/Windows NT/2000均可； 前臺：網(wǎng)頁瀏覽器Browser,JSP概述(續(xù)1),JSP文件：在普通HTML文件中嵌入 Java程序片段(Scriptlet)。 在JSP中，腳本在服務(wù)器端運行，當(dāng)客戶第一次請求一個JSP文件時，該文件將被編譯成Servlet，并由Java虛擬機(jī)執(zhí)行，以后的請求就不用再編譯了。 注意：ASP每次請求均需翻譯。,JSP的優(yōu)點,多平臺支持； 編譯后運行，執(zhí)行效率高； JSP采用Java技術(shù)，而Java作為一個成熟的跨平臺的程序設(shè)計語言，幾乎可以實現(xiàn)任何想要實現(xiàn)的功能。,JSP的缺點,開發(fā)運行環(huán)境比ASP復(fù)雜；

11、相對ASP的VBScript而言，Java稍難。,Php,asp,jsp三種Web技術(shù)比較,3、ASP 腳本語言講解,ASP技術(shù)的優(yōu)勢 ASP的運行環(huán)境 ASP語法簡介 ASP腳本舉例 ASP的開發(fā)工具 ASP的調(diào)試技巧 ASP腳本編寫注意事項 ASP.NET簡介,選擇ASP的理由,ASP是微軟的產(chǎn)品，與流行的Windows系統(tǒng)和IE瀏覽器兼容性好，發(fā)展前景好 ASP所用的VBScript簡單易學(xué)； ASP的網(wǎng)上資源多，便于初學(xué)者。,2. ASP運行環(huán)境, Windows NT 4.0: 在Server上安裝IIS4.0 (Internet Information Server 4.0); W

12、indows 2000 Server: 本身已經(jīng)支持； Windows 98: 安裝個人服務(wù)器軟件PWS 4.0 (Personal Web Server 4.0)。 虛擬目錄：缺省C:intepubwwwroot ，用戶最好另建自己的虛擬目錄,3. ASP語法簡介,ASP文件就是在普通HTML文件中嵌入 VBScript /JavaScript腳本語言。 過去開發(fā)網(wǎng)頁也用腳本語言，但以前的腳本語言是在客戶端運行，客戶端瀏覽器必須支持才行。 在ASP中，腳本在服務(wù)器端運行，當(dāng)客戶請求一個ASP文件時，服務(wù)器就把文件解釋成標(biāo)準(zhǔn)的HTML文件發(fā)回客戶端。,3.1 ASP文件的基本組成和約定,ASP

13、程序包括3個部分： 普通的HTML文件； Server端的Script代碼，位于之間的程序代碼 客戶端的代碼，位于 之間的程序代碼。,3.1 ASP文件的基本組成和約定（注意事項）, 在ASP中，VBScript是默認(rèn)的腳本語言，如需改變，可如下進(jìn)行： 由于ASP是在Server端執(zhí)行，而VBScript的用戶界面方法(如InputBox和MsgBox)是在Client端執(zhí)行，故在ASP中就不能使用了。,3.2 ASP文件舉例, 一個簡單的ASP程序 歡迎您光臨我的主頁 ,3.2 ASP文件舉例,3.2 ASP文件舉例(續(xù)), 一個簡單的ASP程序 歡迎您來訪 ,3.2 ASP文件舉例(續(xù)),

14、3.2 ASP文件舉例(續(xù)), 一個簡單的ASP程序 歡迎您來訪 歡迎您來訪 歡迎您來訪 歡迎您來訪 歡迎您來訪 歡迎您來訪 ,3.3 ASP的開發(fā)工具, Microsoft Visual InterDev，可編寫、調(diào)試，適合多人合作開發(fā)大型程序； 記事本或其它文本編輯器，*.asp EditPlus、FrontPage,3.4 ASP的調(diào)試技巧, 用編輯器編寫，用瀏覽器調(diào)試； 閱讀出錯信息，如錯誤描述、出錯代碼行數(shù)等，查出原因； 將一些語句注釋掉，依次逐段調(diào)試； 在程序中臨時添加輸出語句，如Response.Write，將中間結(jié)果輸出來查看，以發(fā)現(xiàn)錯誤。,3.5 ASP程序編寫注意事項,在A

15、SP中，字母不區(qū)分大小寫； 在ASP中，標(biāo)點符號均為英文狀態(tài)下輸入的標(biāo)點符號；但在字符串中無所謂。 普通的HTML元素可以在一行里連續(xù)書寫，但在ASP中必須分行書寫。一條ASP語句就是一行，一行也只能寫一條ASP語句。,3.5 ASP程序編寫注意事項(續(xù)),(4) 如果ASP語句太長，一行寫不下，可用續(xù)行符“_”(下劃線)，也可直接寫，讓它自動換行。 (5) 普通HTML的注釋語句為: 。 (6) ASP的注釋語句為: REM 注釋內(nèi)容 注釋內(nèi)容,3.5 ASP程序編寫注意事項(續(xù)),(7) 在ASP中，的位置相對隨意，既可以單獨占一行，也可以與ASP語句和在一起占一行。 (8) 書寫風(fēng)格，縮

16、進(jìn)格式，階梯式，加注釋 (9) 在ASP程序中可以包含HTML語句，充分利用FrontPage等編寫HTML語句，特別是表格等，在將VBScript腳本插入。,ASP 的缺憾,程序過于繁瑣 每個動作都要寫程序才能實現(xiàn) 程序與數(shù)據(jù)混雜 只支持解釋腳本語言Script,新一代的 ASP .NET,建立、部署及執(zhí)行 Web應(yīng)用程序的平臺 徹底解決今日 ASP 的問題 更簡潔、強(qiáng)大的網(wǎng)頁模型 支持編譯程序設(shè)計語言 具有層次性功能的架構(gòu) 簡化部署,Base Class Library,Common Language Specification,Common Language Runtime,Data a

17、nd XML,VB,C+,C#,Visual Studio.NET,ASP .NET & Web Services,JScript,User Interface,Microsoft .NET Framework,ASP .NET 架構(gòu),Browser Send Request for mypage.aspx Web Server 交由 xspisapi.dll 來處理 xspisapi.dll 將 mypage.aspx 轉(zhuǎn)換成 source file xspisapi.dll compile source file 并將結(jié)果存在 codegen 目路下 xspisapi.dll create object from compiled code,ASP .NET 平臺,網(wǎng)頁(Pages),服務(wù)(Services),應(yīng)用程序基礎(chǔ)架構(gòu)(Application Infrastructure),ASP .NET Page 架構(gòu), function xx() even_handler() HTML code Server Control,ASP .NET Web Pages (1/2),ASP .NET 網(wǎng)頁簡化開發(fā)