圖書商場設(shè)計報告

1、長 沙 學(xué) 院課程設(shè)計說明書題目網(wǎng)上書店前臺功能的設(shè)計與實現(xiàn)系(部)計算機(jī)科學(xué)與技術(shù)系專業(yè)(班級)10級計科 2 班姓名孫宇翔學(xué)號2010021231指導(dǎo)教師段曉娟起止日期2013.9.22013.9.13課程設(shè)計任務(wù)書課程名稱：項目實訓(xùn)(三)設(shè)計題目：網(wǎng)上書店前臺功能的設(shè)計與實現(xiàn)已知技術(shù)參數(shù)和設(shè)計要求：1. 問題描述（功能要求）：（1） 分析設(shè)計一個網(wǎng)上書店系統(tǒng)。完成本系統(tǒng)的如下功能：l 展示圖書：展示的方式有多種，可以按圖書分類、按銷售排行榜、按上架時間等，有層次的展示圖書，提高用戶的購買興趣。對于某本圖書，除顯示圖書信息以外，還可以附加書評、插圖、試讀部分章節(jié)，并進(jìn)行相關(guān)圖書的推薦。l

2、圖書查詢：根據(jù)多種條件來查詢，比如圖書名，作者名，出版社名，出版年月。能進(jìn)行模糊匹配，包含關(guān)鍵字的圖書都能查到。l 購書：只有注冊用戶才能購書。為用戶提供購物車，購物車內(nèi)圖書的數(shù)量可以修改，也可以刪除購物車?yán)镆延械膱D書。購物車信息保存，便于下次購物時繼續(xù)選購圖書。2. 運行環(huán)境要求：正確安裝、配置和運行JDK。正確安裝、配置和運行Eclipse。正確安裝、配置和運行數(shù)據(jù)庫和JDBC驅(qū)動程序。3. 技術(shù)要求：要求使用Java語言，利用面向?qū)ο蟮姆椒ā⒕幊趟枷雭硗瓿上到y(tǒng)的設(shè)計；在設(shè)計的過程中，建立清晰的類層次；在系統(tǒng)設(shè)計中要分析和定義各個類，每個類中要有各自的屬性和方法。寫出需求分析，UML設(shè)計圖

3、，數(shù)據(jù)庫設(shè)計圖。設(shè)計工作量：40課時工作計劃：1.班級10計科12班2.課時及教室安排4課時：相關(guān)知識介紹。機(jī)房內(nèi)多媒體教室10課時：設(shè)計。普通教室。2426課時：上機(jī)、調(diào)試。計算機(jī)系機(jī)房46課時：調(diào)試答辯。計算機(jī)系機(jī)房指導(dǎo)教師簽名：日期：2013-8-29系主任簽名： 日期：長沙學(xué)院課程設(shè)計鑒定表姓名孫宇翔學(xué)號2010021231專業(yè)計算機(jī)科學(xué)與技術(shù)班級2班設(shè)計題目網(wǎng)上書店前臺功能的設(shè)計與實現(xiàn)指導(dǎo)教師段曉娟指導(dǎo)教師意見：評定等級： 教師簽名： 日期： 答辯小組意見：評定等級：答辯小組長簽名：日期：教研室意見：教研室主任簽名： 日期： 系（部）意見：系主任簽名：日期：說明課程設(shè)計成績分“優(yōu)秀”

4、、“良好”、“及格”、“不及格”四類；目錄第1章需求分析11.1系統(tǒng)功能分析11.2用例分析11.3用例規(guī)約2第2章系統(tǒng)設(shè)計62.1系統(tǒng)結(jié)構(gòu)設(shè)計62.2類圖設(shè)計62.3數(shù)據(jù)庫設(shè)計72.4活動圖9第3章系統(tǒng)實現(xiàn)103.1系統(tǒng)架構(gòu)的實現(xiàn)103.2系統(tǒng)頁面實現(xiàn)11第4章測試144.1登錄系統(tǒng)模塊測試144.2注冊用戶模塊測試144.3購買圖書模塊測試15總結(jié)16參考文獻(xiàn)17附錄18V第1章 需求分析1.1 系統(tǒng)功能分析客戶在瀏覽網(wǎng)上書店的時候，當(dāng)遇到喜歡的圖書、又不急于結(jié)賬而是繼續(xù)瀏覽圖書時。需要一個購物籃來存儲她已經(jīng)選中的圖書。以便于結(jié)賬或用于對比圖書的詳細(xì)參數(shù)。用戶在購物車頁面中需要對購物車中的

