二動態(tài)頁面表達(dá)及其技術(shù)基礎(chǔ)課件

1、二、動態(tài)頁面表達(dá)及其技術(shù)基礎(chǔ)在WEB發(fā)展的早期，WEB服務(wù)器只提供靜態(tài)的HTML頁面，隨著應(yīng)用需求的增長和相關(guān)技術(shù)的發(fā)展，業(yè)務(wù)數(shù)據(jù)存儲與WEB頁面的集成變成了現(xiàn)實，從而推動了WEB應(yīng)用從單一的信息提供發(fā)展為電子商務(wù)工具。 Page 11 動態(tài)網(wǎng)頁技術(shù)基礎(chǔ)這里的“動態(tài)”重點不在于如何獲得數(shù)據(jù)、也不在于如何構(gòu)建復(fù)雜的業(yè)務(wù)邏輯，而是實現(xiàn)用戶與應(yīng)用程序的通信，以及如何將所獲得的數(shù)據(jù)顯示在網(wǎng)頁中，主要目標(biāo)仍然在網(wǎng)頁上，在信息的表達(dá)上，特別是信息的雙向交互上。Script：腳本（嵌入HTML語句中的程序語言） JavaScript是由Java的語法派生而來的，故被稱作Java腳本。Microsoft開發(fā)了

2、基于 Visual Basic的 Script語言，即 VBscript。后來，微軟又開發(fā)了類似JavaScript的語言，叫做JScript。服務(wù)器端腳本：服務(wù)器端執(zhí)行的腳本程序。 Page 2腳本與服務(wù)器端腳本服務(wù)器端腳本程序來說，解釋的工作是由服務(wù)器在將頁面發(fā)出到瀏覽器之前完成的。Todays DateTodays Date isTodays DateTodays Date isWednesday, June 7th 2000. Page 3腳本比較腳本：使一個站點中的網(wǎng)頁對終端的用戶響應(yīng)性更好，來執(zhí)行基本的邏輯操作和編程。更多的簡單操作，例如驗證用戶在一個字端中輸入數(shù)據(jù)，或者是瀏覽器端

3、的其他一些交互式的操作，通過服務(wù)器的程序來判斷并不是一種好的解決方案。服務(wù)器端：不存在瀏覽器兼容的問題?？梢栽L問服務(wù)器端的資源。簡化了客戶端的裝載。 Page 4Java AppletsJava Applet 是由 Java 語言編寫的包含在網(wǎng)頁里的“小應(yīng)用程序”，它不能獨立運(yùn)行，而必須嵌入一個HTML文件之中，由瀏覽器解釋之后作為網(wǎng)頁的一部分來執(zhí)行。 請求 響應(yīng)HTML 圖 客戶端執(zhí)行邏輯示意圖Client(瀏覽器)Web ServerHTML頁面Applet Page 6ActiveXMicrosoft將ActiveX定義為一組綜合技術(shù)，這些技術(shù)使得用任何語言寫的軟件構(gòu)件在網(wǎng)絡(luò)環(huán)境中都能相

4、互操作。在這些技術(shù)當(dāng)中，ActiveX控件與Web設(shè)計的關(guān)系最密切?；旧?，一個ActiveX控件是一個下載到IE，唯一支持這種技術(shù)的瀏覽器，并在客戶端執(zhí)行的功能完全的程序。ActiveX與Microsofts Windows操作系統(tǒng)一起工作，這可以提供比Java applet更強(qiáng)大的功能，但它只能在Windows環(huán)境下工作。 Page 7瀏覽器支持程序IE可否執(zhí)行NC可否執(zhí)行JavaScript VBScript ActiveX控件 Page 9分析使用客戶端腳本的好處： 服務(wù)器與用戶的通信比較少，需要的服務(wù)器資源比較少（由于在客戶端執(zhí)行一些業(yè)務(wù)邏輯），可以對用戶動作作更多的響應(yīng)（如鼠標(biāo)移動

5、）。 支持這種體系結(jié)構(gòu)的技術(shù)包括：JavaScript、Jscript、VBScript等。 Page 10JavaScript透過它可以做到回應(yīng)使用者的需求事件（如：form的輸入）而不用任何的網(wǎng)絡(luò)來回傳輸資料，所以當(dāng)一位使用者輸入一項資料時，它不用經(jīng)過傳給服務(wù)器（server）處理，再傳回來的過程，而直接可以被客戶端（client）的應(yīng)用程序所處理。也可以想像成有一個可執(zhí)行程序在自己的客戶端上執(zhí)行一樣?？梢郧度際TML頁的基于對象的解釋性腳本語言 Page 11Javascript在網(wǎng)頁的用法Javascript加入網(wǎng)頁有兩種方法：直接加入HTML文檔：引用方式：如果已經(jīng)存在一個Javas

6、cript源文件（以js為擴(kuò)展名），則可以采用這種引用的方式，以提高程序代碼的利用率。 。!-document.writeln(這是Javascript！采用直接插入的方法！); Page 12JavaScript的基本語法 JavaScript代碼由 Script Language=”JavaScript”Script說明，在標(biāo)識之間就可加入JavaScript腳本。JavaScript腳本語言同其他語言一樣，有它自身的基本數(shù)據(jù)類型、表達(dá)式和算術(shù)運(yùn)算符以及程序的基本框架結(jié)構(gòu)。JavaScript腳本語言的基本構(gòu)成是由控制語句、函數(shù)、對象、方法和屬性等來實現(xiàn)編程的。 Page 13示例/ Ja

7、vaScript Appears here.alert(這是第一個JavaScript例子!);alert(歡迎你進(jìn)入JavaScript世界!); alert(今后我們將共同學(xué)習(xí)JavaScript知識！); Page 14JavaScript與JAVA的比較是兩個公司開發(fā)的不同的兩個產(chǎn)品。解釋和編譯。強(qiáng)變量和弱變量。代碼格式不一樣。Integer x; String y;x=1234;y=4321;x=1234;y4321; Page 16JscriptJscript只有在Microsoft IE的解釋器下才能運(yùn)行。Jscript和 Javascript在某種程度上很相似，另一方面，它們也有一些重要的差異。 Page 17服務(wù)器端腳本控制邏輯：服務(wù)器收到客戶端的請求，取出傳遞的參數(shù)并確定相應(yīng)的“業(yè)務(wù)對象”，并進(jìn)行適當(dāng)?shù)摹皹I(yè)務(wù)動作”。好處：所需的客戶端資源很少，應(yīng)用邏輯不用裝入，啟動用戶交互所需的網(wǎng)絡(luò)通信量很少，動態(tài)內(nèi)容完全由服務(wù)器端的可執(zhí)行代碼完成，僅僅將HTML頁面返回客戶端，這樣服務(wù)器端的應(yīng)用程序就不必考慮瀏覽器和客戶平臺的差異。支持這種體系結(jié)構(gòu)的技術(shù)很多，包括：ASP、J