王立群+王彩霞

摘 要：伴隨著互聯(lián)網(wǎng)的蓬勃發(fā)展，網(wǎng)絡(luò)購(gòu)物作為電子商務(wù)的一種形式以其高效、低成本的絕對(duì)優(yōu)勢(shì)，逐步成為最具競(jìng)爭(zhēng)力和廣泛流行的經(jīng)營(yíng)模式和現(xiàn)代化管理理念。Easy Buy Online是一個(gè)提供動(dòng)態(tài)、交互式和具有商品交易、系統(tǒng)管理、用戶留言等核心功能和購(gòu)物流程的網(wǎng)絡(luò)購(gòu)物平臺(tái)。該文研究了網(wǎng)站的設(shè)計(jì)、開發(fā)等內(nèi)容，旨在梳理網(wǎng)站設(shè)計(jì)開發(fā)的流程及相關(guān)技術(shù)的使用。

關(guān)鍵詞：網(wǎng)絡(luò)購(gòu)物；網(wǎng)站建設(shè)；JSP

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）12-0151-03

Abstract：Along with the rapid development of the Internet， online shopping with high efficiency and low cost gradually become the most competitive and widespread business model and modern management concepts. Easy Buy Online is a dynamic， interactive and has commodity trading， system management， user comments and other core functions online shopping platform. This paper research to the online shopping website design and development， aims to comb and summarizes the website development processes and related technologies.

Key words： online shopping； website design； JSP

1 背景

伴隨著互聯(lián)網(wǎng)的蓬勃發(fā)展，網(wǎng)絡(luò)購(gòu)物中心作為電子商務(wù)的一種形式以其高效、低成本的絕對(duì)優(yōu)勢(shì)，逐步成為最具競(jìng)爭(zhēng)力和廣泛流行的經(jīng)營(yíng)模式和現(xiàn)代化管理理念。網(wǎng)絡(luò)用戶也逐漸由傳統(tǒng)單一信息的瀏覽和發(fā)布，過渡到更加充分享受互聯(lián)網(wǎng)所帶來的諸多便利；而電子商務(wù)的網(wǎng)絡(luò)購(gòu)物正如火如荼地適應(yīng)著當(dāng)今社會(huì)人們快節(jié)奏的工作與生活方式。網(wǎng)絡(luò)購(gòu)物使顧客足不出戶便可以以方便快速、簡(jiǎn)單的方法來選購(gòu)各種個(gè)人喜歡或系統(tǒng)推薦的商品。[1]

2 系統(tǒng)設(shè)計(jì)

本網(wǎng)上購(gòu)物網(wǎng)站主要是為個(gè)人提供游覽、搜索及購(gòu)買等服務(wù)，從而為更多的人帶來較大的方便。系統(tǒng)最終目標(biāo)是設(shè)計(jì)并實(shí)現(xiàn)一個(gè)B/S體系結(jié)構(gòu)的網(wǎng)上購(gòu)物網(wǎng)站系統(tǒng)。系統(tǒng)分前臺(tái)和后臺(tái)兩個(gè)部分，前臺(tái)部分由網(wǎng)絡(luò)購(gòu)物用戶使用，主要包括注冊(cè)管理、購(gòu)物車管理、訂單管理、資料管理等功能；后臺(tái)部分由管理員使用，主要包括商品管理、訂單管理、會(huì)員管理等功能。[2]

2.1 前臺(tái)部分設(shè)計(jì)

注冊(cè)管理：新用戶注冊(cè)時(shí)能夠?qū)τ脩裘⒚艽a進(jìn)行簡(jiǎn)單的驗(yàn)證；能夠?qū)﹄娮余]箱，Email進(jìn)行有效性驗(yàn)證；能夠防止利用頁(yè)面刷新重復(fù)注冊(cè)，以及已經(jīng)注冊(cè)的用戶不能重復(fù)注冊(cè)。

資料管理：已經(jīng)注冊(cè)成為會(huì)員的個(gè)人信息將會(huì)作為該用戶下次購(gòu)買商品時(shí)的默認(rèn)選項(xiàng)，如有變更，生成訂單時(shí)可再做修改。

意見反饋：收集用戶的意見用來隨時(shí)更新系統(tǒng)存在的某些問題，從而使更多的用戶享受一個(gè)好的購(gòu)物系統(tǒng)平臺(tái)，也提供了用戶與系統(tǒng)管理員的溝通渠道。

搜索商品：通過商品搜索功能，用戶可以迅速搜索到需要的商品，通過模糊查詢，按商品名稱、編號(hào)等查詢所需要的商品，點(diǎn)擊所選中的商品，可以查看商品的詳細(xì)介紹。

購(gòu)物車管理：用戶購(gòu)買的商品可以加載到購(gòu)物車中，在購(gòu)物車中可以修改貨物數(shù)量，可以刪除你點(diǎn)擊準(zhǔn)備買而后又不想購(gòu)買的商品。

訂單管理：選擇付款方式，填寫地址與Email則會(huì)自動(dòng)生成一個(gè)訂單，并顯示具體的購(gòu)買信息提供給用戶核對(duì)，如果用戶確認(rèn)后，則會(huì)將訂單保持在數(shù)據(jù)庫(kù)中。

密碼找回：根據(jù)輸入的用戶名并判斷密碼輸入名是否正確，以確定是否可以修改密碼，通過select c_pass，c_header，c_answer from customer where c_name='"+c_name+"'查出該用戶的密保問題，如果相等則將密碼顯示出來。

2.2 后臺(tái)部分設(shè)計(jì)

