【導(dǎo)讀】網(wǎng)上購(gòu)物作為電子商務(wù)中的重要組成部分，正以一個(gè)驚人的速度發(fā)展著。存在著一定的漏洞。因此，想要更好的解析網(wǎng)上購(gòu)物以使其更加順利地發(fā)。展，必須對(duì)網(wǎng)上購(gòu)物的安全性做一個(gè)透徹的剖析。經(jīng)過(guò)前面的討論基本涵蓋了網(wǎng)上購(gòu)。法律保障、客戶(hù)注意事項(xiàng)等方面提出解決方案。然后，用一個(gè)具體實(shí)例講。更多與之有關(guān)的安全問(wèn)題，要使網(wǎng)上購(gòu)物真正成為一種主導(dǎo)的商務(wù)模式，物方式才能被人們真正接受和使用。

　　

【正文】 屬性 ER 圖 用戶(hù) 瀏覽 商品信息 填寫(xiě) 注冊(cè) 購(gòu)物車(chē)、訂單信息 用戶(hù)信息 HR 員工 維護(hù) 商品信息 沈陽(yáng)理工大學(xué)學(xué)士學(xué)位論文 19 圖 實(shí)體屬性 ER 圖 數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì) 數(shù)據(jù)庫(kù)邏輯 結(jié)構(gòu)的設(shè) 計(jì)要注意 實(shí)體轉(zhuǎn)化 為數(shù)據(jù)庫(kù) 中與之相 對(duì)應(yīng)的實(shí) 體關(guān)系表，注意實(shí)體屬性和表格中列對(duì)應(yīng)的關(guān)系，實(shí)體轉(zhuǎn)化是聯(lián)系的轉(zhuǎn)化為數(shù)據(jù)庫(kù)中的各個(gè)表，轉(zhuǎn)化是不能破壞實(shí)體間的依賴(lài)關(guān)系。 網(wǎng)上商城數(shù)據(jù)庫(kù)要求具有以下方面的特點(diǎn)： （ 1） 結(jié)構(gòu)合理，對(duì)一個(gè)商品表，商品詳細(xì)信息表，員工表，用 戶(hù)表的建立 多條記錄。 （ 2） 建立的數(shù)據(jù)冗余度小，獨(dú)立性強(qiáng)，可用性強(qiáng)。 （ 3） 數(shù)據(jù)量吩咐，貼切實(shí)際應(yīng)用。 （ 4） 穩(wěn)定性強(qiáng)，可靠性好，具備一定的保密條件。 普通員工 維護(hù) 商品信息 管理 用戶(hù)信息 沈陽(yáng)理工大學(xué)學(xué)士學(xué)位論文 20 數(shù)據(jù)庫(kù)的詳細(xì)設(shè)計(jì) 設(shè)計(jì)網(wǎng)上商城數(shù)據(jù)庫(kù)時(shí) ，應(yīng)注意一下事項(xiàng)： 網(wǎng)上商城的實(shí)際用途，數(shù)據(jù)庫(kù)設(shè)計(jì)好貼切實(shí)際，符合實(shí)際使用要求。 數(shù)據(jù)庫(kù)設(shè)計(jì)要規(guī)范化，合理化，邏輯性縝密，防止出現(xiàn)錯(cuò)誤。 建立明確的表與表之間的實(shí)體完整性關(guān)系，確保數(shù)據(jù)庫(kù)的運(yùn)行安全。 在軟件設(shè)計(jì)中盡量選擇 Mysql 的高性能語(yǔ)句，提高數(shù)據(jù)庫(kù)性能。 注意數(shù)據(jù)庫(kù)的管理和維護(hù)。 網(wǎng)上商城 的數(shù)據(jù)庫(kù)建立要滿(mǎn)足項(xiàng)目的基本運(yùn)行要求，為項(xiàng)目的運(yùn)行在持久層提供堅(jiān)實(shí)的運(yùn)行保障。網(wǎng)上商城共建立 5 張表，分別為 Products（商品基本信息表）， Buyers（用戶(hù)基本信息表）， Photos（商品詳細(xì)信息表），Products_Evalute(商品評(píng)論表 )， Users（用戶(hù)基本信息表）。 商品基本信息表：包含的字段有商品號(hào)，商品名稱(chēng)，商品價(jià)格，商品庫(kù)存量，商品細(xì)節(jié)信息，商品狀態(tài)，商品銷(xiāo)售量（見(jiàn)附錄 B 表 ） 商品細(xì)節(jié)信息表：包含的字段有商品號(hào)，細(xì)節(jié) 1，細(xì)節(jié) 2，細(xì)節(jié) 3，細(xì)節(jié)4，細(xì)節(jié) 5，細(xì)節(jié) 6，細(xì)節(jié) 7，細(xì)節(jié) 8，細(xì)節(jié) 9，細(xì)節(jié) 10，細(xì)節(jié) 11， 細(xì)節(jié) 12，細(xì)節(jié) 13，細(xì)節(jié) 14，細(xì)節(jié) 15，細(xì)節(jié) 16，細(xì)節(jié) 17，細(xì)節(jié) 18，細(xì)節(jié) 19，細(xì)節(jié) 20，細(xì)節(jié) 21（見(jiàn)附錄 B 表 ） 商品評(píng)論信息表：包含的字段有商品號(hào)，評(píng)論姓名，評(píng)論信息。（見(jiàn)附錄 B 表 ） 用戶(hù)基本信息表：包含的字段有用戶(hù)號(hào)，賬號(hào)名稱(chēng)，賬號(hào)密碼，用戶(hù)姓名，電話(huà)， Email，不良記錄，消費(fèi)總量（見(jiàn)附錄 B 表 ） 員工基本信息表：包含的字段有員工號(hào)，員工姓名，登錄密碼，員工權(quán)限，員工電話(huà)， 員工工資，員工性別（見(jiàn)附錄 B 表 ） 5 詳細(xì)設(shè)計(jì) 詳細(xì)設(shè)計(jì)本質(zhì) 就是怎樣實(shí)現(xiàn)系統(tǒng)的過(guò)程，系統(tǒng)的每個(gè)模塊都應(yīng)精確描述，沖界面設(shè)計(jì)到后臺(tái)代碼的實(shí)現(xiàn)都應(yīng)該的到具體細(xì)致的展示。 但詳細(xì)設(shè)計(jì)并不是簡(jiǎn)單的圖片代碼堆砌，其應(yīng)該是基于前面幾步驟而得來(lái)的具體的設(shè)計(jì)，能夠展示設(shè)計(jì)者的邏輯思想，展現(xiàn)軟件功能，體現(xiàn)產(chǎn)品優(yōu)勢(shì)、性能，提供核心代碼的概念編寫(xiě)，這樣再開(kāi)發(fā)之前主要功能實(shí)現(xiàn)開(kāi)發(fā)者已經(jīng)胸有成竹，開(kāi)發(fā)時(shí)事半功倍。 詳細(xì)設(shè)計(jì)的更重要的是簡(jiǎn)明、精煉，語(yǔ)言不用過(guò)于復(fù)雜，畢竟不是具體的開(kāi)發(fā)，但要求能夠瞞住基本的設(shè)計(jì)開(kāi)發(fā)需求，系統(tǒng)模塊化，模塊具體化，這也是網(wǎng)上商城詳細(xì)設(shè)計(jì)的遵守的基本準(zhǔn)則。 沈陽(yáng)理工大學(xué)學(xué)士學(xué)位論文 21 數(shù)據(jù)庫(kù)的連接 網(wǎng)上商城 通過(guò) jdbc 連接 mysql 數(shù)據(jù)庫(kù)，通過(guò)在項(xiàng)目中 Bean 包中建立一個(gè) DBtool 類(lèi)來(lái)實(shí)現(xiàn)數(shù)據(jù)庫(kù)的連接，這樣如果以后的程序代碼需要訪問(wèn)數(shù)據(jù)庫(kù)時(shí)，直接調(diào)用 DBtool 數(shù)據(jù)庫(kù)連接工具類(lèi)即可，既方便使用，有去除了代碼的冗余，增強(qiáng)了項(xiàng)目的可移植性。 商品信息管理模塊，用戶(hù)信息管理模塊，員工信息管理等等都需要訪問(wèn)數(shù)據(jù)庫(kù)，創(chuàng)建 DBtool 類(lèi)大大提高了這些模塊的使用性能，提高程序利用率，DBtool 類(lèi)其代碼如圖 所示。 圖 連接數(shù)據(jù) 庫(kù)的 工 具類(lèi) 功 能模塊說(shuō)明 網(wǎng)上商城瀏覽模塊，用戶(hù)可以對(duì)商品按種類(lèi)進(jìn)行查找，用戶(hù)在輸入欄中輸入要查找得商品種類(lèi)，點(diǎn)擊【查詢(xún)】就可以跳轉(zhuǎn)到相對(duì)應(yīng)的商品種類(lèi)界面。 用戶(hù)點(diǎn)擊商品，進(jìn)入商品細(xì)節(jié)顯示界面，該界面中顯示商品的基本信息，庫(kù)存狀態(tài)，庫(kù)存量，商品價(jià)格等信息，用戶(hù)點(diǎn)擊商品后，可以對(duì)商品進(jìn)行放大查看，方便用戶(hù)對(duì)比商品，用戶(hù)向下查看，可以查看商品更詳細(xì)的相關(guān)信息，點(diǎn)擊【添加到購(gòu)物車(chē)】后，進(jìn)入購(gòu)物車(chē)管理模塊。商品瀏覽運(yùn)行界面如圖 所示： 沈陽(yáng)理工大學(xué)學(xué)士學(xué)位論文 22 圖 商品細(xì)節(jié) 信息 模塊設(shè)計(jì)過(guò)程 網(wǎng)上 商城 Logol 使用左側(cè)漂浮顯示，利用 ulli/li/ul實(shí)現(xiàn)導(dǎo)航欄的實(shí)現(xiàn)，在導(dǎo)航欄下添加文本框，用來(lái)輸入要查詢(xún)的商品種類(lèi)，在輸入框右側(cè)添加 button 按鈕，用來(lái)商品查找的觸發(fā)，利用 jquery 來(lái)進(jìn)行實(shí)現(xiàn)圖片的動(dòng)態(tài)變化，利用 a/a標(biāo)簽將商品區(qū)分為手機(jī)，女裝，男裝，皮包，鞋子 5 大種類(lèi)，右側(cè)用 div 加圖片實(shí)現(xiàn)網(wǎng)站的公告欄。利用 div、 css、 table實(shí)現(xiàn)商品分類(lèi)具體商品信息的顯示。 在商品細(xì)節(jié)顯示界面中，使用 table 表格實(shí)現(xiàn)商品的左右布局，左側(cè)利用 jequery 來(lái)實(shí)現(xiàn)商品切換功能顯示，放大功能顯示，右側(cè)進(jìn)行商品詳細(xì)信息，商品庫(kù)存狀態(tài)，商品庫(kù)存量，商品價(jià)格的顯示。 主要功能代碼如下： ?? ul class=goodsprice list lispan id=E_Usered_id hidden=true${}/span/li lispan 狀態(tài) :/spanspan id=${}/span/li lispan 剩 余 庫(kù) 存 :/spanspan id=amount${}/span/li lispan 購(gòu)買(mǎi)數(shù)量 :/spaninput type=text id=num value=1 style=width:41px//li /ul ?? 沈陽(yáng)理工大學(xué)學(xué)士學(xué)位論文 23 模塊功能說(shuō)明 網(wǎng)上商城評(píng)論模塊，用戶(hù)可以填寫(xiě)任意名稱(chēng)，添加對(duì)商品的品論，點(diǎn)擊查看評(píng)論，查看商品的相關(guān)評(píng)論，用戶(hù)點(diǎn)擊評(píng)論按鈕，發(fā)布對(duì)商品的評(píng)論。商品評(píng)論運(yùn)行界面如圖 所示： 圖 商品評(píng)論界 面 模塊設(shè)計(jì)過(guò)程 使用 c:forEach 標(biāo) 簽 循 環(huán) 輸 出 數(shù) 據(jù) 庫(kù) 中 對(duì) 用 的 商 品 評(píng) 論 表 ， 使 用textarea 用來(lái)進(jìn)行評(píng)論內(nèi)容的輸入，使用 text 原來(lái)進(jìn)行用戶(hù)名輸入， 使用【我要評(píng)論】，【查看品論】?jī)蓮垐D片進(jìn)行與 javascript 相關(guān)的的評(píng)論提交，評(píng)論顯示，其功能代碼如下： ?? c:forEach items=${EResult} var=item marquee direction=rignt behavior=scroll scrollamount=3 span class=price1${}:${}/span /marquee /c:forEach ?? 功能模塊說(shuō)明 網(wǎng)上商城購(gòu)物城模塊，用戶(hù)可以對(duì)添加到購(gòu)物車(chē)中的商品進(jìn)行管理。用戶(hù)可以對(duì)商品進(jìn)行數(shù)量修改，對(duì)不滿(mǎn)意的商品進(jìn)行刪除操作，購(gòu)物車(chē)提供清空購(gòu)物車(chē)功能，點(diǎn)擊清空購(gòu)物車(chē)按鈕后，購(gòu)物城清空。購(gòu)物車(chē)具備智能結(jié)算功能，用戶(hù)對(duì)自己的購(gòu)物車(chē)進(jìn)行相應(yīng)的修改后，點(diǎn)擊確認(rèn)修改按鈕，沈陽(yáng)理工大學(xué)學(xué)士學(xué)位論文 24 購(gòu)物車(chē)中對(duì)應(yīng)的商品小計(jì)，商品總計(jì)中付款金額隨之做出相應(yīng)的改變，點(diǎn)擊 購(gòu)物購(gòu)物車(chē)下的購(gòu)物返回連接，可以返回商品主界面繼續(xù)進(jìn)行購(gòu)買(mǎi)，購(gòu)物車(chē)運(yùn)行界面如圖 所示： 圖 商品購(gòu)物 車(chē)運(yùn) 行 界面 模塊設(shè)計(jì)過(guò)程 商品購(gòu)物車(chē) 模塊上半部利用 div、 css 相關(guān)技術(shù)布置成一個(gè)導(dǎo)航界面進(jìn)行商品的種類(lèi)顯示。下半部分利用 table 布局代表購(gòu)物車(chē)，將 table 分為商品，單價(jià)，數(shù)量，小計(jì)，刪除五列，最后一行使用文本框顯示總價(jià)，在其后分別添加【確認(rèn)更改】，【下一步】，【清空購(gòu)物車(chē)】三個(gè)按鈕，該三個(gè)按鈕通過(guò)與 javascript 的關(guān)聯(lián)來(lái)達(dá)到和后臺(tái)控制器訪問(wèn)相互的目的。 在后臺(tái)在用戶(hù)第一次將商品添加到購(gòu)物車(chē)中是，程序?yàn)槠鋭?chuàng)建一個(gè)HashMap 集合代表購(gòu)物車(chē)， HashMap 是一個(gè) key， value 一一對(duì)應(yīng)的容器，相對(duì)應(yīng) key 值就是 product 對(duì)象 ， value 值就是商品數(shù)量，將 HashMap 添加到 Session 中，這樣就是得 HashMap 具有了和匯話(huà)相同級(jí)別的生命周期，用戶(hù)對(duì)購(gòu)物車(chē)的操作實(shí)際上就是對(duì)后臺(tái) HashMap 的操作， HashMap 的 size屬性就決定了購(gòu)物車(chē)中商品的數(shù)量，綜上就基本實(shí)現(xiàn)了購(gòu)物車(chē)功能，其主要功能代碼如下： ?? function countPrice() { var m = (money)。 var e = (num)。 var p = (price)。 for(var i = 0。i 。i++) { var number = e[i].value。 var p1 = p[i].value。 var p2 =(1)。 m[i].value = parseFloat(number)*parseFloat(p2)。 } } 沈陽(yáng)理工大學(xué)學(xué)士學(xué)位論文 25 function total() { var t = (money)。 var l = 。 var total = (total)。 var count =0。 for(var i=0。il。i++) { count += parseFloat(t[i].value)。 } = count。 } function confirmUpdateCar() { var e = (num)。 //聲明一個(gè) 全 局 數(shù) 組 num = new Array()。 for(var i=0。 i。i++) { num[i] = e[i].value。 } =/FJD/ConfirmCarServlet?num=+num。 } ?? 功能模塊說(shuō)明 用戶(hù)進(jìn)入到登入驗(yàn)證模塊后，輸入用戶(hù)名和相對(duì)應(yīng)的密碼，驗(yàn)證成功后方可進(jìn)行訂單的處理，登入失敗提示用戶(hù)名密碼不相符。用戶(hù)點(diǎn)擊注冊(cè)按鈕后，用戶(hù)填寫(xiě)要注冊(cè)的用戶(hù)名和密碼，密碼要求二次確認(rèn)，兩次一樣方可進(jìn)行用戶(hù)注冊(cè)，注冊(cè)成功后用戶(hù)可以用相對(duì)應(yīng)的用戶(hù)名和密碼進(jìn)行登入，用戶(hù)驗(yàn)證登入界面如圖 所示 : 沈陽(yáng)理工大學(xué)學(xué)士學(xué)位論文 26 圖 用戶(hù)驗(yàn)證運(yùn) 行 界面 功能設(shè)計(jì)過(guò)程 上半部添加購(gòu)物流程圖片，下半部利用 div， css 來(lái)實(shí)現(xiàn)實(shí)現(xiàn)【用戶(hù)登入】，【用戶(hù)注冊(cè)】的相互切換，用戶(hù) 填寫(xiě)完想對(duì)應(yīng)的信息后，點(diǎn)擊登入或則注冊(cè)按鈕，通過(guò) javascript 向后臺(tái)的用戶(hù)驗(yàn)證控制器發(fā)送請(qǐng)求，把決定權(quán)交給控制器，有控制器來(lái)決定是否驗(yàn)證成功， 其主要代碼如下： ?? BuyersCL bc = new BuyersCL()。 BuyersBean bb = new BuyersBean()。 HttpSession session = ()。 boolean b。 String BuyerAccount = (BuyerAccount)。 String BuyerPassword = (BuyerPassword)。 try { bb = (BuyerAccount)。 } catch (SQLException e) { // TODO Autogenerated catch block ()。 } try { b = (BuyerAccount, Bu