一、“好味道”零食購物網站系統調查項目背景介紹第一，隨著國民收入水平的提高，人們有能力消費這些休閑食品，消費模式也在逐漸向享受型轉變，對休閑食品的需求也從過去純粹追求飽腹逐步向營養健康多元化方向發展，一部分小群體的需求日益引起了商家的注意，例如：健身愛好者需要補充蛋白質，就會對堅果類產品有需求，而養生愛好者則講究營養均衡，對各類產品都有一定需求。消費群體不再只局限在兒童和青少年，社會白領階層逐漸成為休閑食品消費的主力軍，其中的市場前景廣闊，有較大的發展潛力。第二，由于近些年食品安全事件頻出，人們對食品的安全和營養越來越關注，以前單純只是是追求飽腹到現在開始關注食物的各種功效，食療越來越成為一種時尚，也是由于科技的發展，人們的平均壽命不斷增長，這使得消費者的健康意識也在不斷的增強，由過去一味地胡吃海喝向追求營養均衡轉變，消費者的消費習慣發生了翻天覆地地變化。還有一些健身愛好者日常鍛煉所需的微量元素也可以從種類繁多的休閑食品中獲得，更有一些養身愛好者追求營養，綠色環保，講究少食多餐，單獨小量包裝的休閑食品是他們的不二之選。第三，消費者對產品品質和服務的重視程度日益提升。建立網站有益于樹立企業誠實，值得信賴的形象，特別是食品類網站，對食品品質要求很高，如果沒有一個可靠值得信賴的形象，不會有消費者愿意購買，當前的消費者在購物時不再單純考慮價格因素反而有時價格高但食品質量更安全，品質更高和服務更便捷的商品會更獲得他們的青睞。由于當前互聯網技術和物流的發展，時間和空間不再是限制市場擴大的因素，這對企業而言，是把雙刃劍，一方面市場可以不斷擴大，快遞能到的地方商品就能賣到，甚至走向國際，市場潛力巨大；另一方面銷量的不斷攀升，在產品質量和品質方面就提出了嚴峻的挑戰，以次充好，缺斤少兩的情況在當今市場并不少見。值得注意的是，借助互聯網和物流的市場擴大不是沒有條件的，只有那些口碑好，品牌認可度高的企業才會較快地被消費者接受，一開始值得信賴的企業形象是市場擴張的第一步，而后更優質的食品品質和高效貼心的服務才會進一步促進市場的擴張，這是因為網絡購物的特殊性，網絡購物不是一錘子買賣，它會有消費者對產品的評價和評分以及購物時體驗的反饋，這些評價又相對公開透明，極大的會影響到其他消費者的決策。（二）網站開發的必要性21世紀，中國經濟穩定增長，在國家政策和各方資金的保駕護航下，我國電商行業也呈現蓬勃發展的的好前景，實體經濟與電子商務的結合不斷深入，各大領域與電子商務的完美結合也給食品行業的電商化提供了寶貴經驗，人們的購物習慣也已經發生了巨大的變化，線上購物將會是以后的主要購物方式，各家企業開發線上網站的重要性不言而喻，為滿足消費者需求，拓展市場份額開發出一個網站平臺展示企業的文化、產品，讓顧客通過這個網站平臺有低成本、高效益、方便快捷的滿意購物體驗。本網站的開發是受到了“三只松鼠”發展歷程的啟發，從線下出發向線下推廣，首先搶占線上市場，培養消費者忠誠度，樹立品牌形象。并且當前市場上沒有這樣專門的零食購物網站，大多是綜合型網站，但我要做的是一個專業化的零食購物網站，同時可以與其他知名度較高的食品品牌如三只松鼠，良品鋪子等合作。建立這樣一個網站目的是希望給消費者提供一個便利，有效的購物渠道以及與我們及時聯系反饋的平臺。（三）可行性分析1、經濟可行性對于搭建一個購物網站來說，所耗費的成本主要是前期系統開發、網站服務器以及后期系統搭建成功后的營銷推廣費用，在開發初期，投入的成本可能會很多，但是一旦本系統成功開發，在目標群體中打開知名度，瀏覽量就會極大地轉化為成交量，實現盈利，“好味道”零食購物網站與其他的休閑零食品牌的相互促進作用也會極大地減少后期的營銷推廣投入，為公司節約大量的資金。由于oracle數據庫和Tomcat服務器都是開源的免費的開發學習工具，本系統使用靈活方便，所需開發人員不多，技術也不是很復雜，開發周期較短因此開發成本低。另外，Myeclipse、MySQL都是免費的開源的自由軟件，一定程度上也降低了初期的開發成本。因此，系統最終帶來的效益將會遠遠高于初期投入的開發費用及運營費用，證明了系統在經濟上完全可行。2、技術可行性本系統從設計方案以及實施技術的角度來看，都是十分合理的。本系統采用的是jsp、spring、hibernate和oracle開發，Windows8操作系統。他們是開發輕平臺的最佳組合說明本系統在技術方面的可行性。系統采用的是模型-視圖-控制器的開發模式，以hibernate和struts來搭建框架，有利于系統后期出現任何漏洞或者需要修復時對系統的維護。此外，本購物網站用戶界面設計友好與用戶有良好互動且相關提示信息醒目完善，在后臺數據庫管理方面使用的是MySQL，這使得數據庫操作具備強大的錯誤處理功能及事件處理機制。在開發工具的選擇方面，該網站選擇了當下最流行的開發工具myeclipse和tomcat服務器，因此無論是從開發效率上還是性能上來說，都可以使網站質量得到一定的保障。所以本系統在技術上完全可行。3、管理可行性本系統操作無門檻，尤其是在系統的維護方面十分的人性化，只要略微指點，用戶就能輕松操作后臺。本系統的頁面實際清晰友好，操作簡單，功能齊全，使用方便，用戶無需學習即可使用。本系統通過對不同的后臺管理員的不同權限的劃分，將后天管理員的職能細化，在本系統的后臺管理中，將管理員分為四種，分別是系統管理員、會員管理員、商品管理員、訂單管理員，針對不同的功能，都有很好的交互環節，還有一些有自動校驗功能的表單，保證了系統錄入的準確性，也在一定程度上防止了管理員操作可能出現的疏忽大意。所以本系統在管理上完全可行。通過對該系統可行性進行了詳細分析之后，系統的開發方案時切實可行的，完全可以進行開發工作。二、系統開發環境及工具介紹（一）開發環境一般來說，購物網站對于系統運行環境的需求，并不主要由硬件來決定，而是隨著快速成熟的芯片技術，硬件的發展速度已遠遠超過軟件的發展速度，換句話說，如今的硬件性能已經很出色，價格還很公道，從長遠的角度來看，我們應該盡量選擇配置高點的機器去彌補軟件方面的不足。我電腦的相關參數如下：內存：4GB儲存空間：500GB操作系統：Windows8編程語言：jsp，java編程工具：MyEclipse8.6服務器：谷歌瀏覽器,jdk1.7數據庫：MySQL（二）開發工具“好味道”零食銷售網站采用了典型的B/S網絡服務模式，利用Java語言，采用jsp+JavaScript+struts+hibernate+css+mysql技術，嚴格按照面向接口的MVC規范實現整個商城系統的開發。該系統開發的工具是Myeclipse8.6，數據庫工具是MYSQL-FRONT，測試工具是谷歌瀏覽器。1、JSP全稱JavaServerPages，翻譯過來是java服務器頁面，本質上來說它是一個簡化的Servlet設計，這個動態網頁技術標準是由Sun公司發起的、多家公司參與一起建立的。它實現了Html語法中的java擴張。JSP是在服務器端執行的，與Servlet一樣，通常返回給客戶端的就是一個html文本，因此客戶端只要有瀏覽器就能夠瀏覽。JSP的語言優點：一次編寫，到處運行；強大的延展性；系統的跨平臺支持；可維護性；高效性與安全性；多樣化和功能強大的開發工具支持。2、CSS即層疊樣式表，是用于掌控網頁格式并能夠將樣式信息與網頁內容區別的一種標記性語言。CSS樣式是告訴瀏覽器要如何格式化網頁中的某個內容，界說如何呈現HTML元素，樣式通常保存在樣式表中。所謂的樣式表就是由一些CSS樣式構成的。使用它可以極方便地并更好地操縱前臺頁面，它的內容涵蓋從精準的網頁布局定位到特殊的字體、格式，極大的方便了網頁前臺的建造。是當前技術下基于文本展示的最優秀的表現設計語言。3、Javascripts是Web頁面設計中一種現在常用的腳本語言，它在客戶端瀏覽器解釋執行，可以應用在JSP，PHP，ASP等網站中，與此同時，它還是弱類型、動態類型、基于原型，內置支持類型的一種語言。JavaScript引擎作為瀏覽器的組成部分，是被廣泛應用于客戶端的腳本語言，它可以給HTML網頁增加動態功能，同時向HTML頁面添加與用戶的交互行為。4、開發工具--MyEclipse，它是在eclipse基礎上添加了自己的插件開發而成、功能擴充完善的企業級集成開發工具，它主要應用于Java及JavaEE、移動應用的開發。MyEclipse的功能十分的完備，不僅支持代碼的配置、編寫、測試還能刪除一些錯誤。作為一個功能十分的豐富的J2EE集成開發工具，MyEclipse擁有完整的編碼、調試、測試和發布功能，還能為HTML,JSP,Javascript,CSS,Struts,SQL提供鼎力的支撐。MyEclipse優點：免費；功能豐富的插件；代碼自動排版布局功能；還有一些中文包；為多種操作系統提供支持。5、數據庫--MySQL，在Web應用方面，MySQL是最佳的關系數據庫管理系統應用軟件之一。它是將數據存儲在分別的數據表中，而不是將所有數據放在一個大倉庫內，這樣就提高了系統的流暢性并優化了其靈活性。它是用于訪問數據庫的大眾化的標準語言。它的優點是總體成本低、體積小、速度快、源碼開放，因此一般中小型網站的搭建都會選擇MySQL作為數據庫。6、Tomcat服務器是免費的開源的Web應用服務器，它屬于輕量級應用服務器，因它無成本負擔、方便靈活、性能穩定、技術先進等若干優點，所以深受眾多Java程序員的青睞以及部分軟件開發商的認同，因而成為目前比較主流的Web應用服務器。Tomcat是Apache服務器的擴展，但是Tomcat是獨立運行的，所以在運行tomcat的時候，它實際上是與Apache進程獨立單獨運行的。三、系統分析（一）需求分析本購物網站的建立是為了給用戶提供一個方便的網上購物途徑，所提供的服務主要包括商品瀏覽、商品查詢、商品詳情查看、商品訂購服務、購物車管理、訂單查看服務、用戶個人信息管理服務等等，將各式商品排列展示在網站里，用戶可以通過熱門推薦或直接輸入商品名稱查詢到所需要的商品，并快速方便地查看商品的詳情信息，挑選合適的商品，完成整個購物流程。系統設計之初，首先需要對所設計開發網站的整體業務有一個全面的認識，對整個業務流程進行完整的歸納分析，業務流程清晰明了，再找對應的業務角色，確定相關角色的功能需求，有了一個邏輯清晰的需求之后，最后進行詳細頁面的設計及相關功能的開發實現。以下是“好味道”零食銷售網站的業務流程圖：圖3-1系統業務流程圖用戶登錄系統，用戶第一次以游客身份瀏覽網站，但若想完成購物必須先注冊，以注冊身份進行購買，用戶打開登錄界面，已完成注冊的用戶可以直接輸入用戶名和密碼登錄，身份驗證無誤后即可登錄，未注冊的會彈出提示注冊消息。商品查詢，用戶可以在本系統通過熱門推薦或最近上新或商品關鍵字查詢自己想了解購買的商品，在首頁最上方有搜索框，可直接輸入進行查詢，使用戶快速方便的找到自己所需要的商品。商品詳情查看，用戶找到自己有意購買的商品后，點擊圖片就能打開商品信息詳情頁面，查看本網站給商品添加的相關詳細信息，其中包括商品名稱、介紹、單價、相關優惠活動、基本屬性等信息。購物車管理，用戶瀏覽商品后，將有意向購買的商品直接加入購物車，然后到購物車查看所添加的商品，購物車可以進行管理，比如商品數量的增加和減少，最終確認要購買的商品，然后提交訂單即可完成整個購物流程。訂單查看服務，用戶提交的訂單之后，可到訂單管理查看所有的訂單信息及訂單狀態，掌握訂單的實時更新狀態。個人信息管理服務，方便已注冊用戶查看個人信息，進行個人信息的增刪改查操作，包括用戶的會員資料、基本信息、瀏覽記錄、購買記錄等等。商品信息管理服務，方便管理員在后臺登錄，進行商品信息增刪改查操作，包括商品的價格，庫存和相關的優惠信息，也可以進行商品的上新和下架。訂單管理服務，主要為管理員在后臺管理訂單提供服務，進行與訂單有關的增刪改查的操作，包括訂單信息處理，訂單信息刪除等。（二）用例建模在網站設計中，用例圖是用來表現網站的用例，參與者以及他們之間的關系的圖，用一個小人形象表示用例，橢圓表示參與者，用帶箭頭的線段表示他們之間的關系，它是從網站的需求分析設計到最后網站實現的至關重要的一步。它會給你描述出用戶與用戶之間，用戶與網站之間的各種關系，以及在用戶的認知中，網站可以給用戶提供什么樣的服務，以便使網站的用戶更加便捷容易的了解到它們之間的關系，以便于在搭建網站時理清順序最終實現這些功能。在“好味道”網站中，用戶需要完成會員注冊和登錄，才可擁有查看商品詳情，加入購物車，查看購物車，查看訂單，取消訂單的一系列權限以及根據所需瀏覽服務，查看服務的具體信息，對所需要的商品進行訂購，完后支付等操作。在其中，參與者與用例之間的關聯關系是通信關聯，不帶線頭的是雙向導航，而帶箭頭的是單向導航。用例可以方便便捷的考到系統的行為，但卻不規定怎樣來實施這種行為這一點是極為重要的，因為系統分析可能會更加努力的不被已實現的細節去影響它，最終的結果便是用例需要被實現。而在UML中協作是被用例的元素來實現的。在其中，用例圖分為了用戶的用例圖與管理員的用例圖，如下圖3-2，圖3-3所示：1、“好味道”零食銷售網站用戶用例圖圖3-2用戶用例圖2、“好味道”零食銷售網站管理員用例圖圖3-3管理員用例圖3、相關用例圖事件流表表3-1“用戶注冊”用例的事件流1“用戶注冊”1.1簡單描述本用例用于用戶會員注冊。1.2前置條件無。1.3后置條件系統保存用戶會員信息。1.4事件流1.4.1基流用戶希望在網站中注冊會員時，觸發用例。用戶向網站發出注冊申請。系統為用戶跳轉到會員注冊頁面。用戶輸入會員信息并提交給網站系統。網站驗證會員名是否已經存在（E-1），如果沒有，保存用戶所注冊 的會員信息，用例結束。1.4.2替代流E-1：如果用戶所注冊的會員名已經存在，則提示“會員名已存在”，返回最初會員注冊頁面。表表3-2“會員登陸”用例的事件流2“會員注冊”2.1簡單描述本用例用于用戶會員登陸。2.2前置條件會員已經在網站中注冊。2.3后置條件會員登陸網站。2.4事件流2.4.1基流用戶希望在網站中登陸時，觸發用例。用戶向網站發出登陸申請。系統為用戶跳轉到會員登陸頁面。系統為用戶跳轉到會員登陸頁面。用戶輸入會員信息并提交給網站系統。網站驗證會員賬號和密碼是否匹配（E-1），如果是，用戶成功登陸 網站，用例結束。2.4.2替代流E-1：如果用戶所輸入的用戶名和密碼不匹配，則提示“輸入有誤”，返回最初會員登陸頁面。表表3-3“購物車”用例的事件流3“購物車”3.1簡單描述本用例用于系統將會員所選商品加入購物車。3.2前置條件會員已經在網站中登錄并選定商品。3.3后置條件網站系統將會員所選商品加入購物車。3.4事件流3.4.1基流用戶希望將商品加入購物車時，觸發用例。會員將所選商品提交給網站系統。系統判斷會員所選商品是否有貨（E-1），如果有，將這些商品加入用戶購物車，用例結束。3.4.2替代流E-1：如果會員所選商品無庫存，則提示用戶并返回商品展示頁面。表表3-4“會員信息修改”用例的事件流4“會員信息修改”4.1簡單描述本用例用于管理員修改會員信息。4.2前置條件無。4.3后置條件網站系統保存會員信息修改結果。4.4事件流4.4.1基流4.4.1基流管理員修改會員信息時，觸發用例。會員提出修改會員信息請求。系統轉入會員信息修改頁面。管理員輸入修改的會員信息。系統保存修改后會員信息。4.4.2替代流無表表3-5“訂單狀態修改”用例的事件流5“訂單狀態修改”5.1簡單描述本用例用于管理員修改訂單狀態信息。5.2前置條件無。5.3后置條件網站系統保存訂單狀態信息修改結果。5.4事件流5.4.1基流管理員修改訂單狀態信息時，觸發用例。管理員提出修改訂單狀態信息請求。系統轉入訂單狀態修改頁面。管理員輸入修改的訂單狀態信息。系統保存修改后訂單狀態信息。5.4.2替代流無表表3-6“訂單狀態刪除”用例的事件流6“訂單狀態刪除”6.1簡單描述本用例用于管理員刪除訂單狀態信息。6.2前置條件無。6.3后置條件網站系統保存訂單狀態信息刪除結果。網站系統保存訂單狀態信息刪除結果。6.4事件流6.4.1基流管理員刪除訂單狀態信息時，觸發用例。管理員提出刪除訂單狀態信息請求。系統轉入訂單狀態信息刪除頁面。管理員輸入刪除的訂單狀態信息。系統刪除訂單狀態信息。6.4.2替代流無。表3-7表3-7“商品選購”用例的事件流7“商品選購”7.1簡單描述本用例允許用戶在線選購商品。7.2前置條件用戶選購商品前必須有會員身份。7.3后置條件用戶選擇自己需要的商品，并提交相應的訂單。7.4事件流7.4.1 基流當用戶想要進行選購時，用例啟動。（1）用戶單擊選擇商品頁面。（2）系統顯示商品列表。（3）用戶提出選購某商品。（4）系統檢查是否缺貨（E-1），購物車中加入相應的商品信息。7.4.2替代流E-1：缺貨時，屏幕顯示缺貨信息頁面。用戶選擇缺貨策略（放棄還是等待直到有貨）。表3-8表3-8“管理員登錄”用例的事件流8“管理員登錄”8.1簡單描述本用例用于管理員登錄操作。8.2前置條件登錄用戶必須是授權管理員。8.3后置條件8.3后置條件用例成功后，頁面跳轉至登錄成功的管理員主頁。8.4事件流8.4.1基流管理員在“好味道”網站登錄時觸發用例。（1）系統轉到管理員登錄頁面。（2）管理員填寫賬號密碼等信息。（3）系統檢查信息是否有效（E-1），若有效，則管理員跳轉至登錄成功主頁面。8.4.2替代流E-1：如果管理員輸入的登錄信息無效，系統顯示錯誤信息并轉到錯誤頁面，管理員重新填寫信息登錄，或者取消登錄，用例結束。表3-9表3-9“管理員訂單管理”用例的事件流“管理員訂單管理”9.1簡單描述本用例用于管理員訂單查詢修改與刪除操作。9.2前置條件下單用戶對訂單提出修改請求。9.3后置條件用例成功后，新訂單信息加入數據庫。9.4事件流9.4.1基流管理員在“好味道”網站進行訂單查詢修改與刪除時觸發用例。（1）系統轉到訂單查詢頁面。（2）管理員對訂單信息進行修改。（3）用戶是否滿意（E-1），若滿意，則管理員將訂單信息加入數據庫并修改狀態。9.4.2替代流E-1：如果用戶對訂單不滿意，管理員重新進行訂單修改，或者取消訂單，用例結束。表3-10表3-10“管理員商品管理”用例的事件流10“管理員商品管理”10.1簡單描述本用例用于管理員對商品信息增刪改查操作。10.2前置條件操作用戶必須是登錄管理員。操作用戶必須是登錄管理員。10.3后置條件用例成功后，對變化后的商品信息進行保存。10.4事件流10.4.1基流管理員在“好味道”網站對商品信息進行查詢改動時觸發用例。（1）管理員登錄頁面并申請進行商品信息查詢。（2）系統跳轉至商品信息查詢頁面。（3）管理員對商品信息進行增刪改操作。（4）系統檢查信息是否有效（E-1），若有效，對商品變化后的信息進行保存。10.4.2替代流E-1：如果信息無效，系統顯示錯誤信息并轉到錯誤頁面，管理員重新對商品信息進行增刪改查，或者取消操作，用例結束。表3-11表3-11“管理員信息管理”用例的事件流11“管理員信息管理”11.1簡單描述本用例用于管理員對會員信息查詢、增加、修改、刪除操作。11.2前置條件操作用戶必須是登錄的管理員。11.3后置條件用例成功后，將會員修改后信息在數據庫中保存。11.4事件流11.4.1基流管理員在“好味道”網站進行用戶信息查詢增加、修改、刪除操作時觸發用例。（1）管理員登錄網站并申請進行會員信息管理。（2）系統跳轉至會員信息頁面。（3）管理員對會員信息進行查詢、增加、修改、刪除操作。（4）系統檢查修改信息是否有效（E-1），將修改后用戶信息在數據庫中保存。11.4.2替代流E-1：如果信息無效，系統提示錯誤信息并跳轉錯誤頁，管理員重新對用戶信息進行查詢、增加、修改、刪除操作，或者取消操作，用例結束。（三）靜態建模1、類圖對一組具有相同屬性，操作，關系和語義對象的描述稱為類，它們通常是現實世界中事物的抽象描述，標準建模語言規定類圖用劃為三個格子的長方形表示，頂部的格子放類名，中間的方框放類的屬性，屬性的類型和值，下面的空間放操作，操作的參數和返回類型。類圖是以類為中心來架構的，類圖中的別的元素或屬于某個類或與類有關系。類圖不僅界說系統中的類，表示類與類之間的靜態關聯，也表示類的內部組織。通過對網站前后臺完整分析與設計，“好味道”零食網站系統基本類圖如圖3-4所示。圖3-4“好味道”網站系統類圖（四）動態建模由一組對象和他們之間的關系構成的圖叫交互作用圖，用來顯示一個交互動作，其中包括在對象間傳遞的消息。順序圖和協作圖都被稱作交互作用圖，系統動態建模常用這兩個圖表示。1、順序圖強調消息時間順序的交互作用圖是順序圖，常用來描述一些需要實時反應的系統，順序圖中一般有兩個軸，一個水平軸，一個垂直軸，分別用來表示不同的對象和時間。在順序圖中，帶有垂直虛線的矩形框表示一個對象，并注有對象名和類名，對象的生命線用垂直虛線表示，若在某段時間內對象存在則延長垂直虛線，在對象生命線間畫消息表示對象間的通信，消息用帶箭頭的線段表示。以下為“好味道”零食銷售網站的相關順序圖，分別有用戶登錄注冊順序圖，商品購買順序圖，訂單處理順序圖和商品管理順序圖。圖3-5訂單處理順序圖圖3-6商品管理順序圖圖3-7商品購買順序圖圖3-8用戶登錄順序圖圖3-9用戶注冊順序圖活動圖標準建模語言中用于系統動態建模的另一種常見工具是活動圖，它著重描述活動的順序，主要體現活動間的控制流，本質上來說是一種流程圖。以實心黑點圓表示開始，接下來按系統步驟展示功能流，例如用戶注冊活動圖中，以實心黑點圓表示開始，接下來提出注冊請求，就會為用戶轉到注冊頁面，正確填寫注冊信息后，系統判斷是否有效，有效就會保存到用戶信息數據庫中，若無效則轉到錯誤頁面，然后用在實心黑點圓外再畫一個圈的圖形作為結束標志?；顒訄D畫在一個框中定義一個工作流從哪開始到哪結束，期間發生了哪些活動，這些活動又以什么順序發生。業務過程中的動作和結果是活動圖關注的重點，以下是“好味道”零食銷售網站的相關活動圖。圖3-10注冊活動圖圖3-11登錄活動圖圖3-12“購物車”活動圖圖3-13“會員信息修改”活動圖圖3-14“訂單狀態查詢”活動圖圖3-15“訂單狀態刪除”活動圖圖3-16“訂單狀態修改”活動圖四、系統設計（一）功能結構設計1、網站前臺設計本商城網站的前臺設計，主要是根據功能進行相應的設計，力求操作方便、頁面簡潔、運行流暢，人性化。網站在首頁進行導航的劃分，其主要包括首頁，購物車，零食王國，登錄，注冊，后臺管理，以下具體說明各大模塊。會員注冊及登錄模塊：為了保證交易消息的有效性和培養客戶忠誠度，“好味道”網站將以會員機制運轉，用戶可以以游客身份瀏覽，但要成為會員才能購物。用戶在前臺登錄或注冊時，管理員可以收集并整理其個人信息，個人信息有效時則允許登錄并可以購買商品，注冊信息有效時則可以保存到用戶數據庫中。商品展示模塊：將商品分門別類，按網站設計所需展示，既能方便用戶快速找到自己所需的商品，又能充分利用好網站的空間布局，在有限空間內充分展示網站的商品，由于該模塊對用戶的購物體驗影響極大，所以要以人為本，凸顯方便。商品搜索模塊：主要是為有明確購物目標的用戶提供的一項服務，在首頁的最頂端，支持商品名稱搜索，關鍵字搜索等多種搜索方式，力求優化用戶的購物體驗。購物車模塊：該模塊主要為會員購物提供服務，由于本網站采用會員制運行，即只有會員才能在本網站購物，而游客只有瀏覽權限，會員可以將自己有意購買的商品加入購物車，也可以管理購物車的內容，進行增刪改查的操作。生成訂單模塊：會員在決定購買時，可以直接提交訂單，確認收貨信息后，網站會引導其支付，本網站支持多種支付方式，比如支付寶支付，微信支付，銀聯支付等等，支付完成后系統會自動生成唯一的一個訂單號。訂單管理模塊：網站分為前臺和后臺兩部分，對前臺而言，客戶可以查看訂單詳情，確認收貨以及做出評價或者提出退換貨申請；對后臺而言，管理員可以跟蹤并記錄訂單情況，包括新訂單提醒，訂單處理記錄，訂單查詢及階段性訂單統計等功能。圖4-1前臺功能結構圖2、網站后臺設計本商城網站的后臺設計，主要以功能為主，所以流程越簡化，操作越簡練越好，盡量保證完成一個功能在三步之內操作完畢。網站后臺頁面設計的基色是藍色，在設計時，藍色可與任意顏色搭配卻不失整體色調的協調性。在網站布局上，整體頁面采用左右分布的方式，頁面簡潔整齊，做測試功能菜單，右側是對應功能的具體操作區。本網站后臺登錄時，采用了URP(USER、ROLE、POWER)，即用戶角色權限模型。后臺管理主要功能為管理商品信息，管理會員信息，管理訂單信息。不同用戶劃分不同角色，擁有不同權限。不同管理員使用不同的賬號登錄，后臺可操作的功能不相同。這樣的設計是為了保證后臺管理員的分權，讓管理員各司其職，有條不紊的維護系統正常運行，保證為顧客提供及時便捷的服務。此外，但凡涉及到表格的管理頁面，都采取了分頁和排序的設計，這樣能高效地管理信息，同時還具備文件導出的功能，將表格信息的數據進行導出。圖4-2后臺功能結構圖（二）代碼設計代碼是代替事物稱號、屬性、狀態等象征，通常用數字、字母或它們的組合來體現。代碼設計的規則包括唯一性、規范性和通用性、可擴展性與牢固性、便于分辨與記憶、力求簡練與格式統一以及容易修改等。針對整個網站后臺，采用區間碼的編碼格式，把數據項分成三四組，每個區間表示一個含義，例如會員代碼設計中分為四個區間以U代表注冊會員，接下來分為注冊年份，注冊日期和當日注冊順序號，碼中數字的值和位置都賦予一定意義。例如以下的會員代碼、產品代碼、訂單代碼等的設計，分別如圖4-3、圖4-4和圖4-5所示。1、會員代碼設計U201906200001當日注冊順序號注冊日期注冊年份注冊用戶User縮寫當日注冊順序號注冊日期注冊年份注冊用戶User縮寫圖4-3會員代碼設計圖2、訂單代碼設計O201906200012當日訂單順序號下單日期下單年份當日訂單順序號下單日期下單年份訂單標識訂單標識Order縮寫圖4-4訂單代碼設計圖3、商品代碼設計G001001商品標識Goods縮寫類別序號商品序列號商品標識Goods縮寫類別序號商品序列號圖4-5商品代碼設計圖（三）數據庫設計基于一個指定的應用環境，構造最優的數據庫模式就是數據庫設計，數據庫設計主要是為了有效的存儲數據以滿足用戶和管理員的各種功能需求。數據表的設計是數據庫設計中的一個重要內容，根據對“好味道”零食購物網站的前臺和后臺的功能分析，前臺所用到的數據表有商品分類表、購物車表、訂單信息表、訂單詳情表；后臺需要用到的數據表有用戶信息表、管理員信息表、會員級別表、商品表。以下為“好味道”零食購物網站的數據表設計：表4-1用戶信息表列名數據類型長度主鍵允許空功能描述IDint4是否用戶IDMemberlevelInt4否否用戶級別LoginNameChar12否否用戶賬號LoginPwdChar12否否用戶密碼MemberNameChar20否否用戶姓名PhoneChar15否否聯系方式Addressvarchar100否否聯系地址ZipChar10否否郵政編碼EMailVarchar100否否郵箱RegDatedatetime否否注冊日期LastDatedatetime否否最后登錄日期LoginTimesInt4否否登錄次數表4-2商品分類表列名數據類型長度主鍵允許空功能描述IDInt4是否分類IDCateNameChar40否否分類名稱CateDescText255否否分類描述表4-3商品表列名數據類型長度主鍵允許空功能描述IDInt4是否商品IDCategoryInt4否否類別編號MerNameChar40否否商品名稱Pricedecimal8，2否否商品單價SPricedatetime8，2否否特價MerModelChar40否否商品貨號Picturevarchar100否否圖片位置MerDescText255否否商品描述ManufacturerChar60否否生產廠家LeaveFactoryDatedatetime否否出貨日期SpecialInt4否否是否特價表4-4購物車表列名數據類型長度主鍵允許空功能描述IDInt4是否購物車IDMemberInt4否否用戶編號Moneydecimal9，2否否價格小計CartStatusInt4否否購物車狀態表4-5訂單信息表列名數據類型長度主鍵允許空功能描述IDInt4是否訂單IDMemberInt4否否用戶編號CartInt4否否購物車編號OrderNOChar12否否訂單編號OrderDatedatetime否否訂單日期OrderStatusInt4否否訂單狀態表4-6訂單詳情表列名數據類型長度主鍵允許空功能描述IDInt4是否訂單IDCartInt4否否購物車編號MerchandiseInt4否否商品編號NumberInt4否否購買數量Pricedatetime8，2否否商品單價Moneydecimal9，2否否價格總計表4-7管理員信息表列名數據類型長度主鍵允許空功能描述IDInt4是否管理員IDAdminTypeInt4否否管理員類別編號AdminNameChar12否否購物車編號LoginNameChar12否否訂單編號LoginPwdChar12否否訂單日期表4-8會員級別表列名數據類型長度主鍵允許空功能描述IDInt4是否訂單IDLevelNameChar20否否級別名稱FavourableInt4否否折扣（四）界面設計1、網站首頁界面如下所示，整個界面比較簡單從上至下分為四個部分，搜索框與網站logo在最上面，醒目也方便搜索，接著是導航欄共分為六個板塊，依次為首頁，零食王國，登錄，注冊，購物車和后臺管理，再往下分部的是熱門商品和上新，直接圖片展示，吸引顧客。圖4-6首頁截圖2、商品展示區界面如下所示，導航框固定在上面，方便瀏覽到二級頁面，三級頁面時直接跳回首頁，商品展示也是圖片為主，下面標注名字和價格，點擊圖片時可以進入商品詳情頁面。圖4-7商品展示頁截圖3、登錄界面，后臺核實用戶名和密碼正確即可成功登錄。圖4-8登錄界面截圖4、用戶注冊界面，游客單擊注冊按鈕，然后按頁面提示正確填寫個人信息，提交信息即可完成注冊成為網站會員，只有會員能在線購物，所以這是必不可少的一步，這樣也有利于后臺管理用戶，收集顧客信息，進而提供更好的，更精確的服務。圖4-9注冊界面截圖5、購物車界面如下所示，顧客可以將有意購買的商品加入購物車，也可以刪除購物車里的商品，但是提交訂單必須先登錄，游客不能完成購物行為。圖4-10購物車界面截圖6、商品詳情頁面如下所示，可以在首頁里或者零食王國界面點擊圖片即可跳轉，在詳情界面可以選擇數量并加入購物車。圖4-11商品詳情頁面截圖7、后臺管理界面如下所示，分為左右布局，采取了分頁和排序的設計，能高效地管理信息。圖4-12后臺管理界面截圖五、系統實施（一）程序設計\\用戶注冊 <strong>會員注冊</strong>USERREGISTER </div> <div> </div> <formid="registerForm" action="/user_regist.action" method="post"novalidate="novalidate" onsubmit="returncheckForm();"> <table> <tbody> <tr> <th><spanclass="requiredField">*</span>用戶名:</th> <td><inputtype="text"id="username"name="username" class="text"maxlength="20"onblur="checkUsername()"/><span id="span1"></span></td> </tr> <tr> <th><spanclass="requiredField">*</span>密  碼:</th> <td><inputtype="password"id="password"name="password" class="text"maxlength="20"autocomplete="off"/><span></span></td> </tr> <tr> <th><spanclass="requiredField">*</span>確認密碼:</th> <td><inputid="repassword"type="password" name="repassword"class="text"maxlength="20" autocomplete="off"/></td> </tr> <tr> <th><spanclass="requiredField">*</span>E-mail:</th> <td><inputtype="text"id="email"name="email" class="text"maxlength="200"><span></span></td> </tr> <tr> <th>姓名:</th> <td><inputtype="text"name="name"class="text" maxlength="200"/><span></span> </td> </tr> <tr> <th>電話:</th> <td><inputtype="text"name="phone"class="text"/></td> </tr> <tr> <th>地址:</th> <td><inputtype="text"name="addr"class="text" maxlength="200"/><span></span> </td> </tr> <tr> <th> </th> <td><inputtype="submit"class="submit"value="注冊"></td> </tr>\\會員登錄 <divclass="wrap"> <divclass="main"> <divclass="title"> <strong>會員登錄</strong>USERLOGIN </div> <div></div> <formid="loginForm"action="/user_login.action"method="post"novalidate="novalidate"> <table> <tbody><tr> <th> 用戶名: </th> <td> <inputtype="text"id="username"name="username"class="text"maxlength="20"> </td> <th> 密  碼: </th> <td> <inputtype="password"id="password"name="password"class="text"maxlength="20"autocomplete="off"> </td> <th>  </th> <td> <inputtype="submit"class="submit"value="登錄"> </td> </tr> （二）系統測試1、測試方法常見的系統測試方法有黑盒測試和白盒測試。直接在程序接口上進行測試的測試方法叫黑盒測試或功能測試，主要是為了發現是否有遺漏功能，是否有數據結構錯誤等錯誤類型；而對程序的所有邏輯路徑進行測試的測試方法叫白盒測試或結構測試，它是先選擇測試用例，通過確定實際的狀態是否與預期的狀態一致來判斷系統是否出錯。2、測試內容及結果對以下模塊點進行白盒測試：用戶管理模塊，商品管理模塊，訂單管理模塊，購物車模塊。測試結果整理如下：結束語本次網站建設對我而言是一個比較大的挑戰，雖然在之前的課堂都有學過，但比較分散，而這次的網站建設是一個綜合任務，需要把以前學的東西都整合起來，靈活運用。在整個論文選題初期我并沒有花費很多時間，一是因為確定要做網站搭建，二是因為本身比較喜歡吃零食，但目前網上沒有一個專門賣零食的網站，每次總會在逛淘寶時迷失自己，因為淘寶網站銷售的商品比較綜合，它推薦的也比較全面，總會在跳轉幾個頁面后就迷失在各色各樣的商品推薦中，我個人覺得效率低下，所以萌生了建立一個專門為吃貨服務的購物網站，所以“好味道”網站就是這樣產生的。因為去年有準備考研，在畢業設計初期就比較分心，不太認真，對各項老師發布的任務抱著得過且過的心態，還好黃鑫昊老師認真負責，及時提出了我的問題，并且在各個任務節點都會提醒我們及時完成任務，并且在選題以及畢設期間給了我們很大的幫助，提了一些建議，也讓我受益匪淺。整個畢設期間也非常感謝同學們的熱心幫助，有些不懂的地方，會給我講解。總之，這次畢業設計讓我學到了很多知識，當然更多的是回顧了四年來學過的知識，溫故而知新，相信對我未來的工作也會大有裨益。參考文獻宮小全.電子商務系統分析與設計[D].北京清華大學出版社，北京交通大學出版社，2013吳澤俊.電子商務實現技術[D].2版.清華大學出版社，2012[3]穆星宇.B2C電子商務網站分析與設計[D].云南大學,2013.[4]周公平.淺談網站建設技術在電子商務網站中的應用[J].納稅,2018.[5]許寧.易蔬電子商務網站的設計與開發[J].中國科技信息,2012.[6]王宇.基于ASP的電子商務網站中購物車設計與實現[J].電腦知識與技術,2011.[7]李森,夏靜,劉瑋琳.基于用戶體驗的B2C電子商務網站評價研究[J].2012[8]狄加利.電子產品B2C電子商務網站規劃和設計[D].吉林大學，2010[9]薛白.電子商務網站頁面中色彩的應用研究[D].青島理工大學，2015[10]徐天宇.電子商務系統規劃與設計[M].清華大學出版社，2010[11]DiegoTorresMilano.Android應用測試指南[M].李江譯.人民郵電出版社，2016[12]曹玉輝，王衛紅.移動電子商務[M].清華大學出版社，2012[13]王愛寶，仝建剛，崔勇.移動互聯網技術基礎與開發案例[M].人民郵電出版社，2012[14]JimArlow，IlaNeustadt.UML和同一過程—實用面向對象的分析和設計[M].機械工業出版社，2013[15]盧志剛.電子商務系統實踐教程[M].機械工業出版社，2010附錄首頁頁面代碼：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"

pageEncoding="UTF-8"%>

<%@tagliburi="/struts-tags"prefix="s"%>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="/1999/xhtml">

<head>

<title>好味道-零食鋪子</title>

<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>

<styletype="text/css">

body{

margin-left:0px;

background-color:#D7D7D7;

}

.style2{

color:#990000

}

.input2{

font-size:12px;

border:3pxdouble#A8D0EE;

color:#344898;

}

.submit1{

border:3pxdouble#416C9C;

height:22px;

width:45px;

background-color:#F2F2F2;

font-size:12px;

padding-top:1px;

background-image:url(bt.gif);

cursor:hand;

}

.STYLE12{

font-family:Georgia,"TimesNewRoman",Times,serif

}

.STYL