畢業(yè)設(shè)計---基于ajax技術(shù)的虛擬閱覽室

1、<p>　　本科生畢業(yè)論文（設(shè)計）</p><p>　　題目： 基于Ajax技術(shù)的虛擬閱覽室 </p><p>　　院 （系） </p><p>　　專 業(yè) </p><p>　　班 級 </p><p>　　

2、學(xué) 生 姓 名 </p><p>　　指導(dǎo)教師（職稱） </p><p>　　提 交 時 間 </p><p>　　基于Ajax技術(shù)的虛擬閱覽室的設(shè)計與實現(xiàn)</p><p>　　(電子與信息工程系，，725000)</p><p>　　摘 要 網(wǎng)上圖

3、書館主要是通過web形式，對整個圖書展示工作書綜合管理，使得管理統(tǒng)一、簡便、快捷化。系統(tǒng)中主要運用數(shù)據(jù)庫和Ajax中的各種技術(shù)可以對大量的數(shù)據(jù)進行條件檢索、編輯，對全的所有圖書館將要訂購的圖書和現(xiàn)有的圖書進行統(tǒng)一管理。</p><p>　　本文首先對整個圖書分類管理的結(jié)構(gòu)、特點、應(yīng)用范圍進行了說明，在此基礎(chǔ)上，利用Dreamvaver作為開發(fā)工具 ，以SQL Server2000作為數(shù)據(jù)庫，進行了整個系統(tǒng)的開發(fā)。

4、系統(tǒng)最終按照本系實際需求，開發(fā)出了具有網(wǎng)上圖書閱覽功能的虛擬閱覽室。</p><p>　　關(guān)鍵詞 圖書預(yù)覽；Ajax異步訪問；</p><p>　　THE desigin and implementation of Virtual Reading Room AJAX-based </p><p>　　(Department of Electronic and In

5、formation Engineering,)</p><p>　　Abstract Online Library primarily through web forms, the book's presentation of the integrated management of work, making management of uniform, simple, fast technology.

6、 The main use of the database system and Ajax in a variety of technology conditions on a large number of data retrieval, editing, on the whole of all libraries will want to order books and books available for unified man

7、agement.</p><p>　　Firstly, the entire management structure of book classification, characteristics, scope of application are described in this paper, using Dreamvaver as a development tool to SQL Server2000

8、as the database for the entire system development. System in accordance with the Department of the actual final demand, developed with online preview book features applications.</p><p>　　Key Words Book Previ

9、ew; AJAX Asynchronous access;</p><p><b>　　目 錄</b></p><p><b>　　1 緒論2</b></p><p><b>　　1.1 引言2</b></p><p>　　1.2 網(wǎng)上圖書館的概述3</p>

10、<p>　　1.2.1 網(wǎng)上圖書館的概念3</p><p>　　1.2.1 網(wǎng)上圖書館的特點3</p><p>　　1.2.1 網(wǎng)上圖書館的發(fā)展歷史4</p><p>　　2 AJAX技術(shù)簡介7</p><p>　　2.1 AJAX的概念及相關(guān)技術(shù)7</p><p>　　2.1.1 XML HT

11、TP Request9</p><p>　　2.1.2 DOM11</p><p>　　2.1.3 CSS12</p><p>　　2.1.4 XML13</p><p>　　2.2 AJAX的工作原理13</p><p>　　2.2.1 XMLHTTPRequest14</p><p&

12、gt;　　2.2.2 JavaScript14</p><p>　　2.2.3 DOM Document Object Model14</p><p>　　2.2.4 XML15</p><p>　　2.2.5綜合15</p><p>　　2.3 AJAX的應(yīng)用16</p><p>　　2.3.1 表單驅(qū)動的

13、交互16</p><p>　　2.3.2 深層次的樹的導(dǎo)航16</p><p>　　2.3.3 快速的用戶與用戶間的交流響應(yīng)17</p><p>　　2.3.4類似投票、yes/no等無關(guān)痛癢的場景17</p><p>　　2.3.5對數(shù)據(jù)進行過濾和操縱相關(guān)數(shù)據(jù)的場景17</p><p>　　2.2.6普通

14、的文本輸入提示和自動完成的場景17</p><p>　　3系統(tǒng)需求分析與設(shè)計17</p><p>　　3.1 可行性分析17</p><p>　　3.2需求分析17</p><p>　　3.2.1總體需求調(diào)查17</p><p>　　3.3系統(tǒng)目標(biāo)19</p><p><b&g

15、t;　　4概要設(shè)計19</b></p><p>　　4.1 系統(tǒng)模塊圖19</p><p>　　4.1.1 圖書管理模塊20</p><p>　　4.1.2用戶管理模塊詳解20</p><p>　　4.1.3 管理員模塊21</p><p>　　4.1.4 圖書搜索頁面21</p>

16、<p><b>　　5系統(tǒng)實現(xiàn)22</b></p><p>　　5.1數(shù)據(jù)庫的詳細設(shè)計22</p><p>　　5.1.1數(shù)據(jù)表設(shè)計22</p><p>　　5.1.2數(shù)據(jù)庫訪問23</p><p>　　5.2 系統(tǒng)各界面圖及代碼24</p><p>　　6 總結(jié)與展望27

17、</p><p><b>　　參考文獻1</b></p><p><b>　　致 謝1</b></p><p><b>　　附件2</b></p><p><b>　　1 緒論</b></p><p><b>　　

18、1.1 引言</b></p><p>　　隨著計算機技術(shù)、現(xiàn)代通訊技術(shù)、網(wǎng)絡(luò)技術(shù)突飛猛進的發(fā)展，尤其是這些技術(shù)在文獻出版和信息傳播領(lǐng)域內(nèi)的廣泛應(yīng)用，不經(jīng)意間，使傳統(tǒng)圖書館發(fā)生了翻天覆地的變化，這種變化雖然悄無聲息，但卻來勢迅猛，觸手可及。這種變化源于一種技術(shù)的發(fā)展和成熟，那就是數(shù)字化技術(shù)在圖書館的廣泛應(yīng)用，從而產(chǎn)生的數(shù)字圖書館。與傳統(tǒng)圖書館相比，數(shù)字圖書館最突出的特點是收藏數(shù)字化，操作電腦化，傳遞網(wǎng)絡(luò)

19、化，信息存儲規(guī)范化，資源共享化、和結(jié)構(gòu)連接化。這里數(shù)字圖書館已不再是傳統(tǒng)意義上的圖書館了，而是一個綜合性的信息資源中心。首先，在外延上，知識中心的信息來源不再局限于某一個圖書館，也不是所有的圖書館，而是所有的信息提供單位；其次，在內(nèi)涵上，知識中心不再僅僅包括各種原始信息，而且更加重視對這些原始信息的篩選、組織和開發(fā)，從而產(chǎn)生了不同層次的加工產(chǎn)品。數(shù)字化圖書館最大的方便還在于利用上。首先，它不受時空的局限，無論天涯海角，無論白天晚上或者假

20、日，只要借助一臺上網(wǎng)的電腦，你便能夠獲取你所要的信息；其次是數(shù)字圖書館是以用戶為中心，以追求用戶利益最大化為主要特征，它讓讀者以最小的代價，最簡捷的獲取方式，就能獲得最豐富、最有價值的信息資料。當(dāng)然</p><p>　　1.2 網(wǎng)上圖書館的概述</p><p>　　1.2.1 網(wǎng)上圖書館的概念</p><p>　　傳統(tǒng)圖書館在數(shù)字化的過程中有一個清醒的認識，將傳統(tǒng)

