莫升康　王秀友

摘要：該網(wǎng)站建設(shè)是設(shè)計(jì)一個(gè)購(gòu)物商品類(lèi)網(wǎng)絡(luò)平臺(tái)，該平臺(tái)具有最基本的前臺(tái)商品瀏覽功能和后臺(tái)管理功能。該文對(duì)購(gòu)物商城系統(tǒng)的實(shí)現(xiàn)所基于的技術(shù)、總體設(shè)計(jì)及主要功能模塊的實(shí)現(xiàn)進(jìn)行了詳細(xì)闡述。購(gòu)物商城系統(tǒng)的建立，為商家?guī)?lái)實(shí)際的經(jīng)濟(jì)效益，為商家提升了整體的競(jìng)爭(zhēng)力。

關(guān)鍵詞：O2O購(gòu)物商城；HTML；CSS；JAVASCRIPT；JSP

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2017）14-0226-02

1背景

據(jù)中國(guó)市場(chǎng)調(diào)查網(wǎng)www.cnscdc.com發(fā)布的《2015-2020年中國(guó)電子商務(wù)行業(yè)市場(chǎng)調(diào)研及投資趨勢(shì)研究報(bào)告》顯示，2016年上半年，中國(guó)電子商務(wù)交易額達(dá)10.5萬(wàn)億元，同比增長(zhǎng)37.6%。網(wǎng)絡(luò)零售市場(chǎng)交易規(guī)模2.3萬(wàn)億元。2016年上半年中國(guó)網(wǎng)絡(luò)購(gòu)物用戶規(guī)模達(dá)4.8億人，同比增長(zhǎng)15.1%。O2O也成為網(wǎng)絡(luò)購(gòu)物市場(chǎng)發(fā)展的主要推動(dòng)力。對(duì)傳統(tǒng)企業(yè)而言，傳統(tǒng)的營(yíng)銷(xiāo)手段已經(jīng)很難應(yīng)對(duì)當(dāng)今的市場(chǎng)巨變。傳統(tǒng)企業(yè)要想拓寬銷(xiāo)售渠道，就必須要轉(zhuǎn)變思維、創(chuàng)新方法。而網(wǎng)絡(luò)購(gòu)物正好為傳統(tǒng)企業(yè)提供了絕佳的機(jī)會(huì)與平臺(tái)，傳統(tǒng)企業(yè)通過(guò)借助第三方平臺(tái)和建立自有平臺(tái)紛紛嘗試網(wǎng)絡(luò)購(gòu)物，構(gòu)建合理的網(wǎng)絡(luò)購(gòu)物平臺(tái)、整合渠道、完善產(chǎn)業(yè)布局成為傳統(tǒng)企業(yè)未來(lái)發(fā)展重心和出路。

購(gòu)物商城是指利用互聯(lián)網(wǎng)和電子商務(wù)為手段，由商家或企業(yè)通過(guò)網(wǎng)站向消費(fèi)者提供商品或服務(wù)，達(dá)成從買(mǎi)到賣(mài)的虛擬商店，從而減少中間環(huán)節(jié)，消除運(yùn)輸成本和中間代理的差價(jià)。購(gòu)物商城系統(tǒng)為個(gè)人用戶和企業(yè)用戶提供人性化的全方位服務(wù)，努力為用戶創(chuàng)造親切、輕松和愉悅的購(gòu)物環(huán)境，憑借更具競(jìng)爭(zhēng)力的價(jià)格優(yōu)勢(shì)和逐漸完善的物流配送體系，贏得市場(chǎng)占有率多年穩(wěn)居行業(yè)首位的驕人業(yè)績(jī)。

購(gòu)物商城網(wǎng)站的建設(shè)為了方便消費(fèi)者購(gòu)買(mǎi)商品，實(shí)現(xiàn)快速購(gòu)物，為消費(fèi)者節(jié)省時(shí)間，其所包含的功能對(duì)于管理者和擁有者都是至關(guān)重要的。購(gòu)物商城網(wǎng)站系統(tǒng)能夠?yàn)橛脩籼峁┤娴纳唐沸畔⒑头奖憧旖莸牟樵兒蜑g覽方式。這種管理方式與傳統(tǒng)文件和檔案管理方式相比較，在文件和數(shù)據(jù)處理這方面得到了突飛猛進(jìn)的效果、大大加強(qiáng)了對(duì)用戶個(gè)人信息的保密、降低了產(chǎn)生數(shù)據(jù)出錯(cuò)的概率。體現(xiàn)了開(kāi)發(fā)一種新型網(wǎng)站管理軟件的必要性。

