易蔬電子商務(wù)網(wǎng)站的設(shè)計(jì)與開發(fā)

許 寧

南通汽運(yùn)實(shí)業(yè)集團(tuán)有限公司，江蘇南通 226004

易蔬電子商務(wù)網(wǎng)站的設(shè)計(jì)與開發(fā)

許 寧

南通汽運(yùn)實(shí)業(yè)集團(tuán)有限公司，江蘇南通 226004

隨著信息化技術(shù)的飛速發(fā)展，電子商務(wù)作為了一種新興的商業(yè)模式已經(jīng)被廣大的用戶所接受。本文研究和分析了的網(wǎng)上銷售蔬菜的優(yōu)勢(shì)，對(duì)JSP和SQL Sever等技術(shù)進(jìn)行了探討，提出了JSP + SQL Sever + Tomcat的設(shè)計(jì)方案，開發(fā)銷售蔬菜的電子商務(wù)網(wǎng)站。在設(shè)計(jì)開發(fā)的過程中采用了軟件工程的思想，對(duì)網(wǎng)站系統(tǒng)進(jìn)行了需求分析、總體設(shè)計(jì)、詳細(xì)設(shè)計(jì)、代碼實(shí)現(xiàn)和系統(tǒng)測(cè)試。測(cè)試結(jié)果表明，網(wǎng)站達(dá)到預(yù)期目標(biāo)，運(yùn)行穩(wěn)定。

網(wǎng)上購(gòu)物；電子商務(wù)系統(tǒng)；SQL Sever；JSP

Login interface; experimentt eachings ystem ; LabVIEW

引言

南通易蔬電子商務(wù)創(chuàng)業(yè)項(xiàng)目是一個(gè)提議中的創(chuàng)新型電子商務(wù)創(chuàng)業(yè)公司，建立專業(yè)化的電子商務(wù)平臺(tái)——易蔬網(wǎng)（簡(jiǎn)稱：easy-V），實(shí)現(xiàn)網(wǎng)站、客戶、產(chǎn)品和服務(wù)的三方聯(lián)動(dòng)，以蔬菜訂單銷售為主營(yíng)業(yè)務(wù)，將網(wǎng)絡(luò)銷售與尸體經(jīng)營(yíng)相結(jié)合，開創(chuàng)新型蔬菜銷售模式。公司提倡提倡健康為本的綠色創(chuàng)意生活新理念，為廣大客戶提供綠色自然的消費(fèi)品和健康創(chuàng)意生活方式。公司以易蔬網(wǎng)為載體，以電子商務(wù)技術(shù)為依托。本文介紹了南通易蔬電子商務(wù)有限公司的網(wǎng)絡(luò)平臺(tái)easy-V易蔬網(wǎng)的基本設(shè)計(jì)，開發(fā)過程，以及設(shè)計(jì)實(shí)現(xiàn)等。

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

1.1 系統(tǒng)開發(fā)技術(shù)

系統(tǒng)采用了JSP + SQL Sever + Tomcat的設(shè)計(jì)方案，在開發(fā)的過程中采用了軟件工程的思想，對(duì)易蔬電子商務(wù)系統(tǒng)進(jìn)行了需求分析、總體設(shè)計(jì)詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)。圖1所示的是易蔬商務(wù)系統(tǒng)的拓?fù)浣Y(jié)構(gòu)簡(jiǎn)圖。

本系統(tǒng)采用的是典型的J2EE三層結(jié)構(gòu)。三層體系將業(yè)務(wù)規(guī)則、數(shù)據(jù)訪問及合法性校驗(yàn)等工作放在中間層處理?？蛻舳瞬恢苯优c數(shù)據(jù)庫(kù)交互，而是通過組件與中間層建立連接，再由中間層與數(shù)據(jù)庫(kù)交互。該系統(tǒng)的表現(xiàn)層使用傳統(tǒng)的JSP技術(shù)，JSP技術(shù)結(jié)合Struts的標(biāo)簽庫(kù)，讓應(yīng)用的表現(xiàn)層層次清晰，可讀性比較好。