21、的圖書館服務(wù)搬到網(wǎng)上去并不是數(shù)字圖書館，將館藏資源進行大規(guī)模數(shù)字化后也并不一定是數(shù)字圖書館。傳統(tǒng)圖書館在建設(shè)數(shù)字圖書館時要分清幾個層次的問題，這幾個層次涉及到電子圖書館、網(wǎng)上圖書館、虛擬圖書館等幾個類似概念，許多文章把這些概念當(dāng)作同義詞，我們認為有必要把它們的不同側(cè)重點表述出來，對我們建設(shè)數(shù)字圖書館有一定的幫助。 </p><p>　　電子圖書館：側(cè)重對收藏特色的概括，收藏品基本為電子讀物，閱讀手段一般通過電腦等

22、。不強調(diào)提供網(wǎng)上信息或上網(wǎng)服務(wù)。</p><p>　　網(wǎng)上圖書館：將一定量的信息在網(wǎng)上組織起來，供“讀者”查閱和檢索.這種網(wǎng)上圖書館不一定需要對應(yīng)的圖書館社會實體,它也可以視為數(shù)字圖書館的初級形態(tài)。</p><p>　　虛擬圖書館:網(wǎng)上圖書館的別稱,側(cè)重其無實體的特征 </p><p>　　1.2.1 網(wǎng)上圖書館的特點</p><p>　　

23、(1) 信息資源數(shù)字化</p><p>　　信息資源數(shù)字化是數(shù)字圖書館的基礎(chǔ)，因為數(shù)字圖書館的其他特點都是建立在信息資源數(shù)字化的基礎(chǔ)之上的，這也是數(shù)字圖書館與傳統(tǒng)圖書館的最大區(qū)別。數(shù)字圖書館的本質(zhì)特征就是利用現(xiàn)代信息技術(shù)和網(wǎng)絡(luò)通信技術(shù)，將各類傳統(tǒng)介質(zhì)的文獻進行壓縮處理并轉(zhuǎn)化為數(shù)字信息，以“1”和“0”來組成信息資源的單位，并組成無數(shù)個比特和字節(jié)的信息元素和單元，通過這種轉(zhuǎn)換將所有信息統(tǒng)一為數(shù)字信息。</p&

24、gt;<p>　　(2)信息傳遞網(wǎng)絡(luò)化</p><p>　　在信息資源數(shù)字化的基礎(chǔ)上，數(shù)字圖書館通過以網(wǎng)絡(luò)為主的信息基礎(chǔ)設(shè)施來實現(xiàn)。目前，數(shù)字圖書館正在通過由寬帶網(wǎng)組成的Internet以高速度、海量的計算機和網(wǎng)絡(luò)系統(tǒng)將全球的圖書館和數(shù)以萬計的計算機構(gòu)成一個整體。信息傳遞網(wǎng)絡(luò)化的特點也同時帶來了跨時空、跨地域、開放性標(biāo)準(zhǔn)規(guī)范化的信息服務(wù)，從而使信息的傳遞達到全方位的信息交互。</p>

25、<p>　　(3) 信息利用共享化</p><p>　　數(shù)字圖書館在實現(xiàn)了信息資源數(shù)字化和信息傳遞的網(wǎng)絡(luò)化之后，接下來是關(guān)于信息利用的共享問題。資源共享可以減少信息資源的重復(fù)采購，從而使有限的經(jīng)費發(fā)揮最大的效益，提高知識資源的利用率。信息利用共享化是數(shù)字圖書館的一大特點，其共享化的廣度與深度都得到了很大的發(fā)展，遠遠超過了傳統(tǒng)圖書館在資源共享的利用程度。由于有了數(shù)字化與網(wǎng)絡(luò)化的基礎(chǔ)，數(shù)字圖書館的信息共享化

26、充分體現(xiàn)出了跨行業(yè)的資源無限，跨時空的服務(wù)無限的特征，同時也體現(xiàn)了跨地域、跨國界的資源共建的協(xié)作化與資源共享的便捷性。信息傳遞的網(wǎng)絡(luò)化，理論上使全球的圖書館能夠借助網(wǎng)絡(luò)獲取全部數(shù)字信息，以滿足讀者對知識信息日益增長的需求，原有的信息壁壘將會逐漸被開放的信息共享所取代。</p><p>　　(4) 信息提供的知識化</p><p>　　與傳統(tǒng)圖書館的區(qū)別是數(shù)字圖書館正在實現(xiàn)由文獻的提供向知識

27、的提供的轉(zhuǎn)變。數(shù)字圖書館將圖書、期刊、圖像資料、數(shù)據(jù)庫、網(wǎng)頁、多媒體資料等各類信息載體與信息來源在知識單元的基礎(chǔ)上有機地組織起來，以動態(tài)分布式的方式為用戶提供服務(wù)；而自動標(biāo)引、元數(shù)據(jù)、內(nèi)容檢索、不同數(shù)據(jù)庫的互聯(lián)等知識發(fā)現(xiàn)與組織的技術(shù)將成為數(shù)字圖書館發(fā)展的技術(shù)關(guān)鍵。數(shù)字圖書館信息提供的知識化，將會為廣大讀者提供多種滿足不同需要的數(shù)據(jù)庫。由于信息加工的智能化和檢索系統(tǒng)的完備性，使數(shù)字圖書館能夠為讀者提供某一主題的各種知識信息。</p&

28、gt;<p>　　(5)信息實體虛擬化</p><p>　　數(shù)字圖書館使實體圖書館與虛擬圖書館結(jié)合在一起，在實體圖書館的基礎(chǔ)上趨向虛擬化。在網(wǎng)絡(luò)環(huán)境下，以各類文獻為載體的知識信息都可以方便地轉(zhuǎn)化為數(shù)字形式，向世界各地傳輸。從而打破了單個圖書館的界限，使每個圖書館在虛擬化的大環(huán)境下成為一個整體的圖書館。</p><p>　　1.2.1 網(wǎng)上圖書館的發(fā)展歷史</p>

29、<p>　　數(shù)字圖書館(Digital Library)是用數(shù)字技術(shù)處理和存儲各種圖文并茂文獻的圖書館，實質(zhì)上是一種多媒體制作的分布式信息系統(tǒng)。它把各種不同載體、不同地理位置的信息資源用數(shù)字技術(shù)存貯，以便于跨越區(qū)域、面向?qū)ο蟮木W(wǎng)絡(luò)查詢和傳播。它涉及信息資源加工、存儲、檢索、傳輸和利用的全過程。傳統(tǒng)圖書館收集、存儲并重新組織信息，使讀者能方便地查到他所想要的信息，同時跟蹤讀者使用情況，以保護信息提供者的權(quán)益。從數(shù)字圖書館角度來

30、看，就是收集或創(chuàng)建數(shù)字化館藏，把各種文獻替換成計算機能識別的二進制系列圖像，在安全保護、訪問許可和記賬服務(wù)等完善的權(quán)限處理之下，經(jīng)授權(quán)的信息利用因特網(wǎng)的發(fā)布技術(shù)，實現(xiàn)全球共享。數(shù)字圖書館的建立將使人們在任何時間和地點通過網(wǎng)絡(luò)獲取所需的信息變?yōu)楝F(xiàn)實，大大地促進資源的共享與利用。</p><p>　　“數(shù)字圖書館”概念一經(jīng)提出，就得到了世界廣泛的關(guān)注，紛紛組織力量進行探討、研究和開發(fā)，進行各種模型的試驗。隨著數(shù)字地球