5、圖書添加數(shù)量、移除商品、清空購物車等功能。當(dāng)用戶遇到網(wǎng)絡(luò)斷線等意外情況，用戶再次登錄時，購物車還可以記錄好他們已經(jīng)選購的圖書。并顯示給前臺提示用戶下單。除此之外，購物車還有計算出圖書的總價、購物車中圖書數(shù)量等基礎(chǔ)功能。1.2 用例分析通過對需求進(jìn)行分析，可以畫出如下用例圖。圖1-1 用例圖1.3 用例規(guī)約表1-1 用戶瀏覽圖書用例規(guī)約用況標(biāo)識號001用況名稱瀏覽圖書創(chuàng)建時間2013-9-4參與者用戶說明用戶進(jìn)入系統(tǒng)，點擊不同展示瀏覽按不同情況顯示圖書先決條件無請求結(jié)果用戶獲取按指定情況圖書列表優(yōu)先級高使用頻度不限主事件流1.0 用戶按圖書分類瀏覽1. 用戶進(jìn)入系統(tǒng)。2. 系統(tǒng)顯示按圖書分類的圖

6、書列表?？蛇x事件流11.1 用戶按銷售排行版瀏覽3用戶點擊按銷售排行版。4系統(tǒng)顯示按銷售排行版的圖書列表?？蛇x事件流21.2 用戶按上架時間瀏覽3用戶點擊按上架時間。4系統(tǒng)顯示按上架時間的圖書列表?？蛇x事件流31.3 用戶瀏覽圖書5用戶點擊書目。6系統(tǒng)顯示書目詳細(xì)信息。包含無特定需求無假設(shè)無注釋和問題無表1-2 用戶檢索圖書用例用況標(biāo)識號002用況名稱檢索圖書創(chuàng)建時間2013-9-4參與者用戶說明用戶輸入圖書名和作者名或關(guān)鍵字查詢圖書先決條件用戶進(jìn)入網(wǎng)上書店主頁請求結(jié)果檢索到所需圖書優(yōu)先級高使用頻度不限主事件流1.0 檢索成功1.用戶點擊圖書檢索。2.系統(tǒng)提示輸入檢索信息。3用戶輸入檢索信息并

7、點擊搜索。4系統(tǒng)顯示所檢索的圖書?？蛇x事件流11.1 用戶瀏覽圖書5用戶點擊書目。6系統(tǒng)顯示書目詳細(xì)信息。異常事件流1.E1 檢索失敗1.用戶點擊圖書檢索。2.系統(tǒng)提示輸入檢索信息。3.用戶輸入檢索信息并點擊搜索。4.系統(tǒng)提示沒有滿足檢索條件的書目，請輸入正確的檢索條件。包含無特定需求無假設(shè)無注釋和問題無表1-3 用戶購買圖書用例用況標(biāo)識號003用況名稱購買圖書創(chuàng)建時間2013-9-4參與者用戶說明用戶選中需要購買的圖書或者需要購買的圖書放入購物車進(jìn)行購買，購買后可進(jìn)行評價，購物車可保存圖書信息方便下次購物先決條件用戶必須是注冊用戶請求結(jié)果用戶成功購買圖書優(yōu)先級高使用頻度不限主事件流1.0 購

8、買成功1.用戶進(jìn)入需要購買的圖書詳細(xì)界面點擊購書2.驗證用戶是否登錄，未登錄則提示登錄3.已登錄則加入購物車5用戶點擊購買6.系統(tǒng)記錄并提示該購買成功可選事件流11.1 修改書目信息1用戶點擊購物車，進(jìn)入購物車。2系統(tǒng)顯示購物車?yán)锼械臅啃畔ⅰ?用戶對書目的信息進(jìn)行修改。4系統(tǒng)提示修改成功。異常事件流1.E.1 購買失敗1.用戶點擊購物車購買。2.驗證用戶是否登錄，未登錄則不能購買。3.已登錄切且購物車有圖書。5用戶余額不足。6系統(tǒng)提示購買失敗。包含無特定需求無假設(shè)無注釋和問題無表1-4 用戶登錄用例用況標(biāo)識號004用況名稱用戶登錄創(chuàng)建時間2013-9-4參與者用戶說明用戶登錄網(wǎng)上書店先決條

