【文章內(nèi)容簡(jiǎn)介】 數(shù)據(jù)庫(kù)進(jìn)行交互。 隨著分布式對(duì)象技術(shù)的逐漸成熟，多層分布式應(yīng)用體系結(jié)構(gòu)得到了越來(lái)越多的應(yīng)用。應(yīng)用系統(tǒng)只有向多層分布式轉(zhuǎn)變， 才能最終解決 Client/Server 結(jié)構(gòu)存在的問(wèn)題。在多層架構(gòu)下，應(yīng)用可以分布在不同的系統(tǒng)平臺(tái)上，通過(guò)分布式技術(shù)實(shí)現(xiàn)異構(gòu)平臺(tái)間對(duì)象的相互通信。將應(yīng)用系統(tǒng)集成于分布式系統(tǒng)之上，能極大地提高系統(tǒng)的可擴(kuò)展性。 在多層分布式應(yīng)用中，在客戶端和服務(wù)器之間加入了一層或多層應(yīng)用服務(wù)程序，這種程序稱為 “ 應(yīng)用服務(wù)器 ” 。開(kāi)發(fā)人員可以將應(yīng)用的商業(yè)邏輯放在中間層應(yīng)用服務(wù)器上，把應(yīng)用的業(yè)務(wù)邏輯與用戶界面分開(kāi)。在保證客戶端功能的前提下，為用戶提供一個(gè)簡(jiǎn)潔的界面。這意味著如果需要修改應(yīng)用程序代碼，只需要對(duì)中間層應(yīng)用服務(wù)器進(jìn)行修改，而不 用修改成千上萬(wàn)的客戶端應(yīng)用程序。從而使開(kāi)發(fā)人員可以專注于應(yīng)用系統(tǒng)核心業(yè)務(wù) 湖南大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 5 頁(yè) 邏輯的分析、設(shè)計(jì)和開(kāi)發(fā)，簡(jiǎn)化了應(yīng)用系統(tǒng)的開(kāi)發(fā)、更新和升級(jí)工作 。 因此，選課系統(tǒng)將選擇三層體系結(jié)構(gòu)，下圖是系統(tǒng)高層邏輯體系結(jié)構(gòu)圖 ： 圖 選課系統(tǒng)高層邏輯體系結(jié)構(gòu) 使用 .NET 平臺(tái)快速簡(jiǎn)單的部署三層架構(gòu) 可以使用 .NET 平臺(tái)快速方便的部署三層架構(gòu)。 .NET 中可以方便的實(shí)現(xiàn)組件的裝配，后臺(tái)代碼通過(guò)命名空間可以方便的使用自己定義的組件。表示層放在 頁(yè)面中，數(shù)據(jù)庫(kù)操作和邏輯層用組件來(lái)實(shí)現(xiàn)，這樣就很方便的實(shí)現(xiàn)了三 層架構(gòu)[11]。下圖給出了選課系統(tǒng)的 Visual Studio .NET 應(yīng)用程序解決方案： 圖 選課系統(tǒng) Visual Studio .NET 應(yīng)用程序解決方案 邏輯層 數(shù)據(jù)層 表示層 CodeBehind 后臺(tái)代碼 顯示頁(yè)面 Business Layer Data Layer DataBase 湖南大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 6 頁(yè) 表 中列出了每個(gè)項(xiàng)目的目的： 表 選課系統(tǒng) 解決方案中的 Visual Studio 項(xiàng)目 項(xiàng)目 用途 App_cope 業(yè)務(wù)邏輯組件存放之處 ，包括：業(yè)務(wù)邏輯類，接口類 IDAL，數(shù)據(jù)實(shí)體DTO 類， Microsoft SQL Server 特定的 選課系統(tǒng)的 DAL 實(shí)現(xiàn)，使用了 IDAL 接口以及用來(lái)確定加載哪一個(gè)數(shù)據(jù) 庫(kù)訪問(wèn)程序集的類。 admin 管理員管理前臺(tái) . Student 學(xué)生選課管理前臺(tái) . Teacher 教師開(kāi)課管理前臺(tái)。 Bin Ajax 控件集成包，提供 Ajax 服務(wù)。 Designer 數(shù)據(jù)庫(kù)設(shè)計(jì)。 Ajax 技術(shù)簡(jiǎn)介 Ajax 的定義 AJAX 全稱為 “ Asynchronous JavaScript and XML” （異步 JavaScript 和 XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。它有機(jī)地包含了以下幾種技術(shù) ： Ajax（ Asynchronous JavaScript + XML） 的定義 基于 web 標(biāo)準(zhǔn)（ standardsbased presentation） XHTML+CSS 的表示； 使用 DOM（ Document Object Model）進(jìn)行動(dòng)態(tài)顯示及交互； 使用 XML 和 XSLT 進(jìn)行數(shù)據(jù)交換及相關(guān)操作； 使用 XMLHttpRequest 進(jìn)行異步數(shù)據(jù)查詢、檢索； 使用 JavaScript 將所有的東西綁定在一起。 類似于 DHTML 或 LAMP， AJAX 不是指一種單一的技術(shù)，而是有機(jī)地利用了一系列相關(guān)的技術(shù)。 AJAX 的應(yīng)用使用支持以上技術(shù)的 web 瀏覽器作為運(yùn)行平臺(tái)。 這些瀏覽器目前包括：Mozilla、 Firefox、 Inter Explorer、 Opera、 Konqueror 及 Safari。但是 Opera 不支持 XSL格式對(duì)象，也不支持 XSLT[18]。 湖南大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 7 頁(yè) Ajax 與傳統(tǒng) Web 應(yīng)用的比較 傳統(tǒng)的 web 應(yīng)用允許用戶填寫(xiě)表單 (form)，當(dāng)提交表單時(shí)就向 web 服務(wù)器發(fā)送一個(gè)請(qǐng)求。服務(wù)器接收并處理傳來(lái)的表單，然后返回一個(gè)新的網(wǎng)頁(yè)。這個(gè)做法浪費(fèi)了許多帶寬，因?yàn)樵谇昂髢蓚€(gè)頁(yè)面中的大部分 HTML 代碼往往是相同的。由于每次應(yīng)用的交互都需要向服務(wù)器發(fā)送請(qǐng)求，應(yīng)用的響應(yīng)時(shí)間就依賴于服 務(wù)器的響應(yīng)時(shí)間。這導(dǎo)致了用戶界面的響應(yīng)比本地應(yīng)用慢得多。與此不同， AJAX 應(yīng)用可以僅向服務(wù)器發(fā)送并取回必需的數(shù)據(jù)，它使用 SOAP 或其它一些基于 XML 的 web service 接口，并在客戶端采用JavaScript 處理來(lái)自服務(wù)器的響應(yīng)。因?yàn)樵诜?wù)器和瀏覽器之間交換的數(shù)據(jù)大量減少，結(jié)果我們就能看到響應(yīng)更快的應(yīng)用。同時(shí)很多的處理工作可以在發(fā)出請(qǐng)求的客戶端機(jī)器上完成，所以 Web 服務(wù)器的處理時(shí)間也減少了 ： 圖 傳統(tǒng) web 應(yīng)用與 AJAX 應(yīng)用的比較：處理用戶交互 湖南大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 8 頁(yè) 圖 傳統(tǒng) web 應(yīng)用與 AJAX 應(yīng)用的比較：交互模式 Ajax（ Asynchronous JavaScript and XML）是結(jié)合了 Java 技術(shù)、 XML 以及 JavaScript等編程技術(shù)，可以讓開(kāi)發(fā)人員構(gòu)建基于 Java 技術(shù)的 Web 應(yīng)用，并打破了使用頁(yè)面重載的慣例。 Ajax 是使用客戶端腳本與 Web 服務(wù)器交換數(shù)據(jù)的 Web 應(yīng)用開(kāi)發(fā)方法。這樣， Web頁(yè)面不用打斷交互流程進(jìn)行重新加裁，就可以動(dòng)態(tài)地更新。使用 Ajax，用戶可以創(chuàng)建接近本地桌面應(yīng)用的直接、高可用、更豐富、更動(dòng)態(tài)的 Web 用戶界面。 異步 JavaScript 和 XML（ AJAX）不是什么新技術(shù)，而是指這樣一種方法：使用幾種現(xiàn)有技術(shù) —— 包括級(jí)聯(lián)樣式表（ CSS）、 JavaScript、 XHTML、 XML 和可擴(kuò)展樣式語(yǔ)言轉(zhuǎn)換（ XSLT），開(kāi)發(fā)外觀及操作類似桌面軟件的 Web 應(yīng)用軟件。實(shí)現(xiàn) Ajax 的所有組件都已存在了許多年 . 異步這個(gè)詞是指 AJAX 應(yīng)用軟件與主機(jī)服務(wù)器進(jìn)行聯(lián)系的方式。如果使用舊模式， 湖南大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 9 頁(yè) 每當(dāng)用戶執(zhí)行某種操作、向服務(wù)器請(qǐng)求獲得新數(shù)據(jù)， Web 瀏覽器就會(huì)更新當(dāng)前窗口。 如果使用 AJAX 的異步模式，瀏覽器就不必等用戶請(qǐng)求操作，也不必更新整個(gè)窗口就可以顯示新獲取的數(shù)據(jù)。只要來(lái)回傳送采用 XML 格式的數(shù)據(jù)，在瀏覽器里面運(yùn)行的JavaScript 代碼就可以與服務(wù)器進(jìn)行聯(lián)系。 JavaScript 代碼還可以把樣式表加到檢索到的數(shù)據(jù)上 ，然后在現(xiàn)有網(wǎng)頁(yè)的某個(gè)部分加以顯示。 在面向消費(fèi)者的諸多應(yīng)用當(dāng)中， Google 的 Gmail 和 Google Maps 就是最常見(jiàn)的例子。在 Gmail 當(dāng)中， AJAX 負(fù)責(zé)如何開(kāi)啟線程會(huì)話，以顯示不同郵件的文本內(nèi)容。而在 Maps當(dāng)中， AJAX 允許用戶以一種似乎無(wú)縫的方式拖拉及滾動(dòng)地圖。 還有雅虎的 Flickr 像片共享應(yīng)用和亞馬遜網(wǎng)站的 A9 搜索引擎。另外，雅虎新的 Web郵件服務(wù)可能很快就會(huì)吸引 AJAX 支持者的莫大關(guān)注，這項(xiàng)服務(wù)基于雅虎收購(gòu) Oddpost后得到的技術(shù)。 這些 UI 都充分地使用了后臺(tái)通道，也被一些開(kāi)發(fā)者稱為 “ Web ” ，并導(dǎo)致了大家對(duì) Ajax 應(yīng)用興趣的猛漲。然而， AJAX 應(yīng)用軟件廠商越來(lái)越把目光瞄準(zhǔn)了企業(yè)。譬如說(shuō)， Scalix 的 Web Access 電子郵件應(yīng)用軟件其實(shí)比微軟 Outlook 自己的 Web 郵件界面更像 Outlook。 不過(guò) AJAX 應(yīng)用軟件的適用領(lǐng)域具有一定的局限性。因?yàn)樗鼈兝昧艘恍┳钚碌腤eb 技術(shù)，所以只能在某些 Web 瀏覽器里面運(yùn)行 —— 不過(guò) AJAX 適用的瀏覽器正越來(lái)越多 。 Ajax 的處理過(guò)程 一個(gè) Ajax 交互從一個(gè)稱為 XMLHttpRequest 的 JavaScript 對(duì)象開(kāi)始。如同名字所暗示的 ，它允許一個(gè)客戶端腳本來(lái)執(zhí)行 HTTP 請(qǐng)求，并且將會(huì)解析一個(gè) XML 格式的服務(wù)器響應(yīng)。 Ajax 處理過(guò)程中的第一步是創(chuàng)建一個(gè) XMLHttpRequest 實(shí)例。使用 HTTP 方法（ GET 或 POST）來(lái)處理請(qǐng)求，并將目標(biāo) URL 設(shè)置到 XMLHttpRequest 對(duì)象上。 現(xiàn)在，記住 Ajax 如何首先處于異步處理狀態(tài)？當(dāng)你發(fā)送 HTTP 請(qǐng)求，你不希望瀏覽器掛起并等待服務(wù)器的響應(yīng)，取而代之的是，你希望通過(guò)頁(yè)面繼續(xù)響應(yīng)用戶的界面交互，并在服務(wù)器響應(yīng)真正到達(dá)后處理它們。要完成它，你可以向 XMLHttpRequest 注冊(cè)一個(gè)回調(diào)函數(shù)， 并異步地派發(fā) XMLHttpRequest 請(qǐng)求?？刂茩?quán)馬上就被返回到瀏覽器， 湖南大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 10 頁(yè) 當(dāng)服務(wù)器響應(yīng)到達(dá)時(shí)，回調(diào)函數(shù)將會(huì)被調(diào)用。 在 Java Web 服務(wù)器上，到達(dá)的請(qǐng)求與任何其它 HttpServletRequest 一樣。在解析請(qǐng)求參數(shù)后， servlet 執(zhí)行必需的應(yīng)用邏輯，將響應(yīng)序列化到 XML 中，并將它寫(xiě)回HttpServletResponse。 Ajax 在系統(tǒng)中的應(yīng)用 %@ Register Assembly=AjaxControlToolkit Namespace=AjaxControlToolkit TagPrefix=cc1 % 注冊(cè) Ajax 控件。 cc1:Accordion ID=Accordion1 runat=server SelectedIndex=0 HeaderCssClass=accordionHeader ContentCssClass=accordionContent FadeTransitions=false FramesPerSecond=40 TransitionDuration=250 AutoSize=None RequireOpenedPane=false SuppressHeaderPostbacks=true Width=100% ，在 GridView 上顯示數(shù)據(jù) cc1:AccordionPane ID=AccordionPane_student runat=server Visible =false Header學(xué)生信息 /Header Content div id=divContent_student/div 湖南大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 11 頁(yè) div style=overflowy: scroll。 height: 350px asp:GridView ID=gv_student runat=server AutoGenerateColumns=False RowStyleHorizontalAlign=Center OnRowDataBound=gv_student_RowDataBound Columns asp:BoundField DataField=alias HeaderText=帳號(hào) HeaderStyleWidth=100px ItemStyle BorderColor=Black Width=100px / /asp:BoundField asp:BoundField DataField=username HeaderText=姓名 HeaderStyleWidth=70px ItemStyle BorderColor=Black Width=70p