31、概念、技術(shù)、應(yīng)用領(lǐng)域的發(fā)展，數(shù)字圖書館已成為數(shù)字地球家庭的成員，為信息高速公路提供必需的信息資源，是知識經(jīng)濟社會中主要的信息資源載體。</p><p>　　“數(shù)字圖書館”從概念上講可以理解為兩個范疇：數(shù)字化圖書館和數(shù)字圖書館系統(tǒng)，涉及到兩個工作內(nèi)容：一是將紙質(zhì)圖書轉(zhuǎn)化為電子版的數(shù)字圖書；二是電子版圖書的存儲，交換，流通；國際上有許多組織為此做出了貢獻；國內(nèi)也有不少單位積極參與到數(shù)字圖書館的建設(shè)中來；中國國家數(shù)字圖

32、書館標(biāo)準(zhǔn)是一個很重要的標(biāo)準(zhǔn)，它參照國際標(biāo)準(zhǔn)制定，即可以與國際上標(biāo)準(zhǔn)兼容又具有中國特色；國圖，北圖等受國家標(biāo)準(zhǔn)化委員會委托專門成立了中國國家數(shù)字圖書館標(biāo)準(zhǔn)協(xié)會</p><p>　　數(shù)字圖書館是一門全新的科學(xué)技術(shù)，也是一項全新的社會事業(yè)。簡而言之，就是一種擁有多種媒體內(nèi)容的數(shù)字化信息資源，能為用戶方便、快捷地提供信息的高水平服務(wù)機制。雖然稱之為“館”，但并不是圖書館實體：它對應(yīng) 于各種公共信息管理與傳播的現(xiàn)實社會活動

33、，表現(xiàn)為種種新型信息資源組織和信息傳播服務(wù)。它借鑒圖書館的資源組織模式、借助計算機網(wǎng)絡(luò)通訊等高新技術(shù)，以普遍存取人類知識為目標(biāo)，創(chuàng)造性地運用知識分類和精準(zhǔn)檢索手段，有效地進行信息整序，使人們獲取信息消費不受空間限制，很大程度上也不受時間限制。其服務(wù)是以知識概念引導(dǎo)的方式，將文字、圖像、聲音等數(shù)字化信息，通過互聯(lián)網(wǎng)傳輸，從而做到信息資源共享。每個擁有任何電腦終端的用戶只要通過聯(lián)網(wǎng)，登錄相關(guān)數(shù)字圖書館的網(wǎng)站，都可以在任何時間、任何地點方便快

34、捷地享用世界上任何一個“信息空間”的數(shù)字化信息資源。通俗地說，數(shù)字圖書館就是虛擬的、沒有圍墻的圖書館，是基于網(wǎng)絡(luò)環(huán)境下共建共享的可擴展的知識網(wǎng)絡(luò)系統(tǒng)，是超大規(guī)模的、分布式的、便于使用的、沒有時空限制的、可以實現(xiàn)跨庫無縫鏈接與智能檢索的知識中心。數(shù)字圖書館既是完整的知識定位統(tǒng)，又是面向未來互聯(lián)網(wǎng)發(fā)展的信息管理模式，可以廣泛</p><p>　　國內(nèi)外有代表性的定義美國研究圖書館協(xié)會（ARL）定義（1995）（學(xué)術(shù)圖

35、書館：高校圖書館、科研圖書館）http://www.arl.org 歸納了90年代前期流行的數(shù)字圖書館的各種定義中具有共性的五個要素：</p><p>　　數(shù)字圖書館不是一個單一實體；</p><p>　　數(shù)字圖書館需要鏈接許多信息資源的技術(shù)；</p><p>　　多個數(shù)字圖書館及信息機構(gòu)之間的鏈接對最終用戶透明；</p><p>　　全球范

36、圍存取數(shù)字圖書館與信息服務(wù)是一個目標(biāo)；</p><p>　　數(shù)字圖書館的收藏并不局限于文獻的數(shù)字化替代品，還擴展到不能以印刷形式表示或傳播的數(shù)字化人造品。</p><p>　　美國數(shù)字圖書館聯(lián)盟（DLF*）定義（1998）：（ DLF：美國一些主要的著名大學(xué)和重要圖書館聯(lián)合成立的數(shù)字圖書館學(xué)術(shù)組織）數(shù)字圖書館是一個擁有專業(yè)人員等相關(guān)資源的組織，該組織對數(shù)字式資源進行挑選、組織、提供智能化存

37、取、翻譯、傳播、保持其完整性和永存性等工作，從而使得這些數(shù)字式資源能夠快速且經(jīng)濟地被特定的用戶或群體所利用。</p><p>　　William Y. Arms定義*：數(shù)字圖書館是具有服務(wù)功能的整理過的信息收藏，其中信息以數(shù)字化格式存儲并可通過網(wǎng)絡(luò)存取。該定義的關(guān)鍵在于信息是整理過的。 </p><p>　　高文的定義*：數(shù)字圖書館是以電子方式存儲海量的多媒體信息并能對這些信息資源進行高效

38、的操作，如插入、刪除、修改、檢索、提供訪問接口的信息保護等。</p><p>　　孫坦的定義*：從社會需求和技術(shù)條件分析，數(shù)字圖書館的核心和本質(zhì)是利用現(xiàn)代信息技術(shù)，以計算機網(wǎng)絡(luò)為基礎(chǔ)平臺，構(gòu)建一個有利于產(chǎn)生影響新知識的資源、工具和合作環(huán)境，這種作為環(huán)境的數(shù)字圖書館不僅僅局限于網(wǎng)絡(luò)數(shù)字信息資源的開放利用，更是一個促進信息獲取、傳遞、交流的知識網(wǎng)絡(luò)。</p><p>　　劉煒的定義*：數(shù)字圖書

39、館是社會信息基礎(chǔ)機構(gòu)中信息資源的基本組織形式，這一形式滿足分布式面向?qū)ο蟮男畔⒉樵兊男枰?lt;/p><p>　　分布式：跨地區(qū)、跨物理形態(tài)</p><p>　　面向?qū)ο螅褐苯荧@取一次文獻而不是獲取一次文獻的線索</p><p>　　數(shù)字圖書館定義（國家圖書館）</p><p>　　數(shù)字圖書館為國家信息基礎(chǔ)設(shè)施提供關(guān)鍵性信息管理技術(shù)，同時提供其

40、主要的信息庫和資源庫。換句話說，數(shù)字圖書館是國家信息基礎(chǔ)設(shè)施的核心。</p><p>　　數(shù)字圖書館定義 （大英圖書館）</p><p>　　利用數(shù)字技術(shù)獲取、存儲、存取、發(fā)布信息的圖書館。</p><p>　　（綜合定義）數(shù)字圖書館是對以數(shù)字化形式存在的信息進行收集、整理、保存、發(fā)布和利用的實體，其形式可以是具體的社會機構(gòu)或組織，也可以是虛擬的網(wǎng)站或者任何數(shù)字信息

