【正文】 的方法，極大地方便了程序的開發(fā)，加深了用戶的頁(yè)面體 驗(yàn)度；而引入 jQuery 庫(kù)后，不盡完善了原有功能，還減少了代碼的編寫，通過其內(nèi)部對(duì)象或者函數(shù)，加上幾行代碼就可以實(shí)現(xiàn)復(fù)雜的功能。瀏覽器對(duì)頁(yè)面文件的兼容行，一直以來(lái)都是頁(yè)面開發(fā)者最為頭疼的事，而使用 jQuery操作頁(yè)面的樣式卻可以很好的兼容各種瀏覽器。 AJAX 是 的基石，現(xiàn)在網(wǎng)上流行幾種開源的 AJAX 框架，如jQuery， Mootools， Dojo， Ext JS 等等，在不同的情況下需要使用不同的框架： 從輕量級(jí)選擇：主要是 mootools 和 jquery,由于它們的設(shè)計(jì)思想不同，jquery 是追求簡(jiǎn)潔和高效， mootools 除了追求這些目標(biāo)外，其核心在于面向?qū)ο螅?jquery 更適合快速開發(fā)， mootools 適合稍大型和復(fù)雜的項(xiàng)目， 其中需要面向?qū)ο蟮闹С郑涣硗?，?Ajax 的支持上， jQuery 稍強(qiáng)一些；在 Comet 的支持上， jQuery 有相關(guān)的插件， Mootools 目前沒有，但是 Comet 的核心在于服務(wù)器的支持，瀏覽器端的接口很簡(jiǎn)單， 開發(fā)相關(guān)的插件很簡(jiǎn)單。其實(shí) jQuery 開創(chuàng)性的工作就是如其名一樣： query。同時(shí)簡(jiǎn)化了原始函數(shù)名長(zhǎng)難于記憶的經(jīng)常書寫出錯(cuò)的問題，提供了 AJAX 的訪問方式?？傊窃趯?duì) DOM 元素進(jìn)行操作。它的主旨是：以更少的代碼，實(shí)現(xiàn)更多的功能（ Write less， do more）。字體屬性的含義明確，使用簡(jiǎn)單。顏色及背景屬性。 div將其中包含的內(nèi)容形成一個(gè)獨(dú)立的段落。它的存在純粹是為了應(yīng)用樣式，所以當(dāng)樣式表失效時(shí)它就沒有任何作 用了。 4. 偽類 偽類是特殊的類，可區(qū)別標(biāo)記的不同狀態(tài)，能自動(dòng)的被支持 CSS 的瀏覽器所識(shí)別 。前面已經(jīng)提到過的內(nèi)聯(lián)樣式也適用于此場(chǎng)合。它與類選擇符的區(qū)別在于， id 選擇符在一個(gè) HTML 文件中只能引用一次，但是類選擇符可以多次引用。但有時(shí)在頁(yè)面中可能不希望同一種標(biāo)記都遵循同 一種樣式，或者希望不同的標(biāo)記能夠遵循相同的樣式。由于樣式是在標(biāo)記內(nèi)部使用的，故稱為“內(nèi)聯(lián)樣式”。兩者的區(qū)別在于：引入方式在瀏覽器下載 HTML 文件時(shí)就將樣式文件的全 16 部?jī)?nèi)容復(fù)制到 import 關(guān)鍵字所在位置，以替換該關(guān)鍵字；而連接方式在瀏覽器下載 HTML 文件時(shí)并不進(jìn)行替換，而是僅僅在 HTML 文件體部需要引用 CSS 樣式文件的某個(gè)樣式時(shí)，瀏覽器才鏈接樣式文件，讀取需要的內(nèi)容。 TYPE 屬性指出樣式的類別，通常取值為 text/css。 在 HTML 文件頭部使用多個(gè) link標(biāo)記就可以鏈接到多個(gè)外部樣式表。另外一個(gè) HTML 文件也可以引用多個(gè) CSS 樣式文件中的樣式定義。它擴(kuò)展了 HTML 標(biāo)記的屬性設(shè)定，稱為 CSS 樣式，通過腳本程序控制，可以使頁(yè)面的變現(xiàn)方式更加靈活，更具動(dòng)態(tài)性。當(dāng)用戶訪問該頁(yè)， Web 服務(wù)器按照用戶的請(qǐng)求，通過應(yīng)用程序服務(wù)器對(duì)相關(guān)的服務(wù)器端的數(shù)據(jù)進(jìn)行處理，根據(jù)計(jì)算結(jié)果生成標(biāo)準(zhǔn)的 HTML 文件下傳給用戶瀏覽器。所以，動(dòng)態(tài)網(wǎng)頁(yè)是發(fā)展的必然趨勢(shì)。頁(yè)面設(shè)計(jì)包括靜態(tài)頁(yè)面設(shè)計(jì)和動(dòng)態(tài)頁(yè)面設(shè)計(jì)。 (4)Java 具有嚴(yán)格的類型限制，但 JavaScript 則比較寬松。結(jié)構(gòu)和語(yǔ)言上都很相似，但不能把它們混淆，兩者存在如下重要的差別： (1)Java 是有 Sun 公司推出的新一代的完全面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言，它支持類和繼承，主要應(yīng)用與網(wǎng)絡(luò)程序設(shè)計(jì)，對(duì)于非程序設(shè)計(jì)人員來(lái)說(shuō)不易掌握；而JavaScript 只是基于對(duì)象的，主要用于編寫網(wǎng)頁(yè)中的腳本，易于學(xué)習(xí)和掌握。 (4)動(dòng)態(tài)性。 JavaScript 是基于對(duì)象的，它允許用戶自定義對(duì)象，同時(shí)瀏覽器還提供了大量?jī)?nèi)建對(duì)象，使編程者可以將瀏覽器中不同的元素作為對(duì)象來(lái)處理，體現(xiàn)了現(xiàn)代面向?qū)ο蟪绦蛟O(shè)計(jì)的基本思想。JavaScript 具有如下特點(diǎn)： (1)簡(jiǎn)單性。根據(jù)腳本程序被執(zhí)行的地點(diǎn)不同，可將它們分為客戶端腳本和服務(wù)器端腳本，前者由瀏覽器負(fù)責(zé)解釋執(zhí)行，后者由 Web 服務(wù)器負(fù)責(zé)解釋執(zhí)行。一些原本可以在客戶端完成的任務(wù)（如數(shù)據(jù)合法性檢查等）也不得不依靠CGI 規(guī)范提交給服務(wù)器去完成，這一方面加重了服務(wù)器的負(fù)擔(dān)，另一方面也增加了網(wǎng)絡(luò)傳輸量，同時(shí)還加長(zhǎng)了響應(yīng)時(shí)間，降低了實(shí)時(shí)性。除了 UNIX Shell Script 外，在 UNIX 環(huán)境下， 具有強(qiáng)大的字符串處理能力的 Perl語(yǔ)言也是腳本語(yǔ)言的典型代表。 (f)其他： a標(biāo)簽主要用于定義一個(gè)超鏈接，其 href屬性用于指定超鏈接的地址； img標(biāo)簽用于在網(wǎng)頁(yè)中以鏈接的方式加入 一個(gè)圖片，其 src 屬性用于指定待鏈接圖片的位置； hr標(biāo)簽可以在頁(yè)面上加一個(gè)水平的分隔線。表格都用頂層標(biāo)簽 table進(jìn)行定義， th標(biāo)簽用于定義表頭， tr標(biāo)簽用于定義一行， td標(biāo)簽用于定義一行中的一列。 文字控制： HTML 中提供了一個(gè)通用的標(biāo)簽用于設(shè)置文字的屬性，即 font，它是一個(gè)用于設(shè)置文字字體的通用方法，它通過不同屬性來(lái)設(shè)置文字的不同方面： size 屬性用于設(shè)置文字的大小、 face 屬性用于設(shè)置字體、 color 屬性用于設(shè)置文字的顏色； hx標(biāo)簽是一組標(biāo)簽的總稱， x可以是 … 它們都表示頁(yè) 10 面的標(biāo)題，不 同的 x表示的標(biāo)題級(jí)別不一樣， x越大級(jí)別越低，所包含文字的字體也會(huì)越??；每個(gè)標(biāo)題占一行； b和 strong標(biāo)簽表示將文字加粗； i和 em標(biāo)簽表示將文字變成斜體； u標(biāo)簽表示給文字加下劃線。 head中除了可以包含title外，還可以包含其他的標(biāo)簽 (link：可以用于鏈接一些其它文檔，最常見的是使用該標(biāo)簽鏈接樣式表，例如 link rel=”stylesheet”type=”text/css”href=””/ 表示 鏈接 ，用它定義的樣式作為本頁(yè)的格式。另外，有一種特殊的寫法tag/，就是將 /寫在尖括號(hào)的前面，這是 tag/tag的簡(jiǎn)寫形式，它表示 tag標(biāo)簽中不包含任何內(nèi)容。 HTML文檔使用一系列標(biāo)簽將文本組織成特定的結(jié) 構(gòu)，并且可以通過特定的標(biāo)簽使得文檔在瀏覽器中展示時(shí)可以引入豐富的顏色、圖片、文字等信息。 HTML 采用 SGML 的“文檔格式定義”概念，通過標(biāo)記與屬性對(duì)一段文本的語(yǔ)義進(jìn)行描述，并提供由一個(gè)文件到另一個(gè)文件、或在一個(gè)文件內(nèi)部不同部分之間的鏈接。 超文本標(biāo)記語(yǔ)言 HTML 是在萬(wàn)維網(wǎng)上建立超文本文件的語(yǔ)言，它是萬(wàn)維網(wǎng)的核心計(jì)算機(jī)語(yǔ)言。 HTTP 是采用請(qǐng)求 /響應(yīng)模式的無(wú)狀態(tài)協(xié)議。 需要注意的是，上下文路徑與 Web 應(yīng)用的根目錄不是一個(gè)概念，對(duì)于同一個(gè) Web 應(yīng)用來(lái)說(shuō)，這兩個(gè)值未必是一樣的。例如， localhost 中部署了 2 個(gè) Web 應(yīng)用，它們的上下文路徑分別是：app1 和 app2。 (2)Web 應(yīng)用的上下文路徑 Web 應(yīng)用在文件系 統(tǒng)中存儲(chǔ)時(shí)表現(xiàn)為一個(gè)目錄，在文件系統(tǒng)中可以使用不同的路徑用于區(qū)分目錄。 所有的靜態(tài) Web 對(duì)象和 JSP 文件可以按照任意的目錄層次放置在 Web 應(yīng)用根目錄下，在將 Web 應(yīng)用部署到 Tomcat 服務(wù)器中后這些文件都可以根據(jù)其目錄結(jié)構(gòu)通過 URL 直接訪問； WEBINF 目錄是一個(gè)特殊的子目錄，它存在的目的不是為了能讓客戶端直接訪問其中的文件，而 是通過間接的方式支持 Web 應(yīng)用的運(yùn)行，比如提供 Web 應(yīng)用需要訪問的資源文件、放置 Web 應(yīng)用的屬性文件或配置文件等。不同的 Web 服務(wù)器對(duì) Web 應(yīng)用根目錄中文件的結(jié)構(gòu)和意義又不同的規(guī)定，只有結(jié)構(gòu)符合規(guī)定的 Web 應(yīng)用部署到 Web 服務(wù)器中后才能獲得預(yù)期的效果。本文將介紹 Tomcat 中的 Web 應(yīng)用。 的應(yīng)用簡(jiǎn)介 Web 應(yīng)用是指能夠通過 Web提供一系列功能的應(yīng)用系統(tǒng)。 B/S 結(jié)構(gòu)突破了傳統(tǒng)客戶機(jī) /服務(wù)器 (C/S)結(jié)構(gòu)中的局域網(wǎng)計(jì)算機(jī)應(yīng)用的限制，用戶可以在任何地方登錄 Web 服務(wù)器，按照用戶角色執(zhí)行自己的業(yè)務(wù)流程。它具有以下特點(diǎn)： (1)Web 是一種超文本信息系統(tǒng)； (2)Web 是圖形化的和易于導(dǎo)航的； (3)Web 與平臺(tái)無(wú)關(guān)，即對(duì)系統(tǒng)平臺(tái)沒有限制，無(wú)論系統(tǒng)的軟硬件平臺(tái)是什么，都可以通過 Inter 訪問 WWW； (4)Web 是分布式的； (5)Web具有新聞性； (6)Web 是動(dòng)態(tài)的、交互的。 Web的內(nèi)容保存在 Web 站點(diǎn)，即 Web 服務(wù)器中，用戶可以通過瀏覽器訪問 Web 站點(diǎn)。 Web 全稱為 word wide web,縮寫為 。所謂動(dòng)態(tài)，指的是按照訪問者的需求，對(duì)訪問者輸入的信息作出不同的響應(yīng)，提供響應(yīng)信息。僅僅使用 HTML 語(yǔ)言設(shè)計(jì)的頁(yè)面屬于靜態(tài)頁(yè)面。 這一層是直接面對(duì)實(shí)驗(yàn)進(jìn)行操作的用戶的 ， 用戶通過瀏覽器訪問網(wǎng)絡(luò)實(shí)驗(yàn)室服務(wù)平臺(tái) , 提交定制的實(shí)驗(yàn)參數(shù)得到實(shí)驗(yàn)結(jié)果。各種不同的數(shù)據(jù)流 , 通過這一層被轉(zhuǎn)換成 規(guī)定 的格式提交給 執(zhí)行系統(tǒng)?；镜慕Y(jié)構(gòu)圖如下所示： 2 圖 1 Web 服務(wù)的虛擬實(shí)驗(yàn)室 結(jié)構(gòu)圖 用戶通過互聯(lián)網(wǎng)或者局域網(wǎng)訪問 Web 服務(wù)器，服務(wù)器隨即調(diào)用相應(yīng)的實(shí)驗(yàn)服務(wù)，經(jīng)過計(jì)算返回結(jié)果給訪問者?；?Web 的虛擬實(shí)驗(yàn)室只解決了遠(yuǎn)程操作問題，實(shí)驗(yàn)的資源和設(shè)備只能在同一個(gè)實(shí)驗(yàn)室，為了將分布于不同地點(diǎn)的設(shè)備和資源整合起來(lái)，提出了基于Web 服務(wù)的虛擬實(shí)驗(yàn)室。 隨著 Web 技術(shù)的發(fā)展，基于實(shí)驗(yàn)資源共享的網(wǎng)絡(luò)平臺(tái)技術(shù)已經(jīng)得到了廣泛的研究和發(fā)展，特別是在高校的教學(xué)環(huán)境中已有初步的應(yīng)用。正因?yàn)?Web 應(yīng)用的前景看好， Web 開發(fā)技術(shù)也發(fā) 展迅速。這些都得益于 Web 應(yīng)用方便的部署和使用方式，以及強(qiáng)大的交互和展現(xiàn)能力。 Inter 是一系列網(wǎng)絡(luò)結(jié)構(gòu)和網(wǎng)絡(luò)協(xié)議等網(wǎng)絡(luò)技術(shù)的集合，這些技術(shù)也是基于 Inter 的 Web 應(yīng)用的基礎(chǔ)，了解基本的 Inter 網(wǎng)絡(luò)技術(shù)對(duì)于深入理解 Web 開發(fā)技術(shù)是不能缺少的。但是從服務(wù)器端開來(lái)，這兩者之間就有很大的區(qū)別了。我們這里所設(shè)計(jì)的是信號(hào)處理方面的實(shí)驗(yàn)，例如信號(hào)變換，信號(hào)調(diào)制， DFT， FFT 等等，一般都沒有涉及到狀態(tài)的持續(xù)。 設(shè)備接口層負(fù)責(zé)網(wǎng)絡(luò)實(shí)驗(yàn)平臺(tái)的服務(wù)層與虛擬儀器系統(tǒng) 、物理實(shí)驗(yàn)系統(tǒng)和仿真實(shí)驗(yàn) 系統(tǒng)的數(shù)據(jù)交換。 第三層為用戶接口層 。 網(wǎng)頁(yè)設(shè)計(jì)要使用多種技術(shù)，包括 HTML 語(yǔ)言、腳本程序設(shè)計(jì)、 CSS 樣式表以及美工技術(shù)等。為實(shí)現(xiàn)此類功能，增加用戶的體驗(yàn)度，必須使用更新的網(wǎng)絡(luò)編程技術(shù)設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)。人們?yōu)榱顺浞掷?Inter 上的信息資源，迫切需要一種方便快捷的信息瀏覽和查詢工具，在這種情況下， Web 誕生了。 Web 上的海量信息是由彼此關(guān)聯(lián)的文檔組成的，這些文檔稱為主頁(yè)或頁(yè)面，它是一種超文本信息，而使其連接在一起的是抄鏈接。 近年來(lái)， Web 得到了迅猛的發(fā)展，如今的 Web 應(yīng)用已遠(yuǎn)遠(yuǎn)超出了原先對(duì)它的設(shè)想。 B/S 結(jié)構(gòu)有許多優(yōu)點(diǎn)，他簡(jiǎn)化了客戶端的維護(hù)，所有應(yīng)用邏輯都是在 Web 服務(wù)器上配置的。其優(yōu)點(diǎn)是 采用 IP 協(xié)議通訊，位于 Inter 任何的一個(gè)人都可以訪問；以瀏覽器為客戶端程序，客戶對(duì)數(shù)據(jù)不得處理簡(jiǎn)化，客戶端不需要編寫單獨(dú)的應(yīng)用程序；容易布置，升級(jí)和維護(hù)。 Tomcat 中的 Web 應(yīng)用也具有特定的文件結(jié)構(gòu)，并且每個(gè) Web 應(yīng)用都包含一個(gè)配置文件。 Web 應(yīng)用根目錄中的文件是該 Web 應(yīng)用中的資源，包括：需要通過 Web 提供給客戶端訪問的資源以及 Web 應(yīng)用本身的配置和描述文件等。 Web應(yīng)用的所有資源和配置文件都應(yīng)該放置在 Web 應(yīng)用的根目錄中，也只有 Web 應(yīng)用根目錄中的資源才能通過該 Web 應(yīng)用訪問。 WEBINF 目錄中的文件是不能通過 URL 直接訪問的。在將 Web 應(yīng)用部署到 Tomcat 中時(shí)必須為 Web應(yīng)用制定一個(gè)上下文路徑，并且在同一個(gè) Host 中每個(gè) Web 應(yīng)用的上下文路徑必須唯一。例如請(qǐng)求 URL的前綴為 ： //localhos： 8080/app1的客戶端請(qǐng)求被分發(fā)到第一個(gè) Web 應(yīng)用；請(qǐng)求 URL 的 前綴為 ： //localhos：8080/app2 的客戶端請(qǐng)求被分發(fā)到第二個(gè) Web 應(yīng)用。它是 Inter的應(yīng)用層協(xié)議，它定義了客戶機(jī)的瀏覽器與服務(wù)器的 Web 應(yīng)用之間如何進(jìn)行通信，以及通信 時(shí)用于傳遞數(shù)據(jù)的數(shù)據(jù)包的格式等內(nèi)容。 8 2 超文本標(biāo)記語(yǔ)言 HTML 語(yǔ)言概述 HTML 和 XML 是進(jìn)行 Web 程序設(shè)計(jì)的兩種重要的基礎(chǔ)語(yǔ)言，這里主要介紹超文本標(biāo)記語(yǔ)言 HTML。 SGML 標(biāo)記，英文稱為 tag，就是在文檔需要的地方，插入特定的記號(hào)，來(lái)控制文檔內(nèi)容的顯示，這就是文檔格式定義。 HTML 文件是普通文本文件，與平臺(tái)無(wú)關(guān)，可用任何文本編輯器進(jìn)行編輯，文件擴(kuò)展名為 .htm或 .html。 HTML 標(biāo)簽分為開始標(biāo)簽和結(jié)束標(biāo)簽，開始標(biāo)簽由一對(duì)尖括號(hào)括起來(lái)，尖括號(hào)中的文字是標(biāo)簽的名稱，結(jié)束標(biāo)簽與開始標(biāo)簽有相同的名稱，并且在左尖括號(hào)和標(biāo)簽名稱之間加了一個(gè) /； 9 HTML 中的大部分標(biāo)簽都是成對(duì)的， 例如 html和 /html、 head和 /head；一對(duì)標(biāo)簽之間可以包含文字也可以包含其他標(biāo)簽。 (a)格式標(biāo)簽：一個(gè) HTML 文檔的基本結(jié)構(gòu)，其中用 html、 head、 title和 body規(guī)定了文檔的整體結(jié)構(gòu)， head標(biāo)簽中是頭部信息，其中可