基于B/S架構(gòu)的電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

劉敏娜　魏浩

摘 要：基于B/S架構(gòu)開(kāi)發(fā)了電子商務(wù)平臺(tái)。該系統(tǒng)采用jsp技術(shù)，數(shù)據(jù)庫(kù)采用MySQL技術(shù)。該系統(tǒng)包括前臺(tái)管理和后臺(tái)管理兩個(gè)方面，前臺(tái)管理主要包括用戶(hù)的登錄和注冊(cè)、留言、購(gòu)物車(chē)、訂單等功能，后臺(tái)管理實(shí)現(xiàn)了用戶(hù)管理、商品管理、留言管理、銷(xiāo)售管理等功能。系統(tǒng)界面美觀(guān)、用戶(hù)操作簡(jiǎn)單。由于系統(tǒng)利用Java面向?qū)ο笏枷耄蟠蠛?jiǎn)化了開(kāi)發(fā)人員的工作。

關(guān)鍵詞：B/S；電子商務(wù)平臺(tái)；jsp

中圖分類(lèi)號(hào)：TP319 文獻(xiàn)標(biāo)識(shí)碼：A

1 引言（Introduction）

隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，很多商家利用網(wǎng)絡(luò)平臺(tái)發(fā)布自己的產(chǎn)品。網(wǎng)上購(gòu)物這種新型的購(gòu)物模式，贏得了越來(lái)越多人的認(rèn)可。在網(wǎng)上購(gòu)物，用戶(hù)只需動(dòng)動(dòng)鼠標(biāo)就可以買(mǎi)到自己心儀的商品，輕松、方便、快捷，非常適合當(dāng)下人們的生活節(jié)奏。因此，這種購(gòu)物方式，會(huì)得到更多的人的認(rèn)可。同時(shí)，隨著支付和送貨方式的不斷發(fā)展，網(wǎng)上購(gòu)物勢(shì)必將會(huì)成為人們購(gòu)物的首項(xiàng)選擇[1-3]。

2 電子商務(wù)平臺(tái)需求分析（The demand analysis of

electronic commerce platform）

系統(tǒng)具體功能如下：

（1）前臺(tái)管理功能

前臺(tái)瀏覽：用戶(hù)在前臺(tái)查看商品。

搜索商品：輸入關(guān)鍵字，在系統(tǒng)中搜索商品。

顯示商品詳細(xì)信息：點(diǎn)擊商品，對(duì)詳細(xì)信息進(jìn)行查看。

登錄和注冊(cè)：填寫(xiě)信息進(jìn)注冊(cè)，方便管理員管理用戶(hù)。

買(mǎi)家留言：可以對(duì)網(wǎng)站進(jìn)行留言。

購(gòu)物車(chē)：添加寵物商品，修改購(gòu)買(mǎi)的數(shù)量，最后結(jié)賬。

訂單：此模塊由購(gòu)物車(chē)結(jié)賬產(chǎn)生，客戶(hù)可以查詢(xún)訂單狀態(tài)。

（2）后臺(tái)管理功能

用戶(hù)管理：管理員對(duì)用戶(hù)進(jìn)行管理，例如：查看用戶(hù)的信息，刪除用戶(hù)。

商品管理：實(shí)現(xiàn)商品內(nèi)容的更新與維護(hù)，在后臺(tái)，為管理員提供輸入、修改、刪除各類(lèi)商品的功能[4]。

添加商品：添加商品功能中包括商品類(lèi)別的選擇，同時(shí)，管理員可以在商品中插入相關(guān)圖片。

修改商品：修改商品內(nèi)容的同時(shí)，商品類(lèi)別、標(biāo)題等也可以更新。

刪除商品：刪除商品的同時(shí)，該商品所包括的其他內(nèi)容一并從數(shù)據(jù)庫(kù)中刪除。

留言管理：對(duì)買(mǎi)家留言進(jìn)行查看與回復(fù)。

銷(xiāo)售管理：處理客戶(hù)的訂單、查詢(xún)訂單以及銷(xiāo)售的情況。

注銷(xiāo)退出：直接點(diǎn)擊退出系統(tǒng)按鈕就可以退出系統(tǒng)。

3 電子商務(wù)平臺(tái)概要設(shè)計(jì)（The general design of

electronic commerce platform）

3.1 系統(tǒng)模塊圖

系統(tǒng)模塊圖如圖1所示。

圖1 系統(tǒng)模塊圖

Fig.1 System block diagram

3.2 系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)

（1）數(shù)據(jù)庫(kù)設(shè)計(jì)

本系統(tǒng)中設(shè)計(jì)了用戶(hù)信息實(shí)體、產(chǎn)品信息實(shí)體、訂單信息等實(shí)體[5]。

實(shí)體之間的E-R圖，如圖2所示。

圖2 實(shí)體關(guān)系E-R圖

Fig.2 E-R entity

（2）數(shù)據(jù)庫(kù)關(guān)系模型

數(shù)據(jù)庫(kù)中主要數(shù)據(jù)表的結(jié)構(gòu)如下：

