二動態(tài)頁面表達及其技術基礎課件

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

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

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

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

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

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

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