9、件無請求結(jié)果用戶進(jìn)入網(wǎng)上書店優(yōu)先級高使用頻度不限主事件流1.0 用戶登錄成功1.用戶點擊登錄進(jìn)入登錄界面，輸入用戶名和密碼2.將用戶輸入的信息與系統(tǒng)用戶數(shù)據(jù)庫進(jìn)行比較驗證3.驗證成功，用戶成功登錄網(wǎng)上書店異常事件流1.E.1 用戶沒有登錄成功1. 用戶點擊登錄進(jìn)入登錄界面，輸入用戶名和密碼2. 將用戶輸入的信息與系統(tǒng)用戶數(shù)據(jù)庫進(jìn)行比較驗證3.驗證不成功，用戶不能登錄網(wǎng)上書店，系統(tǒng)提示重新輸入包含無特定需求無假設(shè)無注釋和問題無第2章 系統(tǒng)設(shè)計2.1 系統(tǒng)結(jié)構(gòu)設(shè)計對網(wǎng)上圖書商城進(jìn)行分析后，可以得出系統(tǒng)的結(jié)構(gòu)如圖2-1所示，一共有6個模塊，分別是瀏覽圖書、查詢圖書、圖書加入購物車、注冊用戶、登錄系統(tǒng)

10、、購買圖書。購買圖書需要用戶登錄到系統(tǒng)才可以購買。網(wǎng)上圖書商場登錄系統(tǒng)瀏覽圖書注冊用戶購買圖書圖書加入購物車查詢圖書圖2-1 網(wǎng)上圖書商場系統(tǒng)結(jié)構(gòu)圖2.2 類圖設(shè)計圖2-2 圖書購物網(wǎng)站類圖2.3 數(shù)據(jù)庫設(shè)計表2-1 數(shù)據(jù)字典1. INFO_USER英文名稱中文名稱數(shù)據(jù)類型默認(rèn)值備注ID用戶編號numberNOTNULL主鍵、自增NAME姓名varchar2(50)LOGINAME賬戶名varchar2(50)LOGINPWD賬戶密碼varchar2(256)ROLE_ID角色編號number外鍵:ROLE表ROLEIDVALIDPRICE可用余額binary_double0SUMPRICE總

11、余額binary_double0INVALIDUSER不可用用戶number00可用、1不可用USERADDRESS用戶地址varchar2(256)TEL手機(jī)號varchar2(11)DEL刪除標(biāo)示位number00未刪除、1已刪除2. BASE_ROLE英文名稱中文名稱數(shù)據(jù)類型默認(rèn)值備注ID角色編號numberNOTNULL主鍵、自增NAME角色名varchar2(50)ROLEDETIAL角色詳細(xì)varchar2(128)DEL刪除標(biāo)示位number00未刪除、1已刪除3. BASE_GOODSTYPE英文名稱中文名稱數(shù)據(jù)類型默認(rèn)值備注ID貨物類型編號numberNOTNULL主鍵、自增

12、NAME貨物類型名稱varchar2(50)GOODSTYPEDETIAL貨物類型詳情varchar2(128)DEL刪除標(biāo)示位number00未刪除、1已刪除4. BASE_GOODS英文名稱中文名稱數(shù)據(jù)類型默認(rèn)值備注ID貨物編號numberNOTNULL主鍵、自增GOODSTYPE_ID貨物類型編號number外鍵：GOODSTYPE表GOODSTYPEIDNAME貨物名稱varchar2(50)GOODSTORE貨物庫存number0GOODSALENUM銷售量number0SHELFTIME上架時間dateGOODSISBN貨物條碼varchar2(50)SALEPRICE售價bina

13、ry_double0GOODSIMG1圖片地址1varchar2(1024)GOODSIMG2圖片地址2varchar2(1024)GOODSDETIAL貨物描述varchar2(256)DEL刪除標(biāo)示位number00未刪除、1已刪除5. INFO_ORDER英文名稱中文名稱數(shù)據(jù)類型默認(rèn)值備注ID訂單編號編號numberNOTNULL主鍵、自增USER_ID用戶編號number外鍵：USER表USERIDPAYSTATE付款狀態(tài)number00未付款、1已付款LOGISTICSTATE物流狀態(tài)number00未發(fā)貨、1已發(fā)貨LOGISTICSNUMBER物流單號varchar2(128)LO

