【文章內(nèi)容簡介】 定是否進(jìn)行篩選，不篩選則進(jìn)入所有的商品瀏覽界面，篩選則得出篩選后的瀏覽界面。接著可以點擊商品加入購物車，可以自己選擇加入的數(shù)量。加入購物車以后可以查看購物車，在購物策劃模塊中可以選擇添加或刪除購物車商品，接著用戶可以自行判斷是否繼續(xù)購物，如果繼續(xù)購物則返回首頁，不購物則進(jìn)行結(jié)賬。結(jié)賬之后可以查看訂單界面，這里有詳細(xì)的訂單信息。，否則注銷退出。下圖為網(wǎng)上購物系統(tǒng)的業(yè)務(wù)流程圖。開始用戶進(jìn)入網(wǎng)站按照價格高低進(jìn)行篩選篩選后的瀏覽界面瀏覽商品加入購物車查看購物車添加或刪除購物車商品繼續(xù)購物結(jié)賬查看訂單訂單界面注銷退出結(jié)束圖 11 系統(tǒng)業(yè)務(wù)流程圖用例圖l 瀏覽商品用例，可以實現(xiàn)瀏覽商品l 搜索商品用例，可以根據(jù)商品的價格進(jìn)行篩選查詢商品。l 管理商品詳情用例，可以實現(xiàn)對商品中所有信息的瀏覽。l 加入購物車用例，是用戶才有的功能，能在瀏覽商品后把商品加入購物車 l 管理購物車用例，在加入購物車后擴(kuò)展的功能，對于購物車內(nèi)的商品可以增加刪除 l 購買商品用例，用戶可以對于商品顯示頁面的商品進(jìn)行購買 l 管理自身訂單，用戶可以對自身的訂單進(jìn)行搜索，刪除功能。l 清空購物車用例，用戶對購物車中所有商品進(jìn)行清空l 瀏覽曾經(jīng)的商品(歷史記錄)用例，用戶可以在這里瀏覽曾經(jīng)使用的商品 l 結(jié)賬模塊用例，用戶可以在這里進(jìn)行結(jié)賬功能。瀏覽商品顯示商品詳情用戶篩選商品加入購物車圖12主用例圖刪除商品用戶瀏覽購物車清空購物車?yán)^續(xù)購物結(jié)賬圖 13 購物車用例圖結(jié)賬用戶事務(wù)管理查看訂單信息圖 14 結(jié)賬用例圖 狀態(tài)圖對于系統(tǒng)進(jìn)行狀態(tài)細(xì)節(jié)分析如下 a)b)c)d)e)f)g)h)用戶首頁輸入網(wǎng)址進(jìn)入首頁界面 用戶瀏覽商品進(jìn)入商品展示界面瀏覽完之后可選擇喜歡的商品進(jìn)入購物車界面 在購物車中可以添加或刪除商品進(jìn)入更改商品界面更改接受后確定是否繼續(xù)購物，若繼續(xù)擇返回商品展示界面 若不繼續(xù)購物則進(jìn)入結(jié)賬界面在結(jié)賬界面中進(jìn)行查看訂單，進(jìn)入訂單確認(rèn)狀態(tài)訂單確認(rèn)無誤后，則系統(tǒng)提交，之后用戶可以注銷退出。按價格篩選用戶輸入網(wǎng)址首頁瀏覽商品商品展示界面加入購物車購物車界面結(jié)賬界面發(fā)出結(jié)賬請求查看訂單注銷繼續(xù)購物確定是否購物添加或刪除商品訂單確認(rèn)狀態(tài)退出3模塊設(shè)計功能模塊圖：系統(tǒng)總體分為前臺展示模塊，購物車模塊，結(jié)賬模塊。前臺展示模塊包括：瀏覽商品模塊，篩選商品模塊，商品詳情模塊，歷史紀(jì)錄模塊。購物車模塊包括：購物車展示模塊，刪除商品模塊，清空購物車模塊，繼續(xù)購物模塊。結(jié)賬模塊包括：訂單確認(rèn)模塊，提交訂單模塊，事務(wù)處理模塊。網(wǎng)上購物管理系統(tǒng)前臺展示模塊購物車模塊結(jié)賬模塊瀏覽商品模塊篩選商品模塊商品詳情模塊歷史紀(jì)錄模塊購物車展示模塊刪除商品模塊清空購物車模塊繼續(xù)購物模塊訂單確認(rèn)模塊提交訂單模塊事務(wù)處理模塊圖31 功能模塊圖1：商品展示模塊這是網(wǎng)站的主頁面，用戶不登陸也可以進(jìn)入該頁面，登陸成功后，頁面會顯示用戶的信息。此頁面主要是顯示一些主要商品的圖片、名稱、價格等信息，用戶可以輸入商品名稱，種類等進(jìn)行搜索，也可以直接點擊商品查看商品細(xì)節(jié)信息。圖 32 商品展示模塊在主界面中可以根據(jù)價格的高低排序2：商品詳情模塊當(dāng)你點擊一個商品的鏈接，可以進(jìn)入商品的詳情頁面，這里會相識一個商品的所有具體信息，可以看到書名，作者，價格，出版日期圖33 商品詳情模塊3：購物車模塊用戶喜歡的商品可以選擇放進(jìn)購物車?yán)?，可以在購物車?yán)锂a(chǎn)看用戶選擇的商品的名稱價格以及購物車商品的總價，用戶可以對購物車中的商品進(jìn)行操作，修改購買數(shù)量，刪除商品，清空購物車，結(jié)賬等。圖33 購物車前臺模塊圖34購物車展示界面清空購物車刪除購物車中的某教材圖35清空購物車界面圖36刪除購物車某教材4：回顧商品模塊當(dāng)您想看曾經(jīng)瀏覽過的商品時，可以點擊查看瀏覽的歷史記錄，根據(jù)最近瀏覽的顯示記錄排序5：結(jié)賬模塊圖37 回顧商品模塊在購物車進(jìn)行結(jié)算以后，會跳轉(zhuǎn)至結(jié)賬界面，系統(tǒng)會顯示當(dāng)前的信用卡姓名，信用卡帳號，當(dāng)您提交時就會結(jié)算成功，并且通過事務(wù)管理防止重復(fù)提交圖38 結(jié)賬模塊界面余額不足時提示圖38 余額不足界面6：訂單頁面模塊在購物車進(jìn)行結(jié)算以后，就會生成訂單，訂單會顯示訂單號、收貨人、地址、電話等信息。點擊查看詳情就可以進(jìn)入訂單詳情頁面圖 39 訂單頁面模塊4數(shù)據(jù)庫分析與設(shè)計對于以上模塊的劃分以及分析我們建立網(wǎng)上購物管理系統(tǒng)數(shù)據(jù)庫，建了5個表，分別是帳戶表（account），書籍信息表(mybooks)，訂單表(trade)，訂單項目表(tradeItem)，用戶信息管理（usersInfo），各表的實現(xiàn)的功能在上述模塊設(shè)計中已經(jīng)指出，此刻不再贅述。帳戶表（account）中的各列分別為：帳戶編號(accounted)主碼，帳戶余額balance 書籍信息表(mybooks)中的各列分別為：書籍(Id)主碼,作者(Author),標(biāo)題(Title),價格(Price),出版日期(Publishingdate),車輛類型(Salesamount),車輛規(guī)格(Storenumber),單價預(yù)算(Remark)訂單表(trade)中的各列分別為：訂單編號(tradeid)主碼,用戶編號(userid)外碼,訂單日期(tradetime)訂單項目表(tradeItem)中的各列分別為：訂單編號(itemid)主碼,書籍編號(bookid)外碼,(quantity),使用年限(tradeid)用戶信息管理（usersInfo）中的各列分別為：用戶編號(userid),用戶名(username),帳戶編號(accountid)用戶編號訂單編號帳戶編號帳戶余額訂單表訂單日期帳戶表用戶名用戶編號帳戶編號生成擁有用戶信息管理擁有購買訂單項目表書籍信息表訂單編號書籍價格作者出版日期標(biāo)題書籍編號使用年限圖41 系統(tǒng)整體ER圖設(shè)計帳戶表（account）設(shè)計書籍信息表(mybooks)設(shè)計圖42帳戶表（account）設(shè)計訂單表(trade)設(shè)計圖43書籍信息表(mybooks)設(shè)計圖 44訂單表(trade)設(shè)計訂單項目表(tradeItem)設(shè)計用戶信息表(userinfo)設(shè)計圖45訂單項目表(tradeItem)設(shè)計圖46 用戶信息表(userinfo)設(shè)計 5編碼，實現(xiàn)及測試 分頁的實現(xiàn)public ListgetPageList(CriteriaBookcb, intpageSize,String method){String sql=null。(“ method”+method)。if((“price”)){ sql=“SELECT id, author, title, price, publishingDate, ” +} elseif((“salesamount”)){} elseif((“publishingdate”)){} else{} returngetForList(sql, sql=“SELECT id, author, title, price, publishingDate, ” +“salesAmount, storeNumber, remark FROM mybooks ” + “WHERE price = ? AND price “salesAmount, storeNumber, remark FROM mybooks ” + “WHERE price = ? AND price “salesAmount, storeNumber, remark FROM mybooks ” + “WHERE price = ? AND price “salesAmount, storeNumber, remark FROM mybooks ” + “WHERE price = ? AND price //ajax修改單個商品的數(shù)量//,并為其添加onclick事件 $(“:text”).change(function(){varquantityVal = $.trim()。varreg=/^d+$/g。varquantity=1。varflag=false。if((quantityVal)){} if(!flag){ alert(39。輸入的數(shù)量不合法39。)。$(this).val($(this).attr(“class”))。return。}var$tr = $(this).parent().parent()。vartitle = $.trim($(“td:first”).text())。if(quantity==0){} varflag = confirm(“確定要修改” + title + “的數(shù)量嗎?”)。if(!flag){ $(this).val($(this).attr(“class”))。} //: bookServlet varurl = “Books”。//: method:updateItemQuantity, id:name屬性值, varidVal = $.trim()。varargs = {“method”:“updateItemQuantity”, “id”:idVal，//, 獲取quanity, id, 再獲取購物車對象, // JSON 數(shù)據(jù): bookNumber:xx, totalMoney return。varflag2=confirm(“確定要刪除”+title+“嗎?”)。if(flag2){ varserializeVal = $(“:hidden”).serialize()。varhref=$(“td:last”).find(“a”).attr(“href”)。=href+ “amp。” + serializeVal。return。} quantity=parseInt(quantityVal)。if(quantity=0)flag=true。quantity:val, time:new