會(huì)員管理：維護(hù)數(shù)據(jù)庫(kù)里的所有用戶信息，可以對(duì)信息進(jìn)行增刪改查操作。

商品管理：維護(hù)數(shù)據(jù)庫(kù)里的所有商品信息，可以對(duì)信息進(jìn)行增刪改查操作；可以增刪改查商品的分類信息。

訂單管理：管理員可以根據(jù)用戶購(gòu)買商品時(shí)生成的訂單進(jìn)行定向配送貨物，同時(shí)還可以進(jìn)行訂單刪除。

支付方式：維護(hù)數(shù)據(jù)庫(kù)里的支付方式信息，可以對(duì)記錄進(jìn)行增刪改查操作。

3 系統(tǒng)實(shí)現(xiàn)

3.1 系統(tǒng)開發(fā)環(huán)境

系統(tǒng)開發(fā)的最終目標(biāo)是在網(wǎng)絡(luò)上架構(gòu)一個(gè)動(dòng)態(tài)的網(wǎng)絡(luò)購(gòu)物網(wǎng)站，而目前網(wǎng)站開發(fā)所涉及關(guān)鍵技術(shù)都比較成熟且流程清晰。本系統(tǒng)是在Windows 7系統(tǒng)下，以SQL Server 為數(shù)據(jù)庫(kù)開發(fā)平臺(tái)，Tomcat網(wǎng)絡(luò)信息服務(wù)作為應(yīng)用服務(wù)器，采用JSP（Java Server Pages）技術(shù)開發(fā)的網(wǎng)上購(gòu)物系統(tǒng)。

系統(tǒng)開發(fā)采用Java語(yǔ)言，是因?yàn)樗钠脚_(tái)無關(guān)性。Java可用來開發(fā)能在任何計(jì)算機(jī)平臺(tái)上運(yùn)行的應(yīng)用軟件，而其網(wǎng)絡(luò)編程語(yǔ)言JSP使用起來更加便利。JSP技術(shù)使用Java編程語(yǔ)言編寫類XML的tags和Scriptlets，來封裝產(chǎn)生動(dòng)態(tài)網(wǎng)頁(yè)的處理邏輯。網(wǎng)頁(yè)還能通過tags和Scriptlets訪問存在于服務(wù)端的資源的應(yīng)用邏輯。JSP將網(wǎng)頁(yè)邏輯與網(wǎng)頁(yè)設(shè)計(jì)和顯示分離，支持可重用的基于組件的設(shè)計(jì)，使基于Web的應(yīng)用程序的開發(fā)變得迅速和容易。[3-4]

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

系統(tǒng)的數(shù)據(jù)庫(kù)名字為shop_dat，數(shù)據(jù)庫(kù)中共有9個(gè)數(shù)據(jù)表，分別是用戶基本信息表、商品信息表、用戶的留言信息表、公告信息表、訂單信息表、商品詳細(xì)表、支付信息表、管理員基本信息表、菜單表。其中，用戶基本信息表和商品信息表如下所示。[5]

3.3 界面設(shè)計(jì)

本系統(tǒng)分為前臺(tái)和后臺(tái)兩個(gè)部分，主要實(shí)現(xiàn)了注冊(cè)管理、購(gòu)物車管理、訂單管理、資料管理、商品管理、訂單管理、會(huì)員管理等功能。系統(tǒng)前臺(tái)首頁(yè)分成用戶登錄、新品上架、商品查詢、促銷商品、商品展區(qū)等區(qū)域，方便用戶查看。系統(tǒng)首頁(yè)效果如下圖所示：

系統(tǒng)后臺(tái)界面采用框架結(jié)構(gòu)設(shè)計(jì)，框架左側(cè)是依導(dǎo)航面板形式顯示主要功能，右側(cè)顯示具體的頁(yè)面內(nèi)容。系統(tǒng)后臺(tái)界面效果如下所示：

4 系統(tǒng)測(cè)試

針對(duì)系統(tǒng)部分功能，設(shè)計(jì)測(cè)試用例，得到的實(shí)際結(jié)果和預(yù)期結(jié)果基本一致，達(dá)到了設(shè)計(jì)需求。[6]

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

綜合軟件工程、網(wǎng)頁(yè)開發(fā)技術(shù)和數(shù)據(jù)庫(kù)的基礎(chǔ)知識(shí)，設(shè)計(jì)開發(fā)的Easy Buy Online是一個(gè)提供動(dòng)態(tài)、交互式和具有商品交易、系統(tǒng)管理、用戶留言等核心功能和購(gòu)物流程的網(wǎng)絡(luò)購(gòu)物平臺(tái)。

參考文獻(xiàn)：

[1] 馮偉. 電子購(gòu)物網(wǎng)站的設(shè)計(jì)和開發(fā)[D]. 大連： 大連理工大學(xué)， 2006.

[2] 周新蓮. Web設(shè)計(jì)原理與編程技術(shù)[M].長(zhǎng)沙： 中南大學(xué)出版社， 2005： 87-92.

[3] Damon Hougland，Aaron Tavistock.JSP 核心技術(shù)[M]. 馬朝暉，譯. 北京： 機(jī)械工業(yè)出版社， 2000： 263-291.

[4] 塞奎春. JSP信息系統(tǒng)開發(fā)實(shí)例精選[M]. 北京： 機(jī)械工業(yè)出版社， 2006： 192-206.

[5] 劉敏娜， 李延香， 魏浩. 基于java EE 的教學(xué)資源平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 電腦知識(shí)與技術(shù)， 2015， 11（5）： 91-93.

[6] 賀平. 軟件測(cè)試教程[M]. 北京： 電子工業(yè)出版社， 2005： 306-317.