41、資源集合。在計算機界也通常指與此相關(guān)的非常廣泛的技術(shù)研究領(lǐng)域。數(shù)字圖書館的內(nèi)容特征是數(shù)字化信息，結(jié)構(gòu)特征是不論其資源組織或用戶利用都可以通過網(wǎng)絡(luò)進行分布式的管理和存取，并具有個性化、人性化和動態(tài)化特征。隨著計算機和網(wǎng)絡(luò)技術(shù)的研究和發(fā)展，數(shù)字圖書館正在從基于信息的處理和簡單的人機界面逐步向智能化。</p><p>　　2 AJAX技術(shù)簡介</p><p>　　2.1 AJAX的概念及相關(guān)技術(shù)

42、</p><p>　　AJAX全稱為“Asynchronous JavaScript and XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。 </p><p>　　另外很多人對AJAX讀音為阿甲克斯，正確讀音應(yīng)該為“ai jian ke si”（漢字拼音，其實應(yīng)該是ai jai ke si ，但jai在漢字中沒有此拼音）　　Ajax（As

43、ynchronous JavaScript + XML）的定義</p><p>　　基于web標(biāo)準(zhǔn)（standards-based presentation）XHTML+CSS的表示； </p><p>　　使用 DOM（Document Object Model）進行動態(tài)顯示及交互； 　　</p><p>　　使用 XML 和 XSLT 進行數(shù)

44、據(jù)交換及相關(guān)操作； 　　</p><p>　　使用 XMLHttpRequest 進行異步數(shù)據(jù)查詢、檢索； 　　</p><p>　　使用 JavaScript 將所有的東西綁定在一起。英文參見Ajax的提出者Jesse James Garrett的原文,原文題目(Ajax: A New Approach to Web Applications)?！　☆愃朴贒HTML或

45、LAMP，AJAX不是指一種單一的技術(shù)，而是有機地利用了一系列相關(guān)的技術(shù)。事實上，一些基于AJAX的“派生/合成”式（derivative/composite）的技術(shù)正在出現(xiàn)，如“AFLAX”。 </p><p>　　AJAX的應(yīng)用使用支持以上技術(shù)的web瀏覽器作為運行平臺。這些瀏覽器目前包括：Mozilla Firefox、Internet Explorer、Opera、Konqueror及Safar

46、i。但是Opera不支持XSL格式對象，也不支持XSLT。</p><p>　　該技術(shù)在1998年前后得到了應(yīng)用。允許客戶端腳本發(fā)送HTTP請求(XMLHTTP)的第一個組件由Outlook Web Access小組寫成。該組件原屬于微軟Exchange Server，并且迅速地成為了Internet Explorer 4.0[3]的一部分。部分觀察家認為，Outlook Web Access是第一個應(yīng)用了Aja

47、x技術(shù)的成功的商業(yè)應(yīng)用程序，并成為包括Oddpost的網(wǎng)絡(luò)郵件產(chǎn)品在內(nèi)的許多產(chǎn)品的領(lǐng)頭羊。但是，2005年初，許多事件使得Ajax被大眾所接受。Google在它著名的交互應(yīng)用程序中使用了異步通訊，如Google討論組、Google地圖、Google搜索建議、Gmail等。Ajax這個詞由《Ajax: A New Approach to Web Applications》一文所創(chuàng)，該文的迅速流傳提高了人們使用該項技術(shù)的意識。另外，對Moz

48、illa/Gecko的支持使得該技術(shù)走向成熟，變得更為易用。</p><p>　　AJAX前景非常樂觀，可以提高系統(tǒng)性能，優(yōu)化用戶界面。AJAX現(xiàn)有直接框架AjaxPro，可以引入AjaxPro.2.dll文件，可以直接在前臺頁面JS調(diào)用后臺頁面的方法。但此框架與FORM驗證有沖突。另微軟也引入了AJAX組建，需要添加AjaxControlToolkit.dll文件，可以在控件列表中出現(xiàn)相關(guān)控件，但如以往微軟控件

49、類似，屬于雞肋，靈活性較差。</p><p>　　傳統(tǒng)的web應(yīng)用允許用戶填寫表單(form)，當(dāng)提交表單時就向web服務(wù)器發(fā)送一個請求。服務(wù)器接收并處理傳來的表單，然後返回一個新的網(wǎng)頁。這個做法浪費了許多帶寬，因為在前後兩個頁面中的大部分HTML代碼往往是相同的。由于每次應(yīng)用的交互都需要向服務(wù)器發(fā)送請求，應(yīng)用的響應(yīng)時間就依賴于服務(wù)器的響應(yīng)時間。這導(dǎo)致了用戶界面的響應(yīng)比本地應(yīng)用慢得多。</p>&l

50、t;p>　　與此不同，AJAX應(yīng)用可以僅向服務(wù)器發(fā)送并取回必需的數(shù)據(jù)，它使用SOAP或其它一些基于XML的web service接口，并在客戶端采用JavaScript處理來自服務(wù)器的響應(yīng)。因為在服務(wù)器和瀏覽器之間交換的數(shù)據(jù)大量減少，結(jié)果我們就能看到響應(yīng)更快的應(yīng)用。同時很多的處理工作可以在發(fā)出請求的客戶端機器上完成，所以Web服務(wù)器的處理時間也減少了。</p><p>　　使用Ajax的最大優(yōu)點，就是能在不

51、更新整個頁面的前提下維護數(shù)據(jù)。這使得Web應(yīng)用程序更為迅捷地回應(yīng)用戶動作，并避免了在網(wǎng)絡(luò)上發(fā)送那些沒有改變過的信息。</p><p>　　Ajax不需要任何瀏覽器插件，但需要用戶允許JavaScript在瀏覽器上執(zhí)行。就像DHTML應(yīng)用程序那樣，Ajax應(yīng)用程序必須在眾多不同的瀏覽器和平臺上經(jīng)過嚴(yán)格的測試。隨著Ajax的成熟，一些簡化Ajax使用方法的程序庫也相繼問世。同樣，也出現(xiàn)了另一種輔助程序設(shè)計的技術(shù)，為那

52、些不支持JavaScript的用戶提供替代功能。</p><p>　　對應(yīng)用Ajax最主要的批評就是，它可能破壞瀏覽器后退按鈕的正常行為[4]。在動態(tài)更新頁面的情況下，用戶無法回到前一個頁面狀態(tài)，這是因為瀏覽器僅能記下歷史記錄中的靜態(tài)頁面。一個被完整讀入的頁面與一個已經(jīng)被動態(tài)修改過的頁面之間的差別非常微妙；用戶通常都希望單擊后退按鈕，就能夠取消他們的前一次操作，但是在Ajax應(yīng)用程序中，卻無法這樣做。不過開發(fā)者已

53、想出了種種辦法來解決這個問題，當(dāng)中大多數(shù)都是在用戶單擊后退按鈕訪問歷史記錄時，通過建立或使用一個隱藏的IFRAME來重現(xiàn)頁面上的變更。（例如，當(dāng)用戶在Google Maps中單擊后退時，它在一個隱藏的IFRAME中進行搜索，然后將搜索結(jié)果反映到Ajax元素上，以便將應(yīng)用程序狀態(tài)恢復(fù)到當(dāng)時的狀態(tài)。）</p><p>　　一個相關(guān)的觀點認為，使用動態(tài)頁面更新使得用戶難于將某個特定的狀態(tài)保存到收藏夾中。該問題的解決方案

