易蔬電子商務網站的設計與開發

許 寧

南通汽運實業集團有限公司，江蘇南通 226004

易蔬電子商務網站的設計與開發

許 寧

南通汽運實業集團有限公司，江蘇南通 226004

隨著信息化技術的飛速發展，電子商務作為了一種新興的商業模式已經被廣大的用戶所接受。本文研究和分析了的網上銷售蔬菜的優勢，對JSP和SQL Sever等技術進行了探討，提出了JSP + SQL Sever + Tomcat的設計方案，開發銷售蔬菜的電子商務網站。在設計開發的過程中采用了軟件工程的思想，對網站系統進行了需求分析、總體設計、詳細設計、代碼實現和系統測試。測試結果表明，網站達到預期目標，運行穩定。

網上購物；電子商務系統；SQL Sever；JSP

Login interface; experimentt eachings ystem ; LabVIEW

引言

南通易蔬電子商務創業項目是一個提議中的創新型電子商務創業公司，建立專業化的電子商務平臺——易蔬網（簡稱：easy-V），實現網站、客戶、產品和服務的三方聯動，以蔬菜訂單銷售為主營業務，將網絡銷售與尸體經營相結合，開創新型蔬菜銷售模式。公司提倡提倡健康為本的綠色創意生活新理念，為廣大客戶提供綠色自然的消費品和健康創意生活方式。公司以易蔬網為載體，以電子商務技術為依托。本文介紹了南通易蔬電子商務有限公司的網絡平臺easy-V易蔬網的基本設計，開發過程，以及設計實現等。

1 系統設計

1.1 系統開發技術

系統采用了JSP + SQL Sever + Tomcat的設計方案，在開發的過程中采用了軟件工程的思想，對易蔬電子商務系統進行了需求分析、總體設計詳細設計和實現。圖1所示的是易蔬商務系統的拓撲結構簡圖。

本系統采用的是典型的J2EE三層結構。三層體系將業務規則、數據訪問及合法性校驗等工作放在中間層處理。客戶端不直接與數據庫交互，而是通過組件與中間層建立連接，再由中間層與數據庫交互。該系統的表現層使用傳統的JSP技術，JSP技術結合Struts的標簽庫，讓應用的表現層層次清晰，可讀性比較好。

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

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

1.2 系統分析

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

1.2.1 前臺功能分析

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

2）市場信息：介紹無公害蔬菜和盆栽蔬菜市場的發展狀況和價格波動情況，幸福菜園的相關市場信息。

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

4）資訊中心：有今日要聞，行業資訊，價格行情，綜合信息，期貨市場，企業動態，風云人物，農業展會，政策法規，農業百科等預覽式小板塊，涵蓋了有關農產品的所有信息，用戶瀏覽界面時便可以迅速了解到農產品的有關信息，從而節省了用戶的時間，方便了用戶的使用。

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

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

7）幫助中心：用戶瀏覽界面及注冊農產品物流信息綜合服務平臺，會遇到一些問題，幫助中心則會先對常見問題進行設置，方便用戶瀏覽及注冊。

8）用戶登錄板塊：客戶經由登錄版塊注冊后成為會員，以后可用會員身份登錄以享受系統自動匹配的優惠。

1.2.2 后臺功能分析

1）農產品管理：包括產品發布，產品管理，供求信息管理，今日訂單查詢和歷史訂單查詢等版塊。

2）網站管理：包括會員資料管理，文章新聞管理，滾動圖片管理。及時發布新聞，方便用戶了解行業資訊，最新動態。

3）個人中心管理：包括會員資料的管理，好友管理、訂單管理等。可以查詢和管理已買的的貨物(無公害產品，盆栽)和查看菜園資訊，支付歷史等，使得用戶能夠更好的交易。

4）總訂單管理：按照訂單的時間和發貨地點合并，可以更有效地利用物流資源，方便資源調度，節約成本。

1.3 系統構架設計

