劉亦韜 楊朔 金山 溫從志

摘 要： 基于B2C（Business to Consumers）模式，根據(jù)網(wǎng)上購(gòu)物系統(tǒng)的現(xiàn)狀設(shè)計(jì)、開(kāi)發(fā)了一個(gè)電子商務(wù)平臺(tái)。該系統(tǒng)采用JSP、Javascript、Jquery設(shè)計(jì)頁(yè)面，結(jié)合Struts2的MVC模式，主要實(shí)現(xiàn)了用戶(hù)注冊(cè)、登錄/注銷(xiāo)，用戶(hù)密碼找回，商品分類(lèi)顯示，商品詳情，購(gòu)物車(chē)，訂單生成與查詢(xún)等功能模塊。在用戶(hù)注冊(cè)和登錄頁(yè)面都設(shè)計(jì)了Javascript智能提示。使用AJAX技術(shù)完成異步數(shù)據(jù)傳輸，以實(shí)現(xiàn)良好的用戶(hù)體驗(yàn)。

關(guān)鍵詞： B2C； Javascript； JSP； Struts2； Ajax

中圖分類(lèi)號(hào)：TP311.1 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1006-8228（2014）02-05-03

0 引言

隨著互聯(lián)網(wǎng)的不斷發(fā)展，電子商務(wù)也隨著網(wǎng)絡(luò)經(jīng)濟(jì)的發(fā)展而迅速崛起。面對(duì)經(jīng)濟(jì)全球化的發(fā)展趨勢(shì)，電子商務(wù)已逐漸成為21世紀(jì)的商業(yè)和貿(mào)易活動(dòng)，成為主要的商業(yè)競(jìng)爭(zhēng)手段?；ヂ?lián)網(wǎng)和電子商務(wù)的興起，對(duì)整個(gè)社會(huì)和經(jīng)濟(jì)生活產(chǎn)生了巨大的影響。網(wǎng)上購(gòu)物系統(tǒng)作為B2B（Business to Business，即企業(yè)對(duì)企業(yè)），B2C（Business to Customer，即企業(yè)對(duì)消費(fèi)者），C2C（Customer to Customer，即消費(fèi)者對(duì)消費(fèi)者）電子商務(wù)的前端商務(wù)平臺(tái)，在其商務(wù)活動(dòng)全過(guò)程中起著舉足輕重的作用。本文主要考慮如何建設(shè)B2C的網(wǎng)上購(gòu)物系統(tǒng)[1]。

1 系統(tǒng)需求分析

本系統(tǒng)為用戶(hù)提供的服務(wù)包括：會(huì)員注冊(cè)、商品選擇、查看購(gòu)物車(chē)、訂購(gòu)，訂單確認(rèn)、查看訂單。在數(shù)據(jù)庫(kù)設(shè)計(jì)方面，為了便于管理員進(jìn)行管理，做到了盡可能地減少數(shù)據(jù)間的依賴(lài)和數(shù)據(jù)冗余；在商品搜索方面，充分考慮了效率的問(wèn)題，利用數(shù)據(jù)庫(kù)的緩存分頁(yè)，力求以最少的時(shí)間從眾多商品中選出所需求的商品；在頁(yè)面設(shè)計(jì)上，力求精致簡(jiǎn)練，采用Ajax、Jquery縮短面開(kāi)發(fā)周期。平臺(tái)上有兩種連接配置：連接設(shè)備配置（Connected Device Configuration，CDC）和連接受限設(shè)備配置。圖1為系統(tǒng)功能圖[3]。

2 系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

2.1 數(shù)據(jù)庫(kù)設(shè)計(jì)

當(dāng)焦點(diǎn)離開(kāi)用戶(hù)姓名文本框及驗(yàn)證碼框時(shí)，通過(guò)AJAX對(duì)用戶(hù)姓名進(jìn)行校驗(yàn)，對(duì)驗(yàn)證碼與后臺(tái)seesion中保存的驗(yàn)證碼進(jìn)行比較。同時(shí)也對(duì)密碼，郵箱格式，電話(huà)號(hào)碼格式進(jìn)行正則表達(dá)式校驗(yàn)。當(dāng)所有驗(yàn)證通過(guò)后，會(huì)在右邊出現(xiàn)√提示。只有全部都驗(yàn)證通過(guò)，才可進(jìn)行注冊(cè)。

用戶(hù)登錄界面主要包括用戶(hù)名和密碼的輸入，自動(dòng)登錄的選擇，以及密碼找回，如果在數(shù)據(jù)庫(kù)中不存在該用戶(hù)則顯示用戶(hù)不存在，當(dāng)檢測(cè)到用戶(hù)存在但沒(méi)激活時(shí)，不能登錄。登錄成功3秒后自動(dòng)跳轉(zhuǎn)到首頁(yè)。如圖7所示。密碼找回頁(yè)面如圖8所示。

如果沒(méi)有勾選自動(dòng)登錄，保存到客戶(hù)端的COOKIE有效期為一天，否則為一周，對(duì)提交的數(shù)據(jù)采用POST提交，同時(shí)對(duì)密碼進(jìn)行MD5加密，防止數(shù)據(jù)泄漏。

輸入用戶(hù)名和郵箱進(jìn)行驗(yàn)證，驗(yàn)證通過(guò)后會(huì)通過(guò)后臺(tái)發(fā)生一封修改密碼的郵件到指定郵箱。

通過(guò)對(duì)Java內(nèi)置的Properties類(lèi)，配置發(fā)信服務(wù)器名稱(chēng)，端口號(hào)，以及發(fā)信方式。通過(guò)對(duì)Java內(nèi)置的Message類(lèi)，填充發(fā)信人，收信人，郵件主題，正文，調(diào)用Transport的sendMessage方法發(fā)送郵件，收到郵件后點(diǎn)擊進(jìn)入修改密碼頁(yè)面[2]。

2.3 主界面

2.3.5 我的訂單

點(diǎn)擊導(dǎo)航欄上“我的訂單”，可以查詢(xún)最近9次訂單交易情況，如果訂單為未支付狀態(tài)，可以點(diǎn)擊“去結(jié)算”來(lái)實(shí)現(xiàn)付款。如圖14所示。

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

本系統(tǒng)是基于B/S結(jié)構(gòu)的B2C模式在線(xiàn)購(gòu)物系統(tǒng)。通過(guò)互聯(lián)網(wǎng)進(jìn)行商品銷(xiāo)售，跨越了時(shí)間地點(diǎn)的限制，又節(jié)約了企業(yè)的經(jīng)營(yíng)成本，這已成為企業(yè)經(jīng)營(yíng)發(fā)展的一個(gè)重要方向，而建設(shè)電子商務(wù)網(wǎng)站也成為了很熱門(mén)的一項(xiàng)技術(shù)[5]。

參考文獻(xiàn)：

[1] 朱謙，羅新.社區(qū)電子商務(wù)網(wǎng)上購(gòu)物模式[J].現(xiàn)代經(jīng)濟(jì)信息，2008.9：108-115

[2] 韓海雯.電子商務(wù)網(wǎng)站建設(shè)全程實(shí)例[M].中國(guó)電力出版社，2009.

[3] 張波.韓衍文.基于MVC模式的STRUCTS框架的研究與實(shí)現(xiàn)[J].甘肅科技出版社，2008.

[4] D. C. Ghita. JavaScript Generators [J]. Studia Universitatis Babes-Bolyai： Series Informatica，2010 LV（3）： 95-97

[5] 左洸.基于輕量級(jí)敏捷框架的個(gè)人學(xué)習(xí)管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].山東大學(xué)，2010.