【文章內(nèi)容簡介】 /定義一個 HashMap用于儲存購物車中的商品 ID和數(shù)量 HashMap hm=new HashMap()。 //添加商品 public void addGoods(String goodsId,String goodsNum){ (goodsId, goodsNum)。 } //刪除商品 public void delGoods(String goodsId){ (goodsId)。 } //清空購物車 public void clear(){ ()。 } //修改商品數(shù)量 public void updateGoodsNum(String goodsId,String NewNum){ (goodsId, NewNum)。 } //顯示購物車 public ArrayList showMyCart(){ ArrayList goodsBean al=new ArrayListgoodsBean()。 Iterator it=().iterator()。 while(()) { goodsBean gb。 goodsBeanBO gbb=new goodsBeanBO()。 String goodsId=(String)()。 String s=(String)(goodsId)。 gb=(goodsId)。 int volume=(s)。 (volume)。 (gb)。 } return al。 } } 其他功能的代碼請看源代碼 主界面設(shè)計 為了提高代碼的重用性，我把客戶界面部分相同的頭和尾作成兩個獨立的塊，分別命名為 和 如下圖 。 設(shè)計頁面 設(shè)計頁面 圖 41主界面顯示效果 用戶注冊模塊的設(shè)計。 為了檢驗用戶是否合法，首先需要注冊用戶名和密碼來驗證用戶的合法性，用戶注冊模塊剛好完成這樣的一個功能，該模塊要用到 ajax 技術(shù) 。效果圖如下：圖 42 圖 42 用戶注冊界面 個 人中心模塊 在該模塊用戶登錄到自己的主頁，可以查看自己的個人信息，還可以跳轉(zhuǎn)到其他的模塊，例如查看購物車，查看訂單信息等。 圖 43個人中心效果顯示 個人中心頁面模塊主要代碼如下： table width=98% border=0 valign=top class=personal tr style=background:E8F1F7 td height=21 b我的交易 /b/td /tr tr td height=38 div id=trade ul lia href=我的購物車 /a/li lia href=已賣到的寶貝 /a/li lia href=page?type=0我的收藏 /a/li /ul /div /td /tr tr td height=21 style=background:E8F1F7 b個人資料 /b/td /tr tr td height=38 div id=personal_info ul lia href=基本信息 /a/li lia href= 修改信息 /a/li lia href=page?type=0修改密碼 /a/li /ul /div /td /tr /table 4：購物車模塊頁面設(shè)計。 在購物車這個模塊當中用戶可以修改購買數(shù)量，可以刪除已選飾品，可以提交購物車，也可以清空購物車，同時也可以繼續(xù)購物。該模塊運行時效果如圖 44所示： 圖 44 購物車模塊顯示效果 頁面核心代碼如下 ： table width=80% border=0 align=center tr td colspan=6div class=nav align=center ul lia href=返回首頁 /a/li lia href=ShowClass?PageNow=1amp。classes=today今日特價 /a/li lia href=ShowClass?PageNow=1amp。classes=super超值套餐 /a/li lia href=ShowClass?PageNow=1amp。classes=xianglian項鏈 /a/li lia href=ShowClass?PageNow=1amp。classes=erhuan耳環(huán) /a/li lia href=ShowClass?PageNow=1amp。classes=erhuan手鏈 /a/li lia href=ShowClass?PageNow=1amp。classes=jiezhi戒指 /a/li li class=hovera href=ShowClass?PageNow=1amp。classes=qinglv情侶專區(qū) /a/li /ul /div/td /tr tr td colspan=6img src=images/ width=100%/td /tr tr align=center class=mycart td width=5%編號 /td td width=55%名稱 /td td width=5%單價 /td td width=17%數(shù)量 /td td width=9% /td td width=9% /td /tr tr td colspan=6 align=center/td /tr %for(int i=0。i()。i++){ % %goodsBean gb=(goodsBean)(i)。 % tr td colspan=6 align=center/td /tr tr td colspan=6 align=center/td /tr tr class=mycart td align=center%=i+1%/td tdalign=leftimgstyle=verticalalign:middlesrc=images/Goods/%=gb.getGoodsNum() %/%=() % width=80px height=80px/ ahref=ShowGoods?goodsId=%=()% target=_black%=() % /a/td tdalign=center%=()% spanstyle=color:redb amp。yen。/b/span/td td align=center input type=textstyle=width:40px。height:25px。verticalalign:middle id=%=() % value=%=() % / input type=button style=width:60px。height:20px value=修改數(shù)量 onclick=updateVolume(%=()%) / /td td align=centera href=ShowMyCart?goodsId=%=() %amp。type=del target=_self刪除 /a/td td align=centerpa href=ShowGoods?goodsId=%=() % target=_black 查看/a/p/td /tr %count+=()*()。 % %} % tr td colspan=6 align=center/td /tr tr td colspan=6 align=center/td /tr tr td colspan=6 align=center/td /tr tr tdcolspan=6align=rightclass=mycartstyle=background:FFFFFF。fontsize:16pxb 商品總價 ( 不含運費 ): %=count %span style=color:red amp。yen。/span/b /td /tr tr tdcolspan=3align=leftclass=mycartstyle=background:FFFFFF a href=ShowMyCart?type=clear target=_self清空購物車 /a /td td colspan=3 align=right inputname=carttype=imageonclick=keepShopping()src=images/keep.gif/ inputname=carttype=imageonclick=addGoods()src=images/ / /td /tr /table 第 5 章 實驗遇到的問題及解決辦法 數(shù)據(jù)庫連接 在系統(tǒng)的整個開發(fā)工程中，我們最容易碰到的難題是數(shù) 據(jù)庫連接這個模塊。在 JavaBean中連接數(shù)據(jù)庫注意的一些事項有： 1 首先要下載 Microsoft SQL Server 2021 Driver for JDBC 這個包，并安裝。 2 把 Microsoft SQL Server 2021 Driver for JDBC 的 lib 文 件 夾 下 的 ：, 三個文件拷貝到 Tomcat 安裝目錄下的men/lib 文件夾下。 3 把 , 三個文件的路徑添加到 CLASSPATH中。 4 如果使用的操作系統(tǒng)是 Windows xp 在安裝 SQL Server2021 后必須下載 SP4 補丁并安裝，否則打不開 1433 端口號或者該端口。 在數(shù)據(jù)庫連接中出現(xiàn)問題將會出現(xiàn)異常提示信息： (JspServletWrappe:372) (:83) ...... 如圖 51所示： 這個時候可能出現(xiàn)的問題是數(shù)據(jù)庫服務(wù)器沒有開啟，或者是沒有安裝 Microsoft SQL Server 2021 Driver for JDBC 這個包。 第 6 章 總結(jié) 本文論述了一個基于 WEB 的網(wǎng)上飾品銷售系統(tǒng)，基本上體現(xiàn) 了電子商務(wù)各方面的優(yōu)點。我所設(shè)計的網(wǎng)上飾品店，主要是熟悉和掌握 JSP 的技術(shù)以及對電子商務(wù)進行初步的探討和設(shè)計。 在軟件開發(fā)編碼階段我才用原型法，先設(shè)計出個一個實現(xiàn)簡單功能的系統(tǒng)在更具需求一步步完善系統(tǒng)的功能。由于是才采用面向?qū)ο蟮脑O(shè)計所以系統(tǒng)中由很多類和方法，我將他們歸類將經(jīng)常使用的方法放在單獨的類文件中，在以后的編碼中只要通過對名稱空間的引用就能調(diào)用他們。本系統(tǒng)在實現(xiàn)傳統(tǒng)的網(wǎng)上飾品功能基礎(chǔ)上對增強系統(tǒng)的安全性進行了初步的嘗試，但是由于這方面研究的不深所以實現(xiàn)的與需求還有一定的差距。 在設(shè)計和制作網(wǎng)上飾品這 一個整體項目的過程中，也培養(yǎng)了自己的綜合能力和從全局考慮的思想。將復雜的問題簡單化，作為電子商務(wù)應用的一個縮影，我所涉及的模塊項目完成了其具有的基本功能，使自己對于 web 的了解更加深入和明了。 當然，其中也遺留下了一些待解決的問題，但出于自己水平有限，作為一個網(wǎng)上飾品系統(tǒng)，該項目上有一些不完善和函待改進之處，特別是在網(wǎng)站信息的安全性上需要進一步加強。 參考文獻 [1]汪孝宜主編． JSP 數(shù)據(jù)庫開發(fā)實例精粹［ M］．電子工業(yè)出版社， 2021， 2736． [2]林上杰，林康司編著． 技術(shù)手冊［ M］． 電子工業(yè)出版社， 2021， 401422． [3]萬峰科技編著．