其中，Hibernate充當(dāng)數(shù)據(jù)持久化層，主要處理對(duì)象數(shù)據(jù)表的添加、修改、刪除及查詢等操作；Spring充當(dāng)中間層，通過依賴注入的關(guān)系將持久化作為控制器的業(yè)務(wù)；而Struts框架中Action控制器通過這種業(yè)務(wù)與JSP業(yè)務(wù)進(jìn)行交互操作。

在系統(tǒng)的設(shè)計(jì)實(shí)現(xiàn)過程中，為了方便用戶和商戶，建立良好的人機(jī)界面，并且最大限度地節(jié)省前期投資，系統(tǒng)采用的技術(shù)比較成熟的JSP技術(shù)，合理劃分了系統(tǒng)的邏輯層次和功能模塊，最大限度地降低了系統(tǒng)的耦合度。在實(shí)施的過程中采用SQL Sever數(shù)據(jù)庫(kù)，實(shí)現(xiàn)了基于B/S模式的電子商務(wù)管理。同時(shí)以Tomcat6.0為Web服務(wù)器，架構(gòu)了一個(gè)動(dòng)態(tài)電子商務(wù)網(wǎng)站。系統(tǒng)憑借Web服務(wù)器和客戶瀏覽器，利用電子商務(wù)工作高效率高、低成本的特點(diǎn)，給顧客提供了方便快捷的交易平臺(tái)。

1.2 系統(tǒng)分析

總體上看，易蔬網(wǎng)為層次較完善的管理信息系統(tǒng)，分為前臺(tái)和后臺(tái)兩大部分：前臺(tái)包括了個(gè)人、管理員和加盟店三方的登錄頁面，訪問Web服務(wù)器，三方可在平臺(tái)上進(jìn)行業(yè)務(wù)處理；采用以人為本的web2.0技術(shù)，頁面友好，交互性強(qiáng)，方便用戶使用。后臺(tái)則包括貨物配送系統(tǒng)和數(shù)據(jù)庫(kù)，貨物配送系統(tǒng)用于對(duì)訂單的處理和分揀，將結(jié)果通知農(nóng)莊或基地以及外包物流公司，后者則總匯了應(yīng)用運(yùn)籌學(xué)所計(jì)算得出的區(qū)域銷售統(tǒng)計(jì)和相關(guān)數(shù)據(jù)分析。

1.2.1 前臺(tái)功能分析

1）首頁：包括行業(yè)資訊，無公害蔬菜，盆栽蔬菜，幸福菜園，美味生活館。幫助中心六個(gè)版塊及用戶登錄的入口，主要給瀏覽頁面的人一個(gè)立體化，個(gè)性化的，界面友好的網(wǎng)絡(luò)平臺(tái)主界面和系統(tǒng)使用入口，同時(shí)在界面方面滿足用戶對(duì)界面欄目布局的個(gè)性化設(shè)置需求。

2）市場(chǎng)信息：介紹無公害蔬菜和盆栽蔬菜市場(chǎng)的發(fā)展?fàn)顩r和價(jià)格波動(dòng)情況，幸福菜園的相關(guān)市場(chǎng)信息。

3）在線農(nóng)莊：提供眾多招商合作和代理加盟的信息，用戶可以迅速了解到全國(guó)目前市場(chǎng)上最新的合作項(xiàng)目，為用戶覓得商機(jī)提供先機(jī)。

4）資訊中心：有今日要聞，行業(yè)資訊，價(jià)格行情，綜合信息，期貨市場(chǎng)，企業(yè)動(dòng)態(tài)，風(fēng)云人物，農(nóng)業(yè)展會(huì)，政策法規(guī)，農(nóng)業(yè)百科等預(yù)覽式小板塊，涵蓋了有關(guān)農(nóng)產(chǎn)品的所有信息，用戶瀏覽界面時(shí)便可以迅速了解到農(nóng)產(chǎn)品的有關(guān)信息，從而節(jié)省了用戶的時(shí)間，方便了用戶的使用。