54、也已出現(xiàn)，大部分都使用URL片斷標(biāo)識符（通常被稱為錨點，即URL中#后面的部分）來保持跟蹤，允許用戶回到指定的某個應(yīng)用程序狀態(tài)。（許多瀏覽器允許JavaScript動態(tài)更新錨點，這使得Ajax應(yīng)用程序能夠在更新顯示內(nèi)容的同時更新錨點。）這些解決方案也同時解決了許多關(guān)于不支持后退按鈕的爭論。</p><p>　　進行Ajax開發(fā)時，網(wǎng)絡(luò)延遲——即用戶發(fā)出請求到服務(wù)器發(fā)出響應(yīng)之間的間隔——需要慎重考慮。不給予用戶明確

55、的回應(yīng) ，沒有恰當(dāng)?shù)念A(yù)讀數(shù)據(jù) ，或者對XMLHttpRequest的不恰當(dāng)處理，都會使用戶感到延遲，這是用戶不欲看到的，也是他們無法理解的。通常的解決方案是，使用一個可視化的組件來告訴用戶系統(tǒng)正在進行后臺操作并且正在讀取數(shù)據(jù)和內(nèi)容。</p><p>　　2.1.1 XML HTTP Request</p><p>　　(1)XMLHttpRequest簡介</p><p

56、>　　XMLHttpRequest，是我們得以實現(xiàn)異步通訊的根本。最早在IE 5 中以ActiveX組件實現(xiàn)；最近，Mozilla 1.0和Safari 1.2中實現(xiàn)為本地對象。XMLHttpRequest雖然不是W3C標(biāo)準(zhǔn)，但卻得到了FireFox、Safari、Opera、Konqueror、IE等絕大多數(shù)瀏覽器的支持。這就使得Ajax有了今天如火如荼的發(fā)展。</p><p>　　用XMLHttpReq