本系統采用傳統的三層B/S結構構建，即瀏覽器、Web服務器和數據庫服務器。這種分布式三層體系結構將應用目標程序完全安裝到應用服務器上，可以使得整個系統運行在Web Server上。顧客和商戶通過互聯網，向應用服務器上的電子商務網站提出請求服務，系統然后將請求命令服務轉化為SQL語句，隨之后臺的SQL Server數據庫將查詢、更新數據庫的各種結果反饋給請求方。

圖1 網絡拓撲結構圖

1.4 系統功能設計

根據系統的需求分析以及系統功能模塊化的要求，合理劃分系統功能模塊。在系統的設計過程中，部分功能進行合并，系統主要分為系統前臺和系統后臺兩部分。前者供給所有用戶使用，用于網站導航、瀏覽和購物的使用，如圖4所示；后者供給網站的管理者和客戶的操作使用，用于管理業務以及前臺的展示，如圖5所示。

圖2 系統前臺功能結構圖

圖3 系統后臺功能結構圖

1.5 系統流程設計

網站的中心系統是通用的購物電子商務系統，顧客的購物流程符合以下的步驟和特點，系統前臺流程和后臺管理流程的過程如圖所示：

圖4 系統前臺流程

圖5 系統后臺流程

1.6 數據庫實現

數據庫設計時需要根據存檔數據和數據需求，分析各個數據之間的關系，按照DBMS的功能，設計出規模適當、正確的各個數據之間的關系。圖6～12是主要的7張數據庫表。

2 系統實現

根據以上的系統分析和設計，完成了系統的開發和測試，這里由于篇幅的原因，文中僅對前臺和后臺的主要功能模塊進行介紹。

2.1 系統前臺設計

（1）首頁

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

圖6 接受訂單信息表

圖7 詢價單信息表

圖8 訂單項目信息表

圖9 購物車信息表

圖10 訂單詳細信息表

圖11 用戶信息表

圖12 商品信息表

圖13 首頁展示

（2）盆栽蔬菜界面

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

圖15 盆栽蔬菜界面

（3）幸福菜園界面

模塊的創意來自于開心農場，在系統中這一模塊與實際相結合，客戶可以通過委托向管理員申請購買土地，并且購買種子在上面種植，和開心農場一樣，這些植物也可以澆水、除草、施肥等充滿娛樂趣味的一些指令。

點擊右側的“感嘆號”按鈕鼠標圖標將變成一個感嘆號的形式，這時候點擊土地模塊，可以顯示這一塊土地詳細信息，包括土地編號，地主，土地類型，種植的植物以及生長情況等等；點擊第二個“包裹”按鈕，可以購買土地，填寫土地名字，選取土

地類型，連接到showGarden.jsp 生成支付系統，進入到網銀進行支付。點擊右側的第三個“植物”按鈕，可以選擇你想種植的植物。效果參考圖16。

圖16 幸福菜園界面

（4）購物車模塊

在訂單模塊中，數量輸入框，點擊輸入數量可以輸入數量的在查看購物車頁面中，單擊“-”和“+”圖標，或者在“數量”文本框中輸入購買數量，可以對應從購物車中增加減少指定商品，單擊“清空購物車”，將退回購物車中的全部商品，單擊“繼續購物”用戶可以繼續購買物品，返回上一個購物界面，如果用戶確認購買當前購物車中的全部商品，單擊“生成訂單”，進行訂單處理。

2.2 系統后臺設計

（1）聊天系統

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

（2）商品管理

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

圖17 聊天界面

（3）公告管理

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

圖18 商品管理界面

圖19 公告管理界面

3 總結

由于受到時間的限制，自身知識和開發經驗的匱乏的原因，開發的網站還存在不足有待于改進的地方。縱觀整個系統的設計與實現過程，發現操作過程中所涉及的知識面很廣，需要對系統有較強的分析問題、解決問題的能力，還要求具有創新精神和獨立學習研究的毅力。

[1]王建明，唐愛國，杭志.征服JSP企業網站開發.北京：科學出版社，2008

[2]梁元棟.基于JSP技術的電子商務網站設計與實現（全文），碩士，2010.11

[3]王林瑋.JSP網絡開發技術與案例應用.北京：機械工業出版社，2008.1

[4]汪孝等.JSP數據庫開發實例精粹.電子工業出版社，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