14、GISTICSNAME物流公司名稱varchar2(128)ORDERSUMPRICE總價binary_double0DEL刪除標(biāo)示位number00未刪除、1已刪除6. INFO_ORDERITEM英文名稱中文名稱數(shù)據(jù)類型默認(rèn)值備注ID訂單條款編號numberNOTNULL主鍵、自增ORDER_ID訂單編號number外鍵：ORDER表ORDERIDGOODS_ID貨物編號number外鍵：GOODS表GOODSIDORDERITEMNUM數(shù)量number0ORDERITEMPRICE價格binary_double0DEL刪除標(biāo)示位number00未刪除、1已刪除2.4 活動圖圖2-3 購物

15、車活動圖圖2-4 用戶檢索貨物活動圖第3章 系統(tǒng)實現(xiàn)3.1 系統(tǒng)架構(gòu)的實現(xiàn)模型視圖控制器（MVC）設(shè)計模式是把 Web 層和數(shù)據(jù)層組件連接在一起，創(chuàng)建 Web 應(yīng)用程序的最好方式。MVC 模式提供的一個關(guān)鍵優(yōu)勢就是應(yīng)用程序中數(shù)據(jù)和表示之間清晰的隔離。這種清晰的隔離讓數(shù)據(jù)和表示能夠相互獨立地發(fā)展。所以菜單管理系統(tǒng)采用了SpringMVC+Spring+JPA的結(jié)構(gòu)，數(shù)據(jù)庫采用的是Oracle 11g。通過SpringMVC使數(shù)據(jù)模塊之間相互獨立，通過Spring將各個模塊實現(xiàn)低耦合的要求，通過JPA使數(shù)據(jù)庫持久化。圖3-1 系統(tǒng)文件總體結(jié)構(gòu)圖23圖3-2 Java類目錄圖3-3 Web文件目錄3

16、.2 系統(tǒng)頁面實現(xiàn)圖3-4 首頁圖3-5 用戶登錄頁面圖3-6 用戶登錄后頁面圖3-7 注冊頁面圖3-8 提示信息圖第4章 測試4.1 登錄系統(tǒng)模塊測試1、 成功登陸系統(tǒng)測試用例測試用例描述：測試系統(tǒng)在輸入正常用戶名和密碼后能登陸測試前提： 在用戶數(shù)據(jù)庫表中已存在一個用戶名為admin，密碼為admin 。測試輸入： 在登陸界面輸入用戶名為admin，密碼為admin。預(yù)期輸出： 提示登陸成功，并引導(dǎo)進(jìn)入界面首頁。測試后果： 無實際結(jié)果： 登錄成功！并進(jìn)入網(wǎng)上圖書商城首頁。2、 無效用戶名的測試用例測試用例描述：測試系統(tǒng)在輸入無效用戶名和密碼后不能登陸。測試前提： 在用戶數(shù)據(jù)庫表中不存在用戶名

17、為asda的用戶。測試輸入： 在登陸界面輸入用戶名為asdasd和密碼123456。預(yù)期輸出： 提示輸入的用戶名或密碼錯誤。測試后果： 無實際結(jié)果： 登錄失?。≥斎氲挠脩裘蛎艽a錯誤。4.2 注冊用戶模塊測試1、 成功注冊系統(tǒng)測試用例測試用例描述：測試系統(tǒng)在輸入正確的用戶名、密碼。測試前提： 在用戶數(shù)據(jù)庫表中不存在用戶名為user2的用戶。測試輸入： 在注冊界面輸入用戶名為user2和密碼user2并選擇角色學(xué)生。預(yù)期輸出： 提示注冊成功，并跳轉(zhuǎn)到登錄界面。測試后果： 無實際結(jié)果： 注冊成功！并跳轉(zhuǎn)到登錄界面。2、 無效用戶名注冊測試用例測試用例描述：測試系統(tǒng)在輸入已經(jīng)存在用戶名后不能成功注冊

18、。測試前提： 在用戶數(shù)據(jù)庫表中存在用戶名為user1的用戶。測試輸入： 在注冊界面輸入用戶名：user1密碼：user1。預(yù)期輸出： 提示輸入該用戶已經(jīng)存在。測試后果： 無實際結(jié)果： 該用戶已存在，請重新注冊！4.3 購買圖書模塊測試1、 成功購買圖書測試用例測試用例描述：在購物車模塊中點擊購買。測試前提： 用戶登錄，購物車有圖書，余額充足。測試輸入： 無。預(yù)期輸出： 提示購買成功，并關(guān)閉購物車窗口。測試后果： 無。實際結(jié)果： 購買成功！并關(guān)閉購物車。2、 購買圖書測試用例失敗測試用例描述：在購物車模塊中點擊購買。測試前提： 用戶登錄，購物車有圖書超過庫存數(shù)量的圖書。測試輸入： 無。預(yù)期輸出：

