在線購物系統的設計與實現

劉亦韜 楊朔 金山 溫從志

摘 要： 基于B2C（Business to Consumers）模式，根據網上購物系統的現狀設計、開發了一個電子商務平臺。該系統采用JSP、Javascript、Jquery設計頁面，結合Struts2的MVC模式，主要實現了用戶注冊、登錄/注銷，用戶密碼找回，商品分類顯示，商品詳情，購物車，訂單生成與查詢等功能模塊。在用戶注冊和登錄頁面都設計了Javascript智能提示。使用AJAX技術完成異步數據傳輸，以實現良好的用戶體驗。

關鍵詞： B2C； Javascript； JSP； Struts2； Ajax

中圖分類號：TP311.1 文獻標志碼：A 文章編號：1006-8228（2014）02-05-03

0 引言

隨著互聯網的不斷發展，電子商務也隨著網絡經濟的發展而迅速崛起。面對經濟全球化的發展趨勢，電子商務已逐漸成為21世紀的商業和貿易活動，成為主要的商業競爭手段。互聯網和電子商務的興起，對整個社會和經濟生活產生了巨大的影響。網上購物系統作為B2B（Business to Business，即企業對企業），B2C（Business to Customer，即企業對消費者），C2C（Customer to Customer，即消費者對消費者）電子商務的前端商務平臺，在其商務活動全過程中起著舉足輕重的作用。本文主要考慮如何建設B2C的網上購物系統[1]。

1 系統需求分析

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

2 系統設計與實現

2.1 數據庫設計

當焦點離開用戶姓名文本框及驗證碼框時，通過AJAX對用戶姓名進行校驗，對驗證碼與后臺seesion中保存的驗證碼進行比較。同時也對密碼，郵箱格式，電話號碼格式進行正則表達式校驗。當所有驗證通過后，會在右邊出現√提示。只有全部都驗證通過，才可進行注冊。

用戶登錄界面主要包括用戶名和密碼的輸入，自動登錄的選擇，以及密碼找回，如果在數據庫中不存在該用戶則顯示用戶不存在，當檢測到用戶存在但沒激活時，不能登錄。登錄成功3秒后自動跳轉到首頁。如圖7所示。密碼找回頁面如圖8所示。

如果沒有勾選自動登錄，保存到客戶端的COOKIE有效期為一天，否則為一周，對提交的數據采用POST提交，同時對密碼進行MD5加密，防止數據泄漏。

輸入用戶名和郵箱進行驗證，驗證通過后會通過后臺發生一封修改密碼的郵件到指定郵箱。

通過對Java內置的Properties類，配置發信服務器名稱，端口號，以及發信方式。通過對Java內置的Message類，填充發信人，收信人，郵件主題，正文，調用Transport的sendMessage方法發送郵件，收到郵件后點擊進入修改密碼頁面[2]。

2.3 主界面

2.3.5 我的訂單

點擊導航欄上“我的訂單”，可以查詢最近9次訂單交易情況，如果訂單為未支付狀態，可以點擊“去結算”來實現付款。如圖14所示。

3 結束語

本系統是基于B/S結構的B2C模式在線購物系統。通過互聯網進行商品銷售，跨越了時間地點的限制，又節約了企業的經營成本，這已成為企業經營發展的一個重要方向，而建設電子商務網站也成為了很熱門的一項技術[5]。

參考文獻：

[1] 朱謙，羅新.社區電子商務網上購物模式[J].現代經濟信息，2008.9：108-115

[2] 韓海雯.電子商務網站建設全程實例[M].中國電力出版社，2009.

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

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

[5] 左洸.基于輕量級敏捷框架的個人學習管理系統的設計與實現[D].山東大學，2010.