5）產(chǎn)品展示：提供了諸如洋蔥，蒜薹，春香梨，土豆等無公害蔬菜和盆栽蔬菜的畫面展示，以及幸福菜園的土地狀況和使用畫面，給予用戶對(duì)于此類農(nóng)產(chǎn)品一個(gè)直觀感受，讓用戶迅速地把握住農(nóng)產(chǎn)品的第一信息。

6 ）美味生活館：提供蔬菜烹飪的菜譜和技巧，蔬菜種植的方法和技術(shù)，生活小貼士。

7）幫助中心：用戶瀏覽界面及注冊(cè)農(nóng)產(chǎn)品物流信息綜合服務(wù)平臺(tái)，會(huì)遇到一些問題，幫助中心則會(huì)先對(duì)常見問題進(jìn)行設(shè)置，方便用戶瀏覽及注冊(cè)。

8）用戶登錄板塊：客戶經(jīng)由登錄版塊注冊(cè)后成為會(huì)員，以后可用會(huì)員身份登錄以享受系統(tǒng)自動(dòng)匹配的優(yōu)惠。

1.2.2 后臺(tái)功能分析

1）農(nóng)產(chǎn)品管理：包括產(chǎn)品發(fā)布，產(chǎn)品管理，供求信息管理，今日訂單查詢和歷史訂單查詢等版塊。

2）網(wǎng)站管理：包括會(huì)員資料管理，文章新聞管理，滾動(dòng)圖片管理。及時(shí)發(fā)布新聞，方便用戶了解行業(yè)資訊，最新動(dòng)態(tài)。

3）個(gè)人中心管理：包括會(huì)員資料的管理，好友管理、訂單管理等?？梢圆樵兒凸芾硪奄I的的貨物(無公害產(chǎn)品，盆栽)和查看菜園資訊，支付歷史等，使得用戶能夠更好的交易。

4）總訂單管理：按照訂單的時(shí)間和發(fā)貨地點(diǎn)合并，可以更有效地利用物流資源，方便資源調(diào)度，節(jié)約成本。

1.3 系統(tǒng)構(gòu)架設(shè)計(jì)

本系統(tǒng)采用傳統(tǒng)的三層B/S結(jié)構(gòu)構(gòu)建，即瀏覽器、Web服務(wù)器和數(shù)據(jù)庫(kù)服務(wù)器。這種分布式三層體系結(jié)構(gòu)將應(yīng)用目標(biāo)程序完全安裝到應(yīng)用服務(wù)器上，可以使得整個(gè)系統(tǒng)運(yùn)行在Web Server上。顧客和商戶通過互聯(lián)網(wǎng)，向應(yīng)用服務(wù)器上的電子商務(wù)網(wǎng)站提出請(qǐng)求服務(wù)，系統(tǒng)然后將請(qǐng)求命令服務(wù)轉(zhuǎn)化為SQL語句，隨之后臺(tái)的SQL Server數(shù)據(jù)庫(kù)將查詢、更新數(shù)據(jù)庫(kù)的各種結(jié)果反饋給請(qǐng)求方。

圖1 網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu)圖

1.4 系統(tǒng)功能設(shè)計(jì)

根據(jù)系統(tǒng)的需求分析以及系統(tǒng)功能模塊化的要求，合理劃分系統(tǒng)功能模塊。在系統(tǒng)的設(shè)計(jì)過程中，部分功能進(jìn)行合并，系統(tǒng)主要分為系統(tǒng)前臺(tái)和系統(tǒng)后臺(tái)兩部分。前者供給所有用戶使用，用于網(wǎng)站導(dǎo)航、瀏覽和購(gòu)物的使用，如圖4所示；后者供給網(wǎng)站的管理者和客戶的操作使用，用于管理業(yè)務(wù)以及前臺(tái)的展示，如圖5所示。

圖2 系統(tǒng)前臺(tái)功能結(jié)構(gòu)圖

圖3 系統(tǒng)后臺(tái)功能結(jié)構(gòu)圖

1.5 系統(tǒng)流程設(shè)計(jì)