57、uest進行異步通訊，首先必須用JavaScript創(chuàng)建一個XMLHttpRequest對象實例。創(chuàng)建XMLHttpRequest對象實例的代碼清單如下所示：</p><p>　　var xmlHttp;</p><p>　　function createXMLHttpRequest(){</p><p>　　if(window.ActiveXObject){<

58、;/p><p>　　xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");</p><p><b>　　}</b></p><p>　　else if(window.XMLHttpRequest){</p><p>　　xmlHttp = new XMLHttp

59、Request();</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　可以看出，創(chuàng)建XMLHttpRequest對象相當(dāng)容易。首先，聲明一個全局變量xmlHttp用來保存即將創(chuàng)建的XMLHttpRequest對象的引用；然后，在createXMLHttpRequest()

60、方法中完成具體創(chuàng)建工作。因為IE與其他瀏覽器對XMLHttpRequest 對象的實現(xiàn)方法不同，因此在創(chuàng)建時，通過一個分支語句進行判斷。如果window.ActiveXObject調(diào)用返回true，則證明為IE瀏覽器，那么就通過傳遞“Microsoft.XMLHTTP”給ActiveXObject()來創(chuàng)建XMLHttpRequest對象，否則就把XMLHttpRequest實現(xiàn)為本地JavaScript對象。XMLHttpReques

61、t對象在不同瀏覽器上的實現(xiàn)是兼容的，所以可以用同樣的方法訪問XMLHttpRequest的方法和屬性。</p><p>　　表 1 標(biāo)準(zhǔn)XMLHttpRequest方法</p><p>　　表 2 標(biāo)準(zhǔn)XMLHttpRequest屬性</p><p>　　利用XMLHttpRequest對象發(fā)送簡單請求</p><p>　　創(chuàng)建了XMLH

62、ttpRequest對象，并了解了XMLHttpRequest對象的方法和屬性之后，讓我們來看看怎樣利用XMLHttpRequest對象發(fā)送簡單的請求。利用XMLHttpRequest對象發(fā)送簡單請求的基本步驟如下：</p><p>　　創(chuàng)建XMLHttpRequest對象實例。</p><p>　　設(shè)定XMLHttpRequest對象的回調(diào)函數(shù)，利用onreadystatechange屬

63、性。</p><p>　　設(shè)定請求屬性：設(shè)定HTTP方法（GET或POST）；設(shè)定目標(biāo)URL。利用open()方法。</p><p>　　將請求發(fā)送給服務(wù)器。利用send()方法。</p><p><b>　　2.1.2 DOM</b></p><p>　　文檔對象模型（Document Object Model，DOM

64、）是一種用于HTML和XML文檔的編程接口。它給文檔提供了一種結(jié)構(gòu)化的表示方法，可以改變文檔的內(nèi)容和呈現(xiàn)方式。我們最為關(guān)心的是，DOM把網(wǎng)頁和腳本以及其他的編程語言聯(lián)系了起來。腳本開發(fā)人員可以通過文檔對象的屬性、方法和事件來掌控、操縱和創(chuàng)建動態(tài)的網(wǎng)頁元素。每一個網(wǎng)頁元素（一個HTML標(biāo)簽）都對應(yīng)著一個對象（object，所謂“對象”，用白話說就是“東西”。object這個詞在臺灣通常翻譯成“物件”）。網(wǎng)頁上的標(biāo)簽是一層層嵌套的，最外面的

65、一層是<HTML>，文檔對象模型也這樣一層層嵌套著，但是通常被理解成一棵樹的形狀。樹根是window或document對象，相當(dāng)于最外層的標(biāo)簽的外圍，也就是整個文檔。樹根之下（這棵樹的圖通常是倒著畫，就好像遺傳譜系或者家譜那樣。樹根就是唯一的共同祖先）是子一級的對象，子對象也有它自己的子對象，除了根對象以外，所有的對象都有自己的父對象，同一對象的子對象之間就是兄弟的關(guān)系。在這種由“父子兄弟”組成的“單性繁殖家族圖譜樹”框架結(jié)

66、構(gòu)中，每個網(wǎng)頁元素都可以被確切地定位。文檔對象模型把整張網(wǎng)頁組織成這</p><p><b>　　2.1.3 CSS</b></p><p>　　CSS就是一種叫做樣式表（stylesheet）的技術(shù)。也有的人稱之為層疊樣式表（Cascading Stylesheet）。 在主頁制作時采用CSS技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制

67、。只要對相應(yīng)的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。 </p><p><b>　　它的作用可以達到：</b></p><p>　?。?）在幾乎所有的瀏覽器上都可以使用。 </p><p>　?。?）以前一些非得通過圖片轉(zhuǎn)換實現(xiàn)的功能，現(xiàn)在只要用CSS就可以輕松實現(xiàn)，從而更快地下載頁面。 </

68、p><p>　?。?）使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。 </p><p>　?。?）你可以輕松地控制頁面的布局 。 </p><p>　?。?）你可以將許多網(wǎng)頁的風(fēng)格格式同時更新，不用再一頁一頁地更新了。你可以將站點上所有的網(wǎng)頁風(fēng)格都使用一個CSS文件進行控制，只要修改這個CSS文件中相應(yīng)的行，那么整個站點的所有頁面都會隨之發(fā)生變動。 想一想，沒

69、有使用CSS前我們是如何控制字體的顏色和大小以及所使用的字體的？我們一般使用HTML標(biāo)簽來實現(xiàn)，代碼非常煩瑣。很難想象，如果在一個頁面里需要頻繁地更替字體的顏色大小，最終生成的HTML代碼的長度一定臃腫不堪。說實話，CSS就是為了簡化這樣的工作誕生的，當(dāng)然其功能決非這么簡單。 CSS是通過對頁面結(jié)構(gòu)的風(fēng)格控制的思想，控制整個頁面的風(fēng)格的。 式樣單放在頁面中，通過瀏覽器的解釋執(zhí)行，是完全的文本，任何懂得HTML的人都可以掌握，非常的容易。

70、生殖對一些非常老的瀏覽器，頁不會產(chǎn)生頁面混亂的現(xiàn)象。</p><p><b>　　2.1.4 XML</b></p><p>　　擴展標(biāo)記語言XML是一種簡單的數(shù)據(jù)存儲語言，使用一系列簡單的標(biāo)記描述數(shù)據(jù)，而這些標(biāo)記可以用方便的方式建立，雖然XML占用的空間比二進制數(shù)據(jù)要占用更多的空間，但XML極其簡單易于掌握和使用。 </p><p>　　XM

71、L與Access,Oracle和SQL Server等數(shù)據(jù)庫不同，數(shù)據(jù)庫提供了更強有力的數(shù)據(jù)存儲和分析能力，例如：數(shù)據(jù)索引、排序、查找、相關(guān)一致性等，XML僅僅是展示數(shù)據(jù)。事實上XML與其他數(shù)據(jù)表現(xiàn)形式最大的不同是：他極其簡單。這是一個看上去有點瑣細的優(yōu)點，但正是這點使XML與眾不同。XML的簡單使其易于在任何應(yīng)用程序中讀寫數(shù)據(jù)，這使XML很快成為數(shù)據(jù)交換的唯一公共語言，雖然不同的應(yīng)用軟件也支持其它的數(shù)據(jù)交換格式，但不久之后他們都將支持

72、XML，那就意味著程序可以更容易的與Windows、Mac OS, Linux以及其他平臺下產(chǎn)生的信息結(jié)合，然后可以很容易加載XML數(shù)據(jù)到程序中并分析它，并以XML格式輸出結(jié)果。</p><p>　　2.2 AJAX的工作原理</p><p>　　使用Ajax的主要原因:</p><p>　　(1)通過適當(dāng)?shù)腁jax應(yīng)用達到更好的用戶體驗；</p>&

73、lt;p>　　(2)把以前的一些服務(wù)器負擔(dān)的工作轉(zhuǎn)嫁到客戶端，利于客戶端閑置的處理能力來處理，減輕服務(wù)器和帶寬的負擔(dān)，從而達到節(jié)約ISP的空間及帶寬租用成本的目的。 </p><p>　　Ajax是Asynchronous JavaScript and XML的縮寫。它包括</p><p>　　使用XHTML和CSS標(biāo)準(zhǔn)化呈現(xiàn);</p><p>　　使用DO

74、M實現(xiàn)動態(tài)顯示和交互;</p><p>　　使用XML和XSLT進行數(shù)據(jù)交換與處理;</p><p>　　使用XMLHttpRequest進行異步數(shù)據(jù)讀取;</p><p>　　最后用JavaScript綁定和處理所有數(shù)據(jù);</p><p><b>　　工作原理</b></p><p>　　Aja

75、x的工作原理相當(dāng)于在用戶和服務(wù)器之間加了—個中間層,使用戶操作與服務(wù)器響應(yīng)異步化。并不是所有的用戶請求都提交給服務(wù)器,像—些數(shù)據(jù)驗證和數(shù)據(jù)處理等都交給Ajax引擎自己來做, 只有確定需要從服務(wù)器讀取新數(shù)據(jù)時再由Ajax引擎代為向服務(wù)器提交請求。</p><p>　　Ajax其核心只有JavaScript、XMLHTTPRequest和DOM，在舊的交互方式中,由用戶觸發(fā)一個HTTP請求到服務(wù)器,服務(wù)器對其進行處理

76、后再返回一個新的HTHL頁到客戶端, 每當(dāng)服務(wù)器處理客戶端提交的請求時,客戶都只能空閑等待,并且哪怕只是一次很小的交互、只需從服務(wù)器端得到很簡單的一個數(shù)據(jù),都要返回一個完整的HTML頁,而用戶每次都要浪費時間和帶寬去重新讀取整個頁面。而使用Ajax后用戶從感覺上幾乎所有的操作都會很快響應(yīng)沒有頁面重載（白屏）的等待。</p><p>　　2.2.1 XMLHTTPRequest</p><p&g

77、t;　　Ajax的一個最大的特點是無需刷新頁面便可向服務(wù)器傳輸或讀寫數(shù)據(jù)(又稱無刷新更新頁面),這一特點主要得益于XMLHTTP組件XMLHTTPRequest對象。</p><p>　　XMLHttpRequest 對象方法描述 </p><p>　　abort() 停止當(dāng)前請求； </p><p>　　getAllResponseHeaders() 作為字符串

78、返問完整的headers ；</p><p>　　getResponseHeader("headerLabel") 作為字符串返問單個的header標(biāo)簽 ；</p><p>　　open("method","URL"[,asyncFlag[,"userName"[, "password"]]

79、]) 設(shè)置未決的請求的目標(biāo) URL, 方法, 和其他參數(shù) ；</p><p>　　send(content) 發(fā)送請求</p><p>　　setRequestHeader("label", "value") 設(shè)置header并和請求一起發(fā)送 ('post'方法一定要 )；</p><p>　　XMLHttpR

80、equest 對象屬性描述 </p><p>　　onreadystatechange 狀態(tài)改變的事件觸發(fā)器，readyState 對象狀態(tài)(integer):</p><p>　　0 = 未初始化 1 = 讀取中 2 = 已讀取 3 = 交互中 4 = 完成 </p><p>　　responseText 服務(wù)器進程返回數(shù)據(jù)的文本版本 </p>&l

81、t;p>　　responseXML 服務(wù)器進程返回數(shù)據(jù)的兼容DOM的XML文檔對象 </p><p>　　responseBody 服務(wù)器返回的主題（非文本格式）</p><p>　　responseStream 服務(wù)器返回的數(shù)據(jù)</p><p>　　status 服務(wù)器返回的狀態(tài)碼, 如：404 = "文件末找到" 、200 ="

82、;成功" </p><p>　　statusText 服務(wù)器返回的狀態(tài)文本信息 </p><p>　　2.2.2 JavaScript</p><p>　　JavaScript是一在瀏覽器中大量使用的編程語言。</p><p>　　2.2.3 DOM Document Object Model</p><p>

83、;　　DOM是給 HTML 和 XML 文件使用的一組 API。它提供了文件的結(jié)構(gòu)表述，讓你可以改變其中的內(nèi)容及可見物。其本質(zhì)是建立網(wǎng)頁與 Script 或程序語言溝通的橋梁。所有WEB開發(fā)人員可操作及建立文件的屬性、方法及事件都以對象來展現(xiàn)（例如，document 就代表“文件本身“這個對像， table 對象則代表 HTML 的表格對象等等）。這些對象可以由當(dāng)今大多數(shù)的瀏覽器以 Script 來取用。一個用HTML或XHTML構(gòu)建的

84、網(wǎng)頁也可以看作是一組結(jié)構(gòu)化的數(shù)據(jù)，這些數(shù)據(jù)被封在DOM（Document Object Model）中，DOM提供了網(wǎng)頁中各個對象的讀寫的支持。</p><p><b>　　2.2.4 XML</b></p><p>　　可擴展的標(biāo)記語言（Extensible Markup Language）具有一種開放的、可擴展的、可自描述的語言結(jié)構(gòu)，它已經(jīng)成為網(wǎng)上數(shù)據(jù)和文檔傳輸?shù)?/p>