19、 購買失敗。測試后果： 無實際結(jié)果： 購買失??！3、 購買圖書測試用例失敗測試用例描述：在購物車模塊中點擊購買。測試前提： 用戶登錄，購物車圖書，用戶余額不足。測試輸入： 無。預(yù)期輸出： 購買失敗。測試后果： 無實際結(jié)果： 購買失?。?總結(jié)經(jīng)過一段時間的設(shè)計和開發(fā)，網(wǎng)上圖書商場系統(tǒng)基本開發(fā)完畢。其功能基本符合用戶需求，能夠完成注冊用戶，瀏覽圖書信息，檢索圖書信息，登錄系統(tǒng)，添加圖書到購物車，完成購買等功能。并提供部分系統(tǒng)維護(hù)功能,使用戶方便進(jìn)行數(shù)據(jù)備份和恢復(fù)、數(shù)據(jù)刪除，對于數(shù)據(jù)的一致性的問題也通過程序進(jìn)行了有效的解決。 但是由于設(shè)計時間較短，所以該系統(tǒng)還有許多不盡如人意的地方，用戶界面不夠美觀

20、，出錯處理不夠等多方面問題。這些都有待進(jìn)一步改善。所以在以后的學(xué)習(xí)中，我會繼續(xù)努力，爭取有所提高。以上是我對這次設(shè)計的一些體會和心得。由于水平有限，錯誤在所難免，有許多要改進(jìn)的地方。我想，這也是在以后的學(xué)習(xí)和工作中激勵我不斷學(xué)習(xí)，不斷前進(jìn)的動力。在本次設(shè)計中，提供了一個我和老師相學(xué)習(xí)的好機(jī)會。我從指導(dǎo)老師身上學(xué)到了很多東西老師教會了我一個從理論走向?qū)嶋H運用的方法老師認(rèn)真負(fù)責(zé)的工作態(tài)度，嚴(yán)謹(jǐn)?shù)闹螌W(xué)精神和深厚的理論水平都使我收益匪淺。他無論在理論上還是在實踐中，都給與我很大的幫助，使我得到不少的提高。讓我熟悉了一個理論與實踐相結(jié)合的過程，這對于我以后的工作和學(xué)習(xí)都有一種巨大的幫助，感謝他們的耐心的

21、輔導(dǎo)。在以后的學(xué)習(xí)中，我將繼續(xù)努力，爭取進(jìn)一步的提高。 通過此次系統(tǒng)設(shè)計開發(fā)，使我明白，做任何事都要持之以恒，特別要認(rèn)真，勇于創(chuàng)新！這里也要特別感謝指導(dǎo)老師的幫助和支持，以及在這過程中給予幫助的同學(xué)和朋友。特別是我的指導(dǎo)老師，所以我要在這在次謝謝他給我的幫助，我也不會辜負(fù)他對我的期望，我將繼續(xù)努力。參考文獻(xiàn)1 Jeffrey D.Ullman 數(shù)據(jù)庫系統(tǒng)基礎(chǔ)教程M. 高等教育出版社. 20042 沃爾斯 李磊譯Spring in Action中文版M.人民郵電出版社.20063 Mike Keith Merrick SchincariolPro JPA 2M.press.20094 弗拉納根編

22、著Javascript權(quán)威指南M機(jī)械工業(yè)出版社，2007附錄網(wǎng)上圖書商場系統(tǒng)首頁html代碼<% page language="java" import="java.util.*" pageEncoding="UTF-8"%><%taglib prefix="spring" uri="/tags" %><%taglib prefix="fmt" uri=" %><%t

23、aglib prefix="c" uri=" %><%taglib prefix="fn" uri=" %><%taglib prefix="form" uri="/tags/form" %> <!DOCTYPE HTML PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN"><html> <head> <jsp