網(wǎng)站的中心系統(tǒng)是通用的購(gòu)物電子商務(wù)系統(tǒng)，顧客的購(gòu)物流程符合以下的步驟和特點(diǎn)，系統(tǒng)前臺(tái)流程和后臺(tái)管理流程的過程如圖所示：

圖4 系統(tǒng)前臺(tái)流程

圖5 系統(tǒng)后臺(tái)流程

1.6 數(shù)據(jù)庫(kù)實(shí)現(xiàn)

數(shù)據(jù)庫(kù)設(shè)計(jì)時(shí)需要根據(jù)存檔數(shù)據(jù)和數(shù)據(jù)需求，分析各個(gè)數(shù)據(jù)之間的關(guān)系，按照DBMS的功能，設(shè)計(jì)出規(guī)模適當(dāng)、正確的各個(gè)數(shù)據(jù)之間的關(guān)系。圖6～12是主要的7張數(shù)據(jù)庫(kù)表。

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

根據(jù)以上的系統(tǒng)分析和設(shè)計(jì)，完成了系統(tǒng)的開發(fā)和測(cè)試，這里由于篇幅的原因，文中僅對(duì)前臺(tái)和后臺(tái)的主要功能模塊進(jìn)行介紹。

2.1 系統(tǒng)前臺(tái)設(shè)計(jì)

（1）首頁

首頁主要是展示前臺(tái)界面的主要入口，其中最重要的還是注冊(cè)和登錄系統(tǒng)。系統(tǒng)要將會(huì)員信息保存到數(shù)據(jù)表中，首先要使用Java Bean中的user 類保存客戶端輸入的會(huì)員信息，在通過調(diào)用logoinfo中的insert 方法將會(huì)員信息保存到會(huì)員信息表中。在保存會(huì)員信息時(shí)，需要判斷會(huì)員名是否存在，這樣才會(huì)保證會(huì)員名稱的唯一性。主要參考圖13和圖14。

圖6 接受訂單信息表

圖7 詢價(jià)單信息表

圖8 訂單項(xiàng)目信息表

圖9 購(gòu)物車信息表

圖10 訂單詳細(xì)信息表

圖11 用戶信息表

圖12 商品信息表

圖13 首頁展示

（2）盆栽蔬菜界面

盆栽蔬菜模塊是由顧客自己挑選自己喜歡的植物和花盆。點(diǎn)擊左側(cè)的花盆按鈕，在商品展示窗口下面出現(xiàn)一個(gè)花盆欄，在花盆欄里面可以挑選自己喜歡的花盆；點(diǎn)擊左側(cè)的植物按鈕，下面出現(xiàn)植物欄，挑選植物。這樣既方便顧客直觀的查看和購(gòu)買自己喜歡的式樣。參考界面圖15。

圖15 盆栽蔬菜界面

（3）幸福菜園界面

模塊的創(chuàng)意來自于開心農(nóng)場(chǎng)，在系統(tǒng)中這一模塊與實(shí)際相結(jié)合，客戶可以通過委托向管理員申請(qǐng)購(gòu)買土地，并且購(gòu)買種子在上面種植，和開心農(nóng)場(chǎng)一樣，這些植物也可以澆水、除草、施肥等充滿娛樂趣味的一些指令。

點(diǎn)擊右側(cè)的“感嘆號(hào)”按鈕鼠標(biāo)圖標(biāo)將變成一個(gè)感嘆號(hào)的形式，這時(shí)候點(diǎn)擊土地模塊，可以顯示這一塊土地詳細(xì)信息，包括土地編號(hào)，地主，土地類型，種植的植物以及生長(zhǎng)情況等等；點(diǎn)擊第二個(gè)“包裹”按鈕，可以購(gòu)買土地，填寫土地名字，選取土

地類型，連接到showGarden.jsp 生成支付系統(tǒng)，進(jìn)入到網(wǎng)銀進(jìn)行支付。點(diǎn)擊右側(cè)的第三個(gè)“植物”按鈕，可以選擇你想種植的植物。效果參考圖16。

圖16 幸福菜園界面

（4）購(gòu)物車模塊