85、標(biāo)準(zhǔn)。</p><p><b>　　2.2.5綜合</b></p><p>　　Ajax引擎，實際上是一個比較復(fù)雜的JavaScript應(yīng)用程序，用來處理用戶請求，讀寫服務(wù)器和更改DOM內(nèi)容。JavaScript的Ajax引擎讀取信息，并且互動地重寫DOM，這使網(wǎng)頁能無縫化重構(gòu)，也就是在頁面已經(jīng)下載完畢后改變頁面內(nèi)容，這是我們一直在通過JavaScript和DOM在廣

86、泛使用的方法，但要使網(wǎng)頁真正動態(tài)起來，不僅要內(nèi)部的互動，還需要從外部獲取數(shù)據(jù)，在以前，我們是讓用戶來輸入數(shù)據(jù)并通過DOM來改變網(wǎng)頁內(nèi)容的，但現(xiàn)在，XMLHTTPRequest，可以讓我們在不重載頁面的情況下讀寫服務(wù)器上的數(shù)據(jù)，使用戶的輸入達到最少。</p><p>　　Ajax使WEB中的界面與應(yīng)用分離（也可以說是數(shù)據(jù)與呈現(xiàn)分離），而在以前兩者是沒有清晰的界限的，數(shù)據(jù)與呈現(xiàn)分離的分離，有利于分工合作、減少非技術(shù)人

87、員對頁面的修改造成的WEB應(yīng)用程序錯誤、提高效率、也更加適用于現(xiàn)在的發(fā)布系統(tǒng)。也可以把以前的一些服務(wù)器負擔(dān)的工作轉(zhuǎn)嫁到客戶端，利于客戶端閑置的處理能力來處理。</p><p><b>　　(1)應(yīng)用</b></p><p>　　Ajax理念的出現(xiàn)，揭開了無刷新更新頁面時代的序幕，并有代替?zhèn)鹘y(tǒng)web開發(fā)中采用form(表單)遞交方式更新web頁面的趨勢。</p&g

88、t;<p>　　(2)Ajax的優(yōu)勢</p><p>　　減輕服務(wù)器的負擔(dān)。因為Ajax的根本理念是“按需取數(shù)據(jù)”，所以最大可能在減少了冗余請求和響影對服務(wù)器造成的負擔(dān)；</p><p>　　無刷新更新頁面，減少用戶實際和心理等待時間；</p><p>　　也可以把以前的一些服務(wù)器負擔(dān)的工作轉(zhuǎn)嫁到客戶端，利于客戶端閑置的處理能力來處理，減輕服務(wù)器和帶寬

89、的負擔(dān)，節(jié)約空間和帶寬租用成本；</p><p>　　Ajax使WEB中的界面與應(yīng)用分離（也可以說是數(shù)據(jù)與呈現(xiàn)分離）；</p><p>　　2.3 AJAX的應(yīng)用</p><p>　　HTML 用于建立 Web 表單并確定應(yīng)用程序其他部分使用的字段。 JavaScript 代碼是運行 Ajax 應(yīng)用程序的核心代碼，幫助改進與服務(wù)器應(yīng) 用程序的通信。DHTM

90、L 或 Dynamic HTML，用于動態(tài)更新表單。我們將使用div、span和其他動態(tài) HTML 元素來標(biāo)記 HTML。 文檔對象模型 DOM 用于（通過 JavaScript 代碼）處理 HTML 結(jié)構(gòu)和（某些情況下）服務(wù)器返回的 XML。</p><p>　　2.3.1 表單驅(qū)動的交互</p><p>　　傳統(tǒng)的表單提交，在文本框輸入內(nèi)容后，點擊按鈕，后臺處理完畢后，頁面刷新，再回頭

91、檢查是否刷新結(jié)果正確。使用Ajax，在點擊sunmit按鈕后，立刻進行異步處理，并在頁面上快速顯示了更新后的結(jié)果，這里沒有整個頁面刷新的問題。</p><p>　　2.3.2 深層次的樹的導(dǎo)航 </p><p>　　深層次的級聯(lián)菜單（樹）的遍歷是一項非常復(fù)雜的任務(wù)，使用JavaScript來控制顯示邏輯，使用Ajax延遲加載更深層次的數(shù)據(jù)可以有效的減輕服務(wù)器的負擔(dān)。我們以前的對級聯(lián)菜單的

92、處理多數(shù)是這樣的： 為了避免每次對菜單的操作引起的重載頁面，不采用每次調(diào)用后臺的方式，而是一次性將級聯(lián)菜單的所有數(shù)據(jù)全部讀取出來并寫入數(shù)組，然后根據(jù)用戶的操作用 JavaScript來控制它的子集項目的呈現(xiàn)，這樣雖然解決了操作響應(yīng)速度、不重載頁面以及避免向服務(wù)器頻繁發(fā)送請求的問題，但是如果用戶不對菜單進行 操作或只對菜單中的一部分進行操作的話，那讀取的數(shù)據(jù)中的一部分就會成為冗余數(shù)據(jù)而浪費用戶的資源，特別是在菜單結(jié)構(gòu)復(fù)雜、數(shù)據(jù)量大的情況下

93、（比如菜單有 很多級、每一級菜又有上百個項目），這種弊端就更為突出。如果在此案中應(yīng)用Ajax后，結(jié)果就會有所改觀： 在初始化頁面時我們只讀出它的第一級的所有數(shù)據(jù)并顯示，在用戶操作一級菜單其中一項時，會通過Ajax向后臺請求當(dāng)前一級項目所屬的二級子菜單的所有數(shù)據(jù)，如 果再繼續(xù)請求已經(jīng)呈現(xiàn)的二級菜單中的一項時，再向后面請求所操作二級菜單項對應(yīng)的所有三級菜單的所有數(shù)據(jù)，以此類推……這樣，用</p><p>　　2.3.

94、3 快速的用戶與用戶間的交流響應(yīng)</p><p>　　在眾多人參與的交流討論的場景下，最不爽的事情就是讓用戶一遍又一遍刷新頁面以便知道是否有新的討論出現(xiàn)。新的回復(fù)應(yīng)該以最快的速度顯示出來，而把用戶從分神的刷新中解脫出來，Ajax是最好的選擇。 </p><p>　　2.3.4類似投票、yes/no等無關(guān)痛癢的場景</p><p>　　對于類似這樣的場景中，如果

95、提交過程需要達到40秒，很多的用戶就會直接忽略過去而不會參與，但是Ajax可以把時間控制在1秒之內(nèi)，從而更多的用戶會加入進來。 </p><p>　　2.3.5對數(shù)據(jù)進行過濾和操縱相關(guān)數(shù)據(jù)的場景 </p><p>　　對數(shù)據(jù)使用過濾器，按照時間排序，或者按照時間和名稱排序，開關(guān)過濾器等等。任何要求具備很高交互性數(shù)據(jù)操縱的場合都應(yīng)該用JavaScript，而不是用一系列的服務(wù)器請

96、求來完成。在每次數(shù)據(jù)更新后，再對其進行查找和處理需要耗費較多的時間，而Ajax可以加速這個過程。</p><p>　　2.2.6普通的文本輸入提示和自動完成的場景</p><p>　　在文本框等輸入表單中給予輸入提示，或者自動完成，可以有效的改善用戶體驗，尤其是那些自動完成的數(shù)據(jù)可能來自于服務(wù)器端的場合，Ajax是很好的選擇。 </p><p>　　3系統(tǒng)需求分析與

