圖書商場(chǎng)設(shè)計(jì)報(bào)告

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

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

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

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

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

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

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

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

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

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

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

12、NAME貨物類型名稱varchar2(50)GOODSTYPEDETIAL貨物類型詳情varchar2(128)DEL刪除標(biāo)示位number00未刪除、1已刪除4. BASE_GOODS英文名稱中文名稱數(shù)據(jù)類型默認(rèn)值備注ID貨物編號(hào)numberNOTNULL主鍵、自增GOODSTYPE_ID貨物類型編號(hào)number外鍵：GOODSTYPE表GOODSTYPEIDNAME貨物名稱varchar2(50)GOODSTORE貨物庫(kù)存number0GOODSALENUM銷售量number0SHELFTIME上架時(shí)間dateGOODSISBN貨物條碼varchar2(50)SALEPRICE售價(jià)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訂單編號(hào)編號(hào)numberNOTNULL主鍵、自增USER_ID用戶編號(hào)number外鍵：USER表USERIDPAYSTATE付款狀態(tài)number00未付款、1已付款LOGISTICSTATE物流狀態(tài)number00未發(fā)貨、1已發(fā)貨LOGISTICSNUMBER物流單號(hào)varchar2(128)LO

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

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

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

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

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

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

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

21、輔導(dǎo)。在以后的學(xué)習(xí)中，我將繼續(xù)努力，爭(zhēng)取進(jìn)一步的提高。 通過(guò)此次系統(tǒng)設(shè)計(jì)開(kāi)發(fā)，使我明白，做任何事都要持之以恒，特別要認(rèn)真，勇于創(chuàng)新！這里也要特別感謝指導(dǎo)老師的幫助和支持，以及在這過(guò)程中給予幫助的同學(xué)和朋友。特別是我的指導(dǎo)老師，所以我要在這在次謝謝他給我的幫助，我也不會(huì)辜負(fù)他對(duì)我的期望，我將繼續(xù)努力。參考文獻(xiàn)1 Jeffrey D.Ullman 數(shù)據(jù)庫(kù)系統(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)上圖書商場(chǎng)系統(tǒng)首頁(yè)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購(gòu)物</title><script type="text/javascript">$(function()initLogin();/初始化 登陸dialog模塊initRegistration();/初始化 注冊(cè)dialog模塊loadGoods("");/初始化加載貨物$("#search").click(function()/點(diǎn)擊查詢按鈕后激活時(shí)間

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

26、fo();/鼠標(biāo)離開(kāi)的操作 );)function loadGoods(value)/加載貨物數(shù)據(jù)$.ajax( url: "$basePath/eshop/toGetHomePage", /異步提交的url地址 type:"POST",/異步提交的方式 data:'value1':value,/異步提交的值 success: function(msg)/提交后成功激活的方法 if(msg.aa="yes")/判斷提交成功后傳遞出來(lái)的信息 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);/通過(guò)jquery 重寫html頁(yè)面else/獲取貨物數(shù)據(jù)失敗$.messager.alert("溫馨提示","操作失?。?quot;);/彈出提示操作失敗的信息 , error: function() /提交后失敗激活的方法 $.messager.alert("溫馨提示","數(shù)據(jù)不正確！");/彈出 數(shù)據(jù)不正確的提示 ); function openLogin()/打開(kāi)登錄窗口的方法$("#LoginDiv").dia

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

31、,"toRegistrationPage");/設(shè)置 刷新 項(xiàng)，定義新的urlfunction openResign()$.ajax( url: "$basePath/eshop/exitEshop", type:"POST", success: function(msg) if(msg="yes") $.messager.show( title:'再見(jiàn)', msg:'歡迎您下次再來(lái)', 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: '注冊(cè)',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:'新加入了一個(gè)商品到購(gòu)物車', showType:'show' );else$.messager.alert("溫馨提示","操作失??！"); , error: function() $.messager.alert("溫馨提示","數(shù)據(jù)不正確！"); ); function showAlertInfo()/顯示 購(gòu)物車窗口div$("#car").show();/通過(guò)

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