24、:include page="/WEB-INF/basePages/webInfo.jsp" /> <title>Eshop購物</title><script type="text/javascript">$(function()initLogin();/初始化 登陸dialog模塊initRegistration();/初始化 注冊dialog模塊loadGoods("");/初始化加載貨物$("#search").click(function()/點擊查詢按鈕后激活時間

25、loadGoods($("#searchValue").val();/加載 貨物方法，帶上 searchValue文本框中的值); $("#goodsCar").hover(function()/購物車觸發(fā)div 激活鼠標(biāo)事件 showAlertInfo();/鼠標(biāo)經(jīng)過的操作 ,function() hideAlertInfo();/鼠標(biāo)離開的操作 ); $("#car").hover(function()/購物車窗口div 激活鼠標(biāo)時間 showAlertInfo();/鼠標(biāo)經(jīng)過的操作 ,function() hideAlertIn

26、fo();/鼠標(biāo)離開的操作 );)function loadGoods(value)/加載貨物數(shù)據(jù)$.ajax( url: "$basePath/eshop/toGetHomePage", /異步提交的url地址 type:"POST",/異步提交的方式 data:'value1':value,/異步提交的值 success: function(msg)/提交后成功激活的方法 if(msg.aa="yes")/判斷提交成功后傳遞出來的信息 var html="<table>"/保存 一串

27、 html代碼 var list=msg.goodsList; for(i=0;i<list.length;i+) html+="<tr><td>"++"</td>"html+="<td><a href='javascript:selected("+listi.id+")' ><img src='$basePath/eshop/images/btn_buy.jpg'></a></

28、td>"html+="</tr><tr><td colspan='2'><img width='100px' height='100px' src='$basePath/eshop/goodsimage/"+listi.id+".jpg'></td></tr>" html+="</table>" $("#main").html("")

29、;/先清理原有的信息 $("#main").html(html);/通過jquery 重寫html頁面else/獲取貨物數(shù)據(jù)失敗$.messager.alert("溫馨提示","操作失??！");/彈出提示操作失敗的信息 , error: function() /提交后失敗激活的方法 $.messager.alert("溫馨提示","數(shù)據(jù)不正確！");/彈出 數(shù)據(jù)不正確的提示 ); function openLogin()/打開登錄窗口的方法$("#LoginDiv").dia

30、log("open"); /設(shè)置open項，打開登錄窗口 $("#LoginDiv").dialog("refresh","toLoginPage");/設(shè)置 刷新 項，定義新的urlfunction openRegistration()/打開注冊窗口的方法$("#RegistrationDiv").dialog("open");/設(shè)置 open項，打開注冊窗口$("#RegistrationDiv").dialog("refresh"

31、,"toRegistrationPage");/設(shè)置 刷新 項，定義新的urlfunction openResign()$.ajax( url: "$basePath/eshop/exitEshop", type:"POST", success: function(msg) if(msg="yes") $.messager.show( title:'再見', msg:'歡迎您下次再來', showType:'show' ); window.location.reloa

32、d();else$.messager.alert("溫馨提示","操作失??！"); , error: function() $.messager.alert("溫馨提示","數(shù)據(jù)不正確！"); ); function initLogin()$("#LoginDiv").dialog(title: '登錄',width: 250,height: 150,modal: true,resizable: false,autoOpen: false,cache: false,closed:

33、true,close:function()$(this).html("");,buttons: text:'登錄', iconCls:'icon-ok', handler:function() save("login"); ,text:'取消', iconCls:'icon-ok', handler:function() $("#LoginDiv").dialog("close"); ,);function initRegistration()$(&q

34、uot;#RegistrationDiv").dialog(title: '注冊',width: 245,height: 300,modal: true,resizable: false,autoOpen: false,cache: false,closed:true,close:function()$(this).html("");,buttons: text:'提交', iconCls:'icon-ok', handler:function() save("registration"); ,t

35、ext:'取消', iconCls:'icon-ok', handler:function() $("#RegistrationDiv").dialog('close'); ,);function selected(id)$.ajax( url: "$basePath/eshop/eshop/front/addGoods2Car", type:"POST", data:'goods':id, success: function(msg) if(msg="yes&

36、quot;) $.messager.show( title:'恭喜', msg:'新加入了一個商品到購物車', showType:'show' );else$.messager.alert("溫馨提示","操作失敗！"); , error: function() $.messager.alert("溫馨提示","數(shù)據(jù)不正確！"); ); function showAlertInfo()/顯示 購物車窗口div$("#car").show();/通過

37、 jquery展示 購物車窗口$("#car").load("$bathPath/eshop/eshop/front/showCar");/設(shè)置 加載的urlfunction hideAlertInfo()/隱藏 購物車窗口div$("#car").hide();/通過 jquery隱藏 購物車窗口</script> </head> <body> <div > <div id="top"> <div style="float: left; width: 500px;height: 30px" > Eshop購物 <c:choose> <c:when test="$user=NULL"> <a href="javascript:openLogin()&