97、設(shè)計</p><p><b>　　3.1 可行性分析</b></p><p>　　本系統(tǒng)是基于Ajax技術(shù)的網(wǎng)上看書系統(tǒng)，主要是為了方便讀者借閱參考書籍，和便于圖書管理員方便管理電子圖書而研發(fā)的。在前面的論述中已經(jīng)介紹了Ajax的優(yōu)點，和在電子書籍管理中應(yīng)用的優(yōu)勢。由此證明了研發(fā)此系統(tǒng)的價值和意義所在。</p><p><b>　　3

98、.2需求分析</b></p><p>　　3.2.1總體需求調(diào)查</p><p>　　在開發(fā)此系統(tǒng)之前我們對目前各大圖書網(wǎng)站做了詳細的了解。以大型書籍網(wǎng)站google圖書和百度圖書為例。首先看看圖書搜索的首頁，百度圖書搜索顯得有點簡陋，但它剛起步，對它太過苛刻。而Google圖書搜索那里，除了可以搜索所以的圖書之外，還可以縮小搜索范圍只搜索“可全文閱讀的圖書”或“國學(xué)圖書”。

99、留意看Google圖書搜索下面的“提供給出版商的信息”，點擊進去里面的內(nèi)容大概是一些與出版商合作的政策，以幫助出版商提高圖書的銷量。從而使到用戶，出版商，Google之間實現(xiàn)“三贏”。我們看看高級搜索的功能， 百度的高級搜索是相當(dāng)簡陋，和普通網(wǎng)頁的高級搜索沒什么分別。所以不截圖說明了。而Google的高級搜索提供的搜索的確是“高級”了。</p><p>　　圖書來源：前面已經(jīng)隱約透露到，百度圖書搜索的信息來源大概

100、是網(wǎng)上書城。在百度圖書搜索幫助文件里是這樣說的：百度圖書搜索是百度與眾多圖書行業(yè)合作伙伴合作建立的圖書信息查詢平臺。而Google圖書搜索的來源是一些實實在在的書，在它的幫助文檔里是這樣描述的：Google 圖書搜索中的圖書主要有兩個來源：出版商和圖書館。搜索結(jié)果由中國大陸出版圖書提供。（本地化？）。</p><p>　　計劃目的：現(xiàn)在看來，百度圖書搜索的目的是在中文網(wǎng)絡(luò)里面提供一個圖書介紹的平臺，使得用戶能夠大

101、概了解書的內(nèi)容和購買網(wǎng)站或地點。百度圖書搜索只提供簡單的幾行字的對圖書的描述。相比之下，Google的計劃更要來的宏偉。按照它的話，它的圖書搜索平臺不但直接面向用戶，還面向企業(yè)，或者說合作商，合作商可以登錄設(shè)置自己的圖書信息，決定是“完全共享”還是“半共享”書目。而且現(xiàn)在Google還有一個叫做“Google 圖書館計劃”的圖書共享計劃。這對于我們一些經(jīng)?？赐馕奈墨I的人來說是個不錯的計劃。</p><p>　　搜

102、索結(jié)果頁面：這是最重要的部分，前面說到，Google不但提供中文圖書搜索，還有外文的。但百度只支持中文圖書搜索。Google圖書搜索的結(jié)果頁面每本圖書結(jié)果都有封面的截圖，右方的圖書信息里還有作者的信息，搜索的關(guān)鍵字位于書的哪一頁。最底一行是告訴用戶該書是完全共享還是部分共享的。再來看看百度那邊的搜索結(jié)果?？赡苁且驗橄到y(tǒng)還沒完善，有些書還沒有封面圖片。相比之下，百度圖書結(jié)果頁面沒有提供作者信息。</p><p>　

103、　圖書結(jié)果頁面：我選擇了兩者都共有的書目：《車神舒馬赫(F1英雄傳)》 百度提供了圖書的出版信息，還包括定價。然后就是書的內(nèi)容提要。最后是購買這本書的地址。顯然，百度不提供圖書頁面內(nèi)容的搜索。也許是擔(dān)心版權(quán)的問題。（試想為什么百度MP3搜索為什么只提供鏈接呢？） 而Google方面，顯示的信息就豐富很多了。在左邊，不但有該圖書頁面內(nèi)容的預(yù)覽（pdf），讓搜索者可以閱讀圖書的部分內(nèi)容（有些書不提供完全共享，除非你購買），在右邊，從上到下

104、分別是內(nèi)容摘要，目錄（該書的目錄），書名頁，然后就是購買該書的地址鏈接。之后是鏈接到World Cat的“在圖書館中查找此書”的鏈接。再下方是提供一個搜索本書內(nèi)容的搜索（相當(dāng)于站內(nèi)搜索）。最后當(dāng)然要照顧出版商的感受：版權(quán)提供方的信息。點擊內(nèi)容摘要里的連接，可以看到更多關(guān)于該書的內(nèi)容摘要，這里不作說明。自己嘗試一下吧。最后，總結(jié)一下。百度圖書搜索因為是剛剛起步，功能上未免會有或這或那的缺陷，但它為我們購買圖書提供了很大的方便。簡單的圖書搜

105、索用百度最好不過。而Google圖書搜索不但為我們提供了購買圖書的途徑，還有圖書頁面的預(yù)覽和頁面內(nèi)容搜索，這對我們對要研究</p><p><b>　　3.3系統(tǒng)目標(biāo)</b></p><p>　　根據(jù)模型要求，我們應(yīng)該實現(xiàn)的功能有：</p><p>　　(1)登陸需要的基本信息，如管理員名稱密碼，用戶的編號和密碼等。</p>&l

106、t;p>　　(2)登陸時，用戶的不同角色擁有不同的功能權(quán)限界面，如管理員可以對用戶，角色，書籍的信息進行添加，刪除，更新和查看；對用戶和角色，角色和功能，連帶責(zé)任等信息進行操作。一旦用戶的角色和任務(wù)等被管理員授權(quán)后，用戶則可以登陸到用戶功能界面執(zhí)行其任務(wù)。</p><p>　　(3) 在本系統(tǒng)中管理員的工作量相當(dāng)?shù)拇?。不僅要對用戶的信息 進行詳細查看和篩選，還要對書籍的分類，書籍相關(guān)的信息進行設(shè)置。<

107、/p><p>　　(4) 本系統(tǒng)每個頁面提供圖書搜索功能。分為書名、作者、出版社三個關(guān)鍵項進行搜索。也有對書籍詳細搜索。用戶輸入書籍的相關(guān)信息就可以找到，用戶想要的書籍。</p><p>　　(5)本系統(tǒng)提供在線申請成為用戶。及對注冊頁面的相關(guān)信息驗證。</p><p>　　(6) 本系統(tǒng)還有統(tǒng)計在在線閱讀排行榜。有效地吸引用戶去看書。</p><p

108、>　　(7) 系統(tǒng)的設(shè)置，對系統(tǒng)中的一些參數(shù)的設(shè)置，比如對各模塊功能的添加和刪除。</p><p>　　(8) 系統(tǒng)應(yīng)該提供相應(yīng)的使用幫助文檔。</p><p><b>　　4概要設(shè)計</b></p><p><b>　　4.1 系統(tǒng)模塊圖</b></p><p>　　系統(tǒng)總體模塊圖4.1&l