2基于O2O購(gòu)物商城網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

2.1購(gòu)物網(wǎng)站建設(shè)方法

前臺(tái)主要是通過(guò)HTML的靜態(tài)頁(yè)面、CSS的樣式、JSP的動(dòng)態(tài)頁(yè)面、JAVASCRIPT腳本語(yǔ)言和AJAX異步通訊來(lái)，實(shí)現(xiàn)前后臺(tái)的交互，獲取后臺(tái)數(shù)據(jù)，讓后臺(tái)數(shù)據(jù)直觀的顯示給用戶，讓用戶可以看到這些數(shù)據(jù)，并執(zhí)行相關(guān)的操作。后臺(tái)數(shù)據(jù)庫(kù)采用瑞典MySQLAB公司的MvSQL來(lái)存儲(chǔ)，通過(guò)servlet技術(shù)，對(duì)前臺(tái)的請(qǐng)求予以應(yīng)答，通過(guò)邏輯業(yè)務(wù)處理之后，將將數(shù)據(jù)封裝好后通過(guò)前臺(tái)頁(yè)面顯示給用戶。后臺(tái)主要承擔(dān)的是處理數(shù)據(jù)。服務(wù)器采用Windows系組件IIS服務(wù)管理器來(lái)實(shí)現(xiàn)網(wǎng)站的訪問(wèn)。

2.2購(gòu)物商城系統(tǒng)功能詳述

網(wǎng)站建設(shè)的意義是設(shè)計(jì)一個(gè)購(gòu)物商品類(lèi)網(wǎng)絡(luò)平臺(tái)，該平臺(tái)具有最基本的前臺(tái)商品瀏覽功能和后臺(tái)管理功能。前臺(tái)商品瀏覽功能包括：按類(lèi)別進(jìn)行瀏覽功能和直接進(jìn)行瀏覽商品，為用戶提供了兩種瀏覽商品信息的方式。后臺(tái)的管理功能包括：按對(duì)應(yīng)的類(lèi)別增加商品、類(lèi)別的增加以及修改和刪除、商品具體信息的修改和刪除。并且修改完成后與前臺(tái)保持同步更新。

優(yōu)點(diǎn)：

1）大大提高了商品管理的效率；

2）數(shù)據(jù)的存儲(chǔ)量得到大幅度的提升；

3）商品查詢和檢索快速便利；

4）為了增強(qiáng)數(shù)據(jù)管理的安全性，網(wǎng)站采用管理賬號(hào)和密碼的登錄方式。

網(wǎng)站系統(tǒng)模塊和總體流程如圖1和圖2所示。

2.3前臺(tái)的總體設(shè)計(jì)

前臺(tái)設(shè)計(jì)分為：前臺(tái)公告模塊設(shè)計(jì)、前臺(tái)核心模塊設(shè)計(jì)、前臺(tái)登陸模塊設(shè)計(jì)、前臺(tái)注冊(cè)模塊設(shè)計(jì)、前臺(tái)會(huì)員管理模塊設(shè)計(jì)、前臺(tái)商品管理模塊設(shè)計(jì)和購(gòu)物模塊這七個(gè)模塊。前臺(tái)公告模塊設(shè)計(jì)主要負(fù)責(zé)公告的CSS樣式，JavaScript腳本，和公告的Ht-ml頁(yè)面。前臺(tái)核心模塊負(fù)責(zé)的是主頁(yè)商品的顯示和各模塊導(dǎo)航。前臺(tái)登陸模塊設(shè)計(jì)主要負(fù)責(zé)前臺(tái)用戶的登陸和賣(mài)家的登陸。前臺(tái)注冊(cè)模塊主要負(fù)責(zé)前臺(tái)會(huì)員的注冊(cè)和賣(mài)家的注冊(cè)。前臺(tái)會(huì)員管理模塊主要負(fù)責(zé)前臺(tái)會(huì)員信息的顯示和修改等。前臺(tái)商品管理模塊主要負(fù)責(zé)的是前臺(tái)商品信息的顯示。前臺(tái)購(gòu)物模塊主要負(fù)責(zé)的是用戶實(shí)現(xiàn)購(gòu)物功能。網(wǎng)站首頁(yè)如圖3所示。

