【正文】 使用了開發(fā)人員避開了繁瑣但沒有太多技術內涵的部署工作，即不需要將客戶端程序不厭其煩地安裝到數(shù)以萬計的客戶端中去。用戶端只需要提供瀏覽器就可以方便的顯示服務器的處理結果。但是，由于這種方式所采用的是同步交互方式，因此帶來的直接后果就是束縛了用戶的手腳，損失了瀏覽器和服務端的交互性。在 AJAX 的幫助下，傳統(tǒng) WEB 應用中的請求 / 響應模式發(fā)生了改變，開發(fā)人員可以憑借這一技術自由地與服務器實現(xiàn)異步交互，用戶最直接感受就是不會因為要單擊一個按鈕就要等待整個 WEB 頁面的全部刷新，開發(fā)人員也不再為了要實現(xiàn)一個動態(tài)效果，就將服務器端數(shù)據(jù)庫的數(shù)據(jù)再頁面裝載時全部發(fā)送到客戶端，導致頁面過渡膨脹。AJAX 提供了非常方便的客戶端處理方式，為 WEB 應用中實現(xiàn)更加豐富的交互效果奠定了基礎。 解決方案⑴同步交互方式BrowserWeb服務器數(shù)據(jù)庫H T T P 服 務 器H T M L + C S S同 步 交 互 方 式圖 18當用戶 HTTP 服務器提交了一個處理請求時，服務器端將在接手到該請求后，按照預先編寫的程序中的業(yè)務邏輯進行處理，例如：和數(shù)據(jù)庫服務器之間驚醒數(shù)據(jù)信息的交換，然后對請求處理進行響應，即將結果傳送會發(fā)出請求的瀏覽器客戶端，返回一個 HTML 頁面再瀏覽器端驚醒顯示，在顯示該頁面時，往往使用 CSS 層疊巖石表豐富頁面的顯示效果。顯然，這樣的一種處理方式一定會給用戶一種不連貫的體驗，因為當服務器在處理請求的時候，用戶多數(shù)時間只能處于等待狀態(tài)，頁面中顯示內容也只能是一片空白。⑵AJAX 解決方案的優(yōu)勢BrowserAjaxj a v a S c r i p tH T M L + C S S瀏 覽 器 客 戶 端Web服務器數(shù)據(jù)庫H T T P 請 求X M L 數(shù) 據(jù)異 步 交 互 方 式圖 AJAX 相當于在瀏覽器客戶端與服務器之間架設了一個橋梁，一個媒介，在它的幫助下，可以消除網(wǎng)絡交互過程中的處理―等待―處理―等待等缺陷。在處理過程中 WEB服務器響應是標準的且易于解析 XML 格式的數(shù)據(jù)傳遞給 AJAX，然后再轉換成 HTML 頁面的格式，輔助 CSS 進行顯示。AJAX 相關的一個重要對象是 XMLHttpRequest 對象，這個對象從 瀏覽器起就已經存在了，AJAX 允許用戶與服務器端交互異步進行，即獨立于用戶與服務器之間的直接交流，再這種異步交互的過程中，可以使用 JAVASCRIPT 調用 AJAX 來代替?zhèn)鹘y(tǒng)提交請求的方式，內存中的數(shù)據(jù)編輯，頁面導航，數(shù)據(jù)校驗等處理都不再需要重新載入整個頁面的需求，這些工作都可以交給 AJAX 單獨來執(zhí)行。AJAX 是使用 XMLHttpRequest 對象發(fā)送請求并獲得服務器端得響應，同時 AJAX 可以在不重新載入整個頁面的情況下 JAVASCRIPT 操作 DOM 以實現(xiàn)最終更新頁面。因此在讀取數(shù)據(jù)的過程中，用戶所面對的不是白屏，而是原來的頁面內容。這種更新是瞬間的，用戶幾乎感覺不到，對用戶來講這是一種連貫的感覺。借助 AJAX，可以把以前一些原本由服務器負擔的工作轉移到客戶端來完成，利用客戶端閑置的能力來進行處理，這樣也可以有效地減輕服務器和貸款的負擔，節(jié)約空基于 Struts 架構與 Ajax 技術結合的 C2C 化妝品銷售平臺的設計與實現(xiàn)19間和寬帶租用成本。⑶AJAX 技術目前的應用狀況目前 Ajax 已經成為了 Web 應用的主流開發(fā)技術，大量的業(yè)界巨頭已經采納并且在大力推動這個技術的發(fā)展。最近的動態(tài)包括:⑴IBM、Oracle、Yahoo!、BEA、RedHat、Novell 等頁界領先的公司啟動了 Open Ajax 項目。致力于為 Ajax 開發(fā)建造先進強大的的開發(fā)工具。IBM 在 2 月底已經發(fā)布了Open Ajax 項目的 Ajax Toolkit Framework(ATF)，是一個基于 Eclipse IDE 的Ajax 開發(fā)工具。⑵微軟開發(fā)了自己的 Ajax 框架 Altas，不過主要是和服務器端他們自己的 框架配合工作。⑶Sun 雖然行動遲緩，但是也將 Ajax 技術列入了 J2EE 的 blueprint(藍圖)中，作為 J2EE 技術的有益的補充。　除了上述這些公司之外，Google 公司不可不提，因為正是他們率先采用 Ajax 技術建造出了一大堆非常出色的應用，才將 Ajax 技術引到了聚光燈下。Google 公司建造的 Ajax 應用包括 Google Maps、GMail、Google Suggest 等等，其中公認最優(yōu)秀最復雜的 Ajax 應用是 Google Maps。由于完全基于 Ajax 技術來建造 Google Maps 的界面，Google Maps 提供了遠遠超越其競爭對手的地圖服務的交互體驗。如果說 Google 后臺的地圖技術并不存在巨大優(yōu)勢的話，那么 Ajax 技術和優(yōu)秀的交互設計成為了他們壓倒競爭對手的最后一根稻草。最終使得 Google Maps 脫穎而出，獲得了用戶的青睞。我們可以對比一下微軟前后的兩個地圖服務就可以看出差別?！　∥④浌舅峁┑呐f的地圖服務: 是傳統(tǒng)Web 應用的代表，性能很差而且極其難用。微軟公司所推出了新的地圖服務: 新的地圖服務包括這個網(wǎng)站上的很多其他服務完全基于 Ajax 技術來建造，獲得了極好的可用性。這個地圖可以看作是在 Google 推出了 Google Maps 服務之后，微軟公司痛定思痛的產物，在很多地方模仿了 Google Maps。Ajax 的典型應用除了 Google Maps，還有微軟的 Windows Live、Yahoo!的 Flickr等等。此外國內新浪的 blog 也使用了一些 Ajax 的技術。⑷Dwr 框架的選擇DWR 是一個引擎，可以把服務器端 Java 對象的方法公開給 JavaScript 代碼。使20用 DWR 可以有效地從應用程序代碼中把 Ajax 的全部請求響應循環(huán)消除掉。這意味著客戶端代碼再也不需要直接處理 XMLHttpRequest 對象或者服務器的響應。不再需要編寫對象的序列化代碼或者使用第三方工具才能把對象變成 XML。甚至不再需要編寫 servlet 代碼把 Ajax 請求調整成對 Java 域對象的調用。 DWR 是一個開放源碼的使用 Apache 許可協(xié)議的解決方案，它包含服務器端 Java 庫、一個 DWR servlet 以及 JavaScript 庫。雖然 DWR 不是 Java 平臺上唯一可用的 AjaxRPC 工具包，但是它是最成熟的，而且提供了許多有用的功能。 DWR 是作為 Web 應用程序中的 servlet 部署的。把它看作一個黑盒子，這個 servlet 有兩個主要作用：首先，對于公開的每個類，DWR 動態(tài)地生成包含在 Web 頁面中的 JavaScript。生成的 JavaScript 包含存根函數(shù)，代表 Java 類上的對應方法并在幕后執(zhí)行 XMLHttpRequest。這些請求被發(fā)送給 DWR，這時它的第二個作用就是把請求翻譯成服務器端 Java 對象上的方法調用并把方法的返回值放在 servlet 響應中發(fā)送回客戶端，編碼成 JavaScript。DWR 還提供了幫助執(zhí)行常見的用戶界面任務的 JavaScript 工具函數(shù)?；?Struts 架構與 Ajax 技術結合的 C2C 化妝品銷售平臺的設計與實現(xiàn)214 C2C 銷售平臺的總體分析 開發(fā)環(huán)境構建 集成開發(fā)環(huán)境 Eclipse在確定了 Struts 為基礎開發(fā)框架后,就要選擇一種開發(fā)工具,在網(wǎng)上搜索了相應的資料后,最后決定使用 Eclipse+MyEclipse 作為該系統(tǒng)的開發(fā)工具。Eclipse 是基于 java 的、開放源代碼的可擴展開發(fā)平臺,它最初由 IBM 公司投入巨資開發(fā)。后來被捐贈給國際開發(fā)源代碼團體。從此 Eclipse 為平臺 IDE 開啟了一個新的時代。就其本身而言,它只是一個框架和一組服務。通過插件組件構建開發(fā)和環(huán)境。Eclipse 附帶了一個標準的插件集,包括了 java 開發(fā)工具，正是由于它的開源性,支持者源源不斷。已經走一過了五年的輝煌,Eclipse 的安裝遍布在世界的每個角落,似乎沒有什么可以阻擋歷史的腳步,更準確的說,是沒有什么可以阻擋開源的腳步。選擇 Eclipse 主要是基于它的插件豐富,對 Struts 的支持比較好,與免費的JBuilder X Foundation 版本類似, Eclipse 也有代碼補足、代碼模板的功能,以及對重構、Ant、CVS 和 JUnit 的支持。實際上, Eclipse 對很多特性的支持都比 JBuilder更好。例如, Eclipse 具有更多的重構功能,能夠更好地支持將本地代碼與 CVS 服務器進行合并。Eclipse 的版本管理做得非常好,的版本管理分為個人和團隊兩種。Eclipse 提供了強大的個人版本管理機制,每一次被保存的更改都可以得到恢復。而且,可以精確到每一個方法的版本恢復。操作也十分方便,強大的個人版本管理功能為程序員提供了更多的信心,只管編寫下去,任何小小心的錯誤都可以恢復。Eclipse 允許在同一 IDE 中集成來自不同供應商的工具,并實現(xiàn)了工具之間的互操作性,從而顯著改變了項目工作流程,使開發(fā)者可以專注在實際的嵌入式目標上。Eclipse 框架的這種靈活性來源于其擴展點。它們是在 XML 中定義的已知接口,并充當插件的耦合點。擴展點的范圍包括從用在常規(guī)表述過濾器中的簡單字符串,到一個類的描述。任何 Eclipse 插件定義的擴展點都能夠被其它插件使用,反之,任何 Eclipse 插件也可以遵從其它插件定義的擴展點。除了由擴展點定義的接口外,插件不知道它們通過擴22展點提供的服務將如何被使用。 Web 服務器——TomcatWeb 服務器選擇了 。 是一種開源的 Web 服務器,并且具有跨平臺等多種特性。在 Eclipse 有一支持 Tomcate 的插件，開發(fā)起來很方便 主要插件 MyEclipseMyEclipse 是一個專門為 Eclipse 設計的商業(yè)插件和開源插件的完美集合。MyEclipse 為 Eclipse 提供了一個大量私有和開源的 JAVA 工具集合,很大程度上解決了各種開源工具的不一致和缺點問題,并大大提高了 JSP 和應用開發(fā)的效率。MyEclipse的實際價值來自其發(fā)布的大量的可視化開發(fā)工具和實用組件。 后臺數(shù)據(jù)庫選擇數(shù)據(jù)庫采用 SQL，是微軟開發(fā)的大型數(shù)據(jù)庫。使用方便，存取速度快，穩(wěn)定性好等優(yōu)點。 整體需求分析 功能簡介該網(wǎng)上購物系統(tǒng)所需要的功能從用戶和商家劃分,可以分為游客功能、會員功能、商家功能、超級管理員管理功能。用戶功能主要提供給購物的用戶使用，商家功能主要是給商家進行產品銷售使用。系統(tǒng)提供用戶注冊接口，用戶要進行商品買賣，首先就要登陸該網(wǎng)站,可以通過新品推薦，熱點商品，商品搜索，商品分類等瀏覽商品。可以進行價格排序，時間排序篩選商品。會員可以通過 AJAX 技術查看到商品信息。點擊可以進入查看商品的詳細信息。在瀏覽商品的過程中,消費者如果對某個商品感興趣,可以購買商品并下訂單給商家。用戶還可以給這個商品的商家發(fā)送站內留言。用戶在留言管理子系統(tǒng)中可以分類查看和操作留言。用戶還擁有訂單管理子系統(tǒng)，用來查看訂單狀態(tài)和收貨。如果未注冊的游客，可以瀏覽該網(wǎng)站的商品信息，以及商家的商店信息，也可以使用商品搜索功能?；?Struts 架構與 Ajax 技術結合的 C2C 化妝品銷售平臺的設計與實現(xiàn)23商家功能，首先商家是一個已經注冊的會員。商家要進行商品銷售，就要先注冊商店。商店注冊系統(tǒng)有商家商店的信息錄入，和商家 LOGO 上傳功能，可以上傳 gif 文件格式的圖片。商家擁有分類添加，庫存管理，商品錄入，訂單管理，留言管理，商店管理子系統(tǒng)。系統(tǒng)又分多種操作功能，詳細請看例圖（41）超級管理員是網(wǎng)站的維護人員以及網(wǎng)站營銷人員。超級管理員擁有用戶凍結與解封、商店凍結與解封、商家推薦、產品上架、產品上架等功能。 網(wǎng)站前臺例圖瀏 覽 網(wǎng) 站查 看 商 品 分 類查 看 商 品 信 息搜 索 商 品查 看 商 家 商 店游 客注 冊會 員身 份 驗 證購 物訂 單留 言訂 單 信 息 填 寫提 交 訂 單查 看 訂 單訂 單 管 理查 看 留 言留 言 管 理商 家開 店修 改 商 店公 告庫 存 管 理確 認 收 貨退 貨分 類 查 看分 類 查 看回 復刪 除添 加 商 品訂 單 管 理添 加 商 品分 類分 類 管 理更 改 分 類名 稱商 品 重 新分 類刪 除 分 類查 看 未 分類 商 品更 新 商 品刪 除 商 品查 看 留 言發(fā) 貨重 新 發(fā) 貨分 類 查 看品 牌 查 看功 能 查 看多 條 件 復 合 查詢全 局 搜 索店 內 多 條 件 查詢24圖 網(wǎng)頁前臺用例圖 網(wǎng)站后臺例圖管 理 員身 份 驗 證修 改 管 理員 信 息用 戶 凍 結商 家 凍 結會 員 功 能取 消用 戶 解 封恢 復 會 員功 能商 家 功 能取 消商 店 無 法瀏 覽商 家 解 封商 家 功 能恢 復商 店 恢