a.用戶(hù)表：主要存儲(chǔ)用戶(hù)信息。用戶(hù)表的字段說(shuō)明如表1所示。

b.訂單表：主要存儲(chǔ)訂單信息，訂單表的字段說(shuō)明如表2所示。

c.產(chǎn)品信息表：主要存儲(chǔ)系統(tǒng)產(chǎn)品信息，它使用Category的CategoryID字段作為該表的外鍵。產(chǎn)品信息表的字段說(shuō)明如表3所示。

（1）訂單模塊

在用戶(hù)查看購(gòu)物車(chē)中的購(gòu)物項(xiàng)后，可以繼續(xù)購(gòu)買(mǎi)或點(diǎn)擊確認(rèn)訂單按鈕。當(dāng)用戶(hù)點(diǎn)擊確認(rèn)訂單按鈕，系統(tǒng)首先查看用戶(hù)是否登錄，如果沒(méi)有登錄，頁(yè)面中提示沒(méi)有登錄，并在三秒鐘后自動(dòng)跳轉(zhuǎn)至登錄頁(yè)面，完成登錄后，可以查看訂單，訂單中可以看到購(gòu)買(mǎi)的商品，商品信息不能修改。

（2）產(chǎn)品管理模塊

管理員進(jìn)入管理模塊主頁(yè)面，點(diǎn)擊產(chǎn)品管理按鈕，添加產(chǎn)品后，在主頁(yè)的右側(cè)顯示相應(yīng)的頁(yè)面，當(dāng)輸入產(chǎn)品名稱(chēng)、產(chǎn)品描述信息、選擇產(chǎn)品類(lèi)別后會(huì)為該產(chǎn)品產(chǎn)生一個(gè)產(chǎn)品編號(hào)，并把編號(hào)和產(chǎn)品信息存儲(chǔ)到數(shù)據(jù)庫(kù)產(chǎn)品表中。管理員查找某個(gè)商品時(shí)，可以通過(guò)類(lèi)別、關(guān)鍵字、價(jià)格區(qū)間或組合這些條件搜索到所需商品，數(shù)據(jù)以表格的形式顯示。

（3）用戶(hù)管理模塊

在管理員進(jìn)入管理模塊的主頁(yè)面后，當(dāng)點(diǎn)擊管理按鈕后，其他按鈕向下拉動(dòng)，顯現(xiàn)出用戶(hù)列表按鈕，當(dāng)用戶(hù)點(diǎn)擊用戶(hù)列表按鈕后，頁(yè)面會(huì)以表格的形式顯示用戶(hù)的所有信息，點(diǎn)擊刪除按鈕，系統(tǒng)會(huì)把數(shù)據(jù)庫(kù)中的該條記錄刪除。完成上述操作后，系統(tǒng)則會(huì)刷新用戶(hù)列表頁(yè)面。在當(dāng)前頁(yè)面中無(wú)法顯示刪除記錄。

5 系統(tǒng)測(cè)試（System test）

5.1 留言模塊測(cè)試

此測(cè)試模塊主要測(cè)試用戶(hù)輸入留言信息，點(diǎn)擊確定后頁(yè)面是否顯示留言?xún)?nèi)容。留言模塊測(cè)試如表4所示。

5.2 訂單管理模塊測(cè)試

該模塊主要測(cè)試管理員在后臺(tái)對(duì)訂單的刪除，處理，查詢(xún)等功能操作是否正常。訂單模塊測(cè)試如表5所示。

6 結(jié)論（Conclusion）

本文主要研究了基于B/S架構(gòu)的電子商務(wù)平臺(tái)。使用本系統(tǒng)能夠完成前臺(tái)模塊的商品瀏覽、商品購(gòu)買(mǎi)、購(gòu)物車(chē)管理和支付模擬，后臺(tái)模塊的用戶(hù)管理、商品管理、類(lèi)別管理、庫(kù)存管理。用戶(hù)界面友好、美觀(guān)，操作簡(jiǎn)單。

參考文獻(xiàn)（References）

[1] 辛峰.jsp網(wǎng)上購(gòu)物系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].哈爾濱職業(yè)技術(shù)學(xué)院學(xué)

報(bào)，2010（1）：7-13.

[2] 張永超.網(wǎng)上購(gòu)物系統(tǒng)設(shè)計(jì)[J].電腦知識(shí)與技術(shù)，2009（2）：19-21.

[3] HanaBen-Shabat，Mike.電子商務(wù)全球擴(kuò)張新前沿[J].中國(guó)物

流與采購(gòu)，2013（4）：15-19.

[4] 宋艷萍.校園網(wǎng)上購(gòu)物系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)創(chuàng)新舉措[J].2013

（6）：23-24.

[5] 陳健.jsp和MySQL的管理系統(tǒng)的設(shè)計(jì)[J].電腦與信息技術(shù)，

2011（6）：25-26.

作者簡(jiǎn)介：

劉敏娜（1981-），女，講師，碩士.研究領(lǐng)域：CUDA并行

計(jì)算.

魏 浩（1973-），男，講師，碩士.研究領(lǐng)域：圖像處理，網(wǎng)絡(luò)

安全.