2.4前臺(tái)商品管理模塊設(shè)計(jì)

前臺(tái)商品管理模塊主要負(fù)責(zé)的是前臺(tái)商品信息的顯示。主要包含，顯示詳細(xì)商品和顯示分類(lèi)商品。顯示詳細(xì)商品是通過(guò)核心模塊中的商品信息拼裝成URL（統(tǒng)一資源定位器）地址，發(fā)送到后臺(tái)，后臺(tái)對(duì)以上數(shù)據(jù)進(jìn)行處理，返回應(yīng)答信息，前臺(tái)將得到的信息進(jìn)行解析。得到顯示詳細(xì)商品的業(yè)務(wù)。顯示分類(lèi)商品是通過(guò)拼裝URL將類(lèi)型名發(fā)送到后臺(tái)，后臺(tái)將所有符合條件的商品包裝起來(lái)打回前臺(tái)，前臺(tái)處理之后，拼裝成JSP的頁(yè)面。店鋪管理如圖4所示。

2.5后臺(tái)公共模塊設(shè)計(jì)

后臺(tái)公共模塊主要負(fù)責(zé)對(duì)公共數(shù)據(jù)的提煉和封裝，得到一組公共的對(duì)象，配合其他模塊一起使用。他包含處理密碼問(wèn)題的加密業(yè)務(wù)，驗(yàn)證碼的獲取和與數(shù)據(jù)庫(kù)相關(guān)的操作。訂單信息與客戶信息如圖5和圖6所示。

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

整個(gè)商城購(gòu)物流程主要體現(xiàn)在商品信息的正確分類(lèi)、完整提供、及時(shí)更新、精確查詢方面，因此，商城相關(guān)信息的輸入與輸出對(duì)數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)的要求相對(duì)較高。通過(guò)對(duì)商城系統(tǒng)要實(shí)現(xiàn)的功能分析與總結(jié)，購(gòu)物系統(tǒng)主要包含以下6個(gè)數(shù)據(jù)表：普通用戶表（用戶編號(hào)、用戶名、密碼、聯(lián)系方式、郵箱等）、管理員表（ID、用戶名、密碼、權(quán)限等）、商品表（編號(hào)、商品號(hào)、名稱、價(jià)格等）、商品類(lèi)別表（類(lèi)別編號(hào)、類(lèi)別名稱等）、訂單表（訂單編號(hào)、收貨人姓名、地址）、購(gòu)物車(chē)信息表（購(gòu)物車(chē)ID、商品ID）。

3結(jié)束語(yǔ)

本網(wǎng)站以Servlet和JSP為核心技術(shù)，搭配CSS（層疊樣式）和JavaScript腳本設(shè)計(jì)了一套基本完整的購(gòu)物系統(tǒng)，經(jīng)過(guò)實(shí)驗(yàn)論證該系統(tǒng)購(gòu)物上擁有一定的可行性。由于時(shí)間限制，該系統(tǒng)在開(kāi)發(fā)思想和技術(shù)上的實(shí)現(xiàn)存在一些局限性。前臺(tái)頁(yè)面不夠美觀，不夠人性化，商城功能比較單一。全部頁(yè)面時(shí)采用JSP頁(yè)面編寫(xiě)而成。然而JSP頁(yè)面需要發(fā)送請(qǐng)求，完成一次后臺(tái)交互才能出現(xiàn)頁(yè)面，所以用JSP頁(yè)面寫(xiě)成的網(wǎng)站，耗時(shí)大，耗流量多，網(wǎng)站規(guī)模一大，就會(huì)出現(xiàn)響應(yīng)速度慢，網(wǎng)頁(yè)打不開(kāi)等一系列狀況。