在訂單模塊中，數(shù)量輸入框，點(diǎn)擊輸入數(shù)量可以輸入數(shù)量的在查看購(gòu)物車頁面中，單擊“-”和“+”圖標(biāo)，或者在“數(shù)量”文本框中輸入購(gòu)買數(shù)量，可以對(duì)應(yīng)從購(gòu)物車中增加減少指定商品，單擊“清空購(gòu)物車”，將退回購(gòu)物車中的全部商品，單擊“繼續(xù)購(gòu)物”用戶可以繼續(xù)購(gòu)買物品，返回上一個(gè)購(gòu)物界面，如果用戶確認(rèn)購(gòu)買當(dāng)前購(gòu)物車中的全部商品，單擊“生成訂單”，進(jìn)行訂單處理。

2.2 系統(tǒng)后臺(tái)設(shè)計(jì)

（1）聊天系統(tǒng)

聊天系統(tǒng)是電子商務(wù)系統(tǒng)的必備功能之一，功能完善的聊天系統(tǒng)才能方便用戶交流，并且聊天系統(tǒng)應(yīng)該具有保密性質(zhì)。除了管理員在必要的情況下才能瀏覽聊天記錄。

（2）商品管理

在產(chǎn)品管理首頁中點(diǎn)擊想要修改或者刪除的商品信息后，即可進(jìn)入到修改或者刪除商品信息頁面。修改商品信息頁面主要用于修改指定商品的基本信息。在制作修改商品信息頁面時(shí)，首先頁需要判斷從商品管理首頁傳遞的參數(shù)ID是否為空，如果為空值，則說明用戶不是正常操作，需要將頁面重定向到商品管理首頁。值不為空，才會(huì)根據(jù)參數(shù)ID查詢商品的基本信息并顯示在頁面中。實(shí)現(xiàn)該功能的代碼同修改商品信息頁面的一樣，詳見圖18。

圖17 聊天界面

（3）公告管理

由于文章涉及用戶名、用戶角色、聯(lián)系方式等信息。系統(tǒng)中將文章管理可以設(shè)置為批量管理，系統(tǒng)中的刪除、添加、編輯等操作都可以批量進(jìn)行。實(shí)現(xiàn)這個(gè)功能的方式是在最上面的工具欄里面添加一個(gè)復(fù)選框，在復(fù)選框里面打鉤的時(shí)候可以選中全部文章。參考圖19。

圖18 商品管理界面

圖19 公告管理界面

3 總結(jié)

由于受到時(shí)間的限制，自身知識(shí)和開發(fā)經(jīng)驗(yàn)的匱乏的原因，開發(fā)的網(wǎng)站還存在不足有待于改進(jìn)的地方?？v觀整個(gè)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)過程，發(fā)現(xiàn)操作過程中所涉及的知識(shí)面很廣，需要對(duì)系統(tǒng)有較強(qiáng)的分析問題、解決問題的能力，還要求具有創(chuàng)新精神和獨(dú)立學(xué)習(xí)研究的毅力。

[1]王建明，唐愛國(guó)，杭志.征服JSP企業(yè)網(wǎng)站開發(fā).北京：科學(xué)出版社，2008

[2]梁元棟.基于JSP技術(shù)的電子商務(wù)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)（全文），碩士，2010.11

[3]王林瑋.JSP網(wǎng)絡(luò)開發(fā)技術(shù)與案例應(yīng)用.北京：機(jī)械工業(yè)出版社，2008.1

[4]汪孝等.JSP數(shù)據(jù)庫(kù)開發(fā)實(shí)例精粹.電子工業(yè)出版社，2005

Bbased on NI software LabVIEW 8.6, develop ed electric experimentet achings ystem. the system consists of three login-interfacde esign and data managemenvti,r tual experimentsayl stem of automaticc ontrotl heory, automatic measurem ent technologyp, rocess control, and principloe f single-chipc omputear nd its applicatiocn, over s the chief content of automatioan nd relevan t professionaIlts. can not only help studentsl earn the theoreticakl nowledgbe, ut also increaset he students’ creative abilities.

TP393

A

10.3969/j.issn.1001-8972.2012.21.041