題目：外設銷售網站的設計與實現目錄摘要 1英文摘要 21前言 外設銷售網站的設計與實現摘要：伴隨著市場全球化，世界經濟一體化，人們的購買能力和需求都大大提升。外設銷售網站作為一類互聯網電子商務系統，同時也在高速發展。外設銷售網站具有常規電子商務所具有的優點：價格低，種類多，形式簡單；傳統外設實體店不具備24小時營業的優點。外設銷售網站在當今廣泛使用電子設備的社會環境中有著良好的市場，這種專營外設商品的網站給廣大顧客帶來明確的商品指向。本次課題研究是實現了外設銷售網站的設計，文中介紹了此行業的發展前景與優劣勢，本系統基于框架Spring+SpringMVC+Hibernate和采用mySQL數據庫。系統包括用戶角色、商家角色和管理員角色。實現了用戶注冊登錄，瀏覽外設商品，對商品進行對比，加入購物車并結算等功能；實現了商家添加商品上架，下架商品，查看訂單等功能；實現了管理員添加、凍結商家進入后臺系統等功能。最后文中對系統的主要功能進行了測試，功能基本可以實現。整個系統結構清晰，功能明確，頁面風格鮮明，易操作，適合客戶和商家的需求，使交易能夠更加方便快捷。通過對此課題的研究發現，現在網絡科技發達，某些大型購物網站及知名品牌專營有著大量的消費人群，新型網站缺少知名度而難以生存，但外設銷售網站的開發數量不多，有著良好的市場前景。關鍵詞：外設銷售；Spring；SpringMVC；MySQL；Hibernate

DesignandimplementationofperipheralsaleswebsiteAbstract：Withtheglobalizationofthemarketandthedevelopmentofworldeconomicintergration.People'spurchasingpoweranddemandaregreatlyimproved.AsakindofInternete-commercesystem,peripheralsaleswebsiteisalsodevelopingrapidly.Peripheralsaleswebsitehasalltheadvantagesofconventionale-commerce:lowprice,manytypes,simpleform.Traditionalstoresdonothavetheadvantagesof24-houroperation.Therealizationofperipheralsaleswebsitehasagoodmarketinthesocialenvironmentofusingtheelectronicequipmentextensively.Thiskindofwebsitespecializinginperipheralproductsbringsclearproductguidancetocustomers.Thisresearchistorealizethedesignofperipheralsaleswebsite.Thispaperintroducestheprospectandadvantagesanddisadvantagesofthisindustry.ThissystemisbasedonSpring+SpringMVC+HibernateframeworkandmySQLdatabase.Thesystemmainlyincludesuserroles,businessroles,andadministratorroles.Itimplementeduserregistrationandlogin,browsingperipheralproducts,comparingproducts,addingshoppingcartsandclearingfunctions;Itrealizedthefunctionofaddinggoodstotheshelves,removinggoods,viewingorders,etc;Administratorrolescanadd,freezemerchantsintothebackgroundsystemandotherfunctions.Finally,themainfunctionsofthesystemaretested,andthefunctionscanbebasicallyrealized.Thewholesystemhasclearstructure,clearfunctions,clearpagestyleandeasyoperation.Itissuitableforcustomersandmerchants,makingthetransactionmoreconvenientandquick.Throughtheresearchfindingsofthissubject,thedevelopmentofperipheralsalessitesmallnumber.Somelarge-scaleshoppingwebsitesandwell-knownbrandsfranchisehavealargenumberofconsumers,newtypesofwebsiteslackvisibilityandaredifficulttosurvive,butthenumberofperipheralsaleswebsitesisnotmuchdevelopment,andhasagoodmarketprospect.KeyWords:Peripheralssales；Spring；SpringMVC；MySQL；freemarker1前言1.1選題背景在我們的現代生活中，不能沒有網絡，網絡改變了我們的生活節奏和方式，尤其是網絡購物，你可以足不出戶買到你想買的物品無論生活用品、生鮮食材，也可以在有空閑時間但不能出門購物的時間里利用網絡瀏覽你想要的物品，人們對網絡購物的需求越來越大。隨著網絡技術的發展，人們對網絡購物的接受能力越來越高。傳統的購物方式由于其類型、價格等原因不能使得當代消費者的需求得到滿足，而網上購物借由互聯網和電腦或移動設備，以及它們的輕便，信息更新快等友好特性，受到購物者們的喜愛。當今社會，網絡購物不僅在消費者眼中地位越來越高，網購平臺可以給經營者帶來高額收益，同時給消費者帶來方便。但是也有的網站設計并沒有給經營者和消費者帶來更多的業績與便利，經驗表明：只有建立更具有人性化和實用化的銷售網站，才能展現本身網站的特點。外設銷售網站的開發也是在這個背景下提出的，相比國內流行的大型購物網站，雖然大型購物網站商品種類繁多，在線商品數量可達上億件，但缺乏專一性，沒有特色，而且顧客在數以萬計的商品中搜索出想要的產品也會增加難度，使更多的人將時間浪費在瀏覽自己用不到的商品上，而外設銷售網站系統以有明確目的選購商品的顧客為主，商品種類多樣，技術含量高，能夠滿足市場的特殊需求。同時它解決了實體店的商品種類少，品牌樣式單一等問題，可以給有需求的消費者提供一個方便、安全、快捷的平臺。1.2目的與意義現如今網絡科技的飛速發展，全球已經進入信息化世界，電子商務已經成為了現在的主流商業模式。據商務預報監測，2018年6月份網購平臺銷售額增速最快，如圖1-1所示。由此可見消費者的網購消費能力在飛速提升，在眾多網購平臺中，本次課題研究希望建立一個具有特色、符合大眾的外設銷售網站。網上購物有以下意義：網絡購物平臺可以一天24小時、365天營業，不需要專門的人員看守店鋪，而實體店鋪主要營業在工作時間內，遇到環境因素或者突發情況時不能營業；網絡購物平臺可以展示成千上萬種商品，實體店面只能展示固定數量商品；網絡購物平臺面向全國各地，甚至國外的顧客，可以在店內迅速找到你需要的商品。實體店的顧客數量受距離范圍影響不會變化過多。圖1-12018年6月份重點零售企業分業態銷售額同比增速排行圖網絡技術在不斷進步，外設銷售網站也成為了網上一種銷售外設的新型方式，成為了電商中不可缺少的一部分，外設銷售網站的方便、快捷、商品種類多等優點對實體店有一定的沖擊，是機遇同時也是挑戰。外設銷售網站是以互聯網為基礎在網絡上對外設產品進行銷售，該系統普通用戶可以瀏覽各式各樣外設商品的信息，更人性化的是可以將同類產品進行對比，使用戶更加了解產品的多方面信息和購買到更加稱心的商品；該系統的商鋪也不僅是一家，這樣就增加了商品的多樣性，提升了顧客購買商品的可選擇性，價格也比市場優惠。不僅僅是外設銷售這個行業的發展，也帶動著物流行業的發展，也順應著網上支付的潮流，甚至在推動互聯網行業前進。在充滿著電子設備的生活中，辦公工作缺少不了電腦、打印機，每家每戶也都必備電腦等電子產品，還有越來越火熱的電子競技也被大家熱衷，所以外設產品在人們生活中也成為了必需品，外設銷售網站也成為了電子商務不可缺少的一部分，在這樣的環境下，外設銷售網站也一定有可觀的未來。本系統實現了普通用戶模塊、商家模塊、管理員模塊三大部分。通過本系統可以給用戶選購外設商品帶來便利，提高商家管理商品的工作效率。

2技術介紹2.1系統架構根據外設銷售網站系統需求，本系統采用的是B/S（瀏覽器和服務器）模式架構。外設銷售網站系統需要包括高效的用戶界面渲染、快速的響應、展示數據美觀和方便的操作等性能。還需要及時處理客戶端的各種請求，快速處理客戶端發送的邏輯操作，快速建立與數據庫的聯系并對數據進行操作，快速響應查詢結果、操作結果，并將結果處理到客戶端。結合以上系統需求，本項目采用ssh(Spring+SpringMVC+Hibernate)架構作為系統程序架構。SpringMVC可以將發送到服務端的請求分派給相應功能邏輯的控制層Controller，控制層將獲取得到的參數傳遞給業務層，并允許業務層根據特定的業務流程進行處理，在處理過程中，業務層調用Hibernate的持久層Dao對象對數據庫進行操作，在完成數據庫的添加、刪除和修改后，將查詢結果返回到業務層，完成業務處理，業務流程完成之后，流程將結果返回給控制層，控制層重新獲得控制權后，控制器將處理過的數據發送到客戶端以響應消息，則完成一次請求操作。2.2技術架構本系統采用ssh架構和MySQL數據庫，界面設計采用freemarker，服務器采用Jetty，數據異步交互采用Ajax、Json、JQuery。表2-1外設銷售網站使用技術表外設銷售網站使用技術用戶界面設計freemarker數據異步交互Ajax,Json,JQuery表示層框架SpringMVC數據持久層框架Hibernate整合、注解框架Spring數據庫MySQL服務器Jetty（1）Ajax是一種服務器通信技術，是一種用于網頁異步交互的技術，Ajax允許客戶機向服務器發送信息并從服務器接收回程，這允許你在不刷新整個頁面的情況下重新加載一些HTML文檔，從而大大增加了良好的用戶體驗。（2）Json(JavaScriptObjectNotation,JS對象表示法)是一種輕量級數據交換格式。它具有易讀易寫的特性，因此在代碼編寫和執行速度方面這種格式都有優勢。（3）JQuery是一個快速、簡潔和靈活的JavaScript腳本庫，它通過允許開發人員操縱文檔、處理事件、運行動畫或在網頁上添加異步交互（不僅僅是對用戶）來幫助我們簡化JavaScript代碼。同時也使用方便，大大提高了項目開發的效率。（4）Jetty服務器是一個靈活且可擴展的應用型服務器，它的架構相對于Tomcat的架構簡單的多，Jetty不僅可以處理大量同時連接，又可以長時間保持，雖然說Tomcat被廣泛認可使用，它的地位難以撼動，但Jetty比Tomcat的架構更加簡單，而且易于定制和擴展，這使得服務器的內存的開銷幾乎不可見，因此Jetty的市場份額在不斷地提升。2.3數據庫技術MySQL是一種關系型數據庫管理系統，在現在是比較流行和受網站開發人員喜愛的數據庫之一。本外設銷售系統使用的是MySQL5.7版本。MySQL數據庫中所使用的語言是最常用標準化的SQL語言。MySQL數據庫擁有很多特點：體積小、速度快等特點，同時由于數據庫的開源免費使用，更加得到用戶的青睞。數據庫用來存放系統的各種數據，包含了用戶方面、管理員方面和商品方面等眾多數據信息，每個數據庫表之間緊密相關，沒有數據庫，就沒有系統的正常運行，顯然數據庫在系統中的地位不可缺少。

3需求分析3.1功能需求在開發外設商品銷售網站的系統前，對各大電商購物網站的設計與功能進行了認識與學習，最基本也是最不能缺少的功能有如下功能。3.1.1用戶功能需求用戶功能用例圖如圖3-1所示。圖3-SEQ圖5-\*ARABIC1普通用戶用例圖（1）注冊登錄：用戶需要進行注冊才能登錄，需要對手機號碼進行驗證，一個手機號碼只能注冊一次，防止已經注冊的用戶再次注冊。（2）商品瀏覽：外設商品有簡單的分類便于用戶查找；商品顯示詳情頁面可直接購買或者加入購物車，前提用戶已登錄。（3）對比商品：用戶可以將同類產品進行對比，對比頁可以將商品參數信息進行列表對比，以便用戶參考選擇。（4）購物車：用戶可將滿意的外設商品加入購物車；可以刪除購物車里的商品，可以對商品數量進行增加或減少；可以統計商品總價。（5）信息修改：用戶可在個人設置頁面修改昵稱和密碼等操作。3.1.2商家用戶功能需求商家用戶對本店外設商品進行管理，管理員用戶可對商家用戶進行管理。商家用戶：商家可以添加外設商品進行上架，客戶端即可瀏覽到該商品；可以下架商品；可以查看到訂單相關信息。商家用戶用例圖如圖3-2所示。圖3-SEQ圖5-\*ARABIC2商家用戶用例圖3.1.3管理員用戶功能需求管理員用戶可添加、編輯商家的信息，對商家用戶狀態進行激活或凍結；也可瀏覽到所有商家的訂單信息。管理員用戶用例圖如圖3-3所示。圖3-SEQ圖5-\*ARABIC3商家用戶用例圖3.2性能需求（1）網絡外設銷售網站系統的核心功能是網上購物，用戶在網上購物時需要查看或購買商品。從而會產生數據的大量傳輸，用戶在注冊用戶信息的時候，有輸入驗證消息的時限，一般在60s之內完成，否則驗證碼失效，需要重新發送驗證碼。在一定的條件下如網絡速度，要求系統在網絡傳輸效率方面盡可能地提高，在網絡傳輸請求上盡快完成。（2）數據準確性由于用戶的購物憑證的關鍵數據是關于訂單詳情的數據，從而在數據的準確性上要加以保證，同時，應該保證數據的準確和一致，尤其是在數據傳輸過程中。3.3用戶友好需求（1）界面友好外設銷售網站系統的用戶為普通人群，為了滿足用戶的審美要求，和提高網站的吸引力，延長用戶瀏覽網站的時間，頁面樣式以簡潔大方、不缺乏美感的頁面設計呈現。（2）操作友好外設銷售網站系統的使用人群為大眾，主要功能的點擊展示有重點突出，頁面內盡可能展示出用戶關心的商品信息，瀏覽商品、加入購物車、結算等流程簡單易行，方便用戶操作。3.4安全性需求外設銷售系統采用了普通用戶和管理員用戶登錄界面不同，防止普通用戶登錄到后臺系統的錯誤操作。同時，在用戶輸入用戶名，密碼等重要信息時，防止發生數據庫注入問題發生。

4系統設計4.1系統功能結構系統功能結構圖主要包含普通用戶、商家用戶、管理員用戶，如圖4-1所示：圖4-1功能結構圖（1）普通用戶主要操作用戶先進行注冊，注冊成功后即可登錄。用戶信息修改主要包括：修改密碼、昵稱等。用戶成功登錄后可以點擊商品瀏覽商品信息。用戶可選中同類兩個商品以上進行商品參數對比。購物車操作主要包括：添加、修改、查看、刪除購物車商品，添加、修改送貨地址等操作。（2）商家用戶主要操作商家需先登錄才能進入后臺管理界面。商品管理主要包括：添加新的商品信息，對已有商品信息進行編輯；對商品進行上架和下架等操作。訂單管理主要包括：訂單的查看等操作。（3）管理員用戶主要操作管理員需先登錄才能進入系統管理界面。商家管理主要包括：商家信息的添加和修改，對商家狀態進行激活和凍結；訂單管理主要包括查看所有商家的訂單信息。4.2數據庫設計4.2.1數據庫表設計（1）用戶表：t_sm_user。用戶表主要用來保存用戶的手機號、密碼等信息。表4-1用戶表列名數據類型是否為空默認值備注idint(11)NO主鍵user_namevarchar(50)NO昵稱passwordvarchar(20)NO密碼mobilevarchar(20)YES手機號碼addressvarchar(255)YES地址（2）管理員表：t_sm_admin_user。主要用來保存管理員的用戶名、密碼、手機號和角色類型等信息。表4-2管理員表列名數據類型是否為空默認值備注idint(11)NO管理員iduser_namevarchar(255)NO用戶名passwordvarchar(32)NO密碼mobilevarchar(11)YES手機號role_typevarchar(20)NO角色類型statusvarchar(20)YES狀態（3）商品表：t_sm_product。主要用來保存商品的編號、名稱、類型ID、商品詳情、價格和庫存等參數信息。表4-3商品表列名數據類型是否為空默認值備注idint(11)NO商品idcover_urlvarchar(500)YES封面路徑product_codevarchar(50)NO商品編號product_namevarchar(50)NO商品名稱category_idint(11)NO類型IDbrand_namevarchar(50)YES品牌名稱stockint(11)YES0庫存detailtextYES商品詳情pricedecimal(10,2)YES價格discount_pricedecimal(10,2)YES折扣價（4）商品種類表：t_sm_category。該表主要保存商品的類別名稱、排序等信息。表4-4商品種類表列名數據類型是否為空默認值備注idint(11)NO商品種類idcategory_namevarchar(50)NO種類名稱cover_urlvarchar(500)YES封面圖片parent_idint(11)YES父類IDshow_orderfloatNO排序recommendtinyint(2)YES是否推薦（5）訂單表：t_sm_order。該表主要保存了訂單的編號、時間和金額信息以及下單的用戶名、聯系方式、電話和地址。表4-5訂單表列名數據類型是否為空默認值備注idint(11)NO訂單iduser_idint(11)NO會員IDorder_codevarchar(50)NO訂單編號payment_timedatetimeNO付款時間statusvarchar(20)NO訂單狀態續上表total_pricedecimal(10,2)NO訂單總金額user_namevarchar(50)NO聯系人mobilevarchar(20)NO聯系方式addressvarchar(500)NO地址（6）購物車表：t_sm_cart。主要保存購物車的商品數量、商品ID以及用戶名等信息。表4-6購物車表列名數據類型是否為空默認值備注idint(11)NO主鍵product_countint(11)NO商品數量user_idint(11)NO會員IDproduct_idint(11)NO商品ID（7）商鋪信息表：t_sm_corp。主要保存了商家用戶的名稱、logo，商鋪名稱、電話和狀態等信息。表4-7商鋪信息表列名數據類型是否為空默認值備注idint(11)NO主鍵create_byint(11)NO創建人create_timedatetimeNO創建時間update_byint(11)NO修改人update_timedatetimeNO修改時間corp_namevarchar(50)YES公司名稱contact_mobilevarchar(11)NO商戶聯系電話logo_urlvarchar(200)YES商家logostatusvarchar(20)NO商家狀態4.2.2數據庫邏輯模型圖系統數據庫名稱為sm，主要包含用戶表、購物車表、商品表、訂單表、管理員表、商鋪信息表和商品種類表。數據庫邏輯模型圖如圖4-2所示。圖4-2數據庫設計cdm模型圖4.3模塊詳細設計4.3.1用戶模塊用戶模塊包括注冊、登錄、修改個人信息等功能。（1）用戶注冊用戶可以在注冊頁面進行注冊賬號，輸入手機號碼，兩次輸入密碼，獲取驗證碼并輸入，點擊“注冊”按鈕，如果已注冊用戶再進行注冊會提示該用戶已注冊，若未注冊，即可注冊成功，使用該手機號碼和密碼進行登錄。用戶注冊順序圖如圖4-3所示。圖4-3用戶注冊順序圖（2）用戶登錄用戶在外設銷售系統登錄界面輸入相關信息，若未輸入手機號碼和密碼點擊“登錄”按鈕，則提示“手機號密碼不能為空”；若用戶名或密碼不正確點擊登錄則提示“手機號或密碼錯誤”；若手機號碼、密碼輸入正確即可登錄成功。若未注冊用戶可以點擊“立即注冊”按鈕進入注冊頁面進行注冊。（3）用戶信息修改用戶登錄成功之后可以點擊“我的”按鈕在個人信息頁面根據自己的需要對個人信息進行修改，例如修改昵稱，修改密碼等。4.3.2商品模塊（1）商品信息列表用戶需要登錄成功才可以進入外設銷售網站的首頁進行瀏覽，以及點擊分類進入該分類的商品展示頁面。（2）商品信息用戶在外設商品列表界面點擊外設商品即可進入商品信息界面，該界面主要展示外設商品的詳細信息，價格和圖片展示等內容，用戶可以進行立即購買或者添加購物車，若用戶未登錄即會彈出請登錄提示內容提示用戶先進行登錄操作，登錄成功后即可將商品加入購物車或立即購買。（3）對比商品用戶可以在外設商品列表點擊想要進行對比的商品，點擊“加入對比”勾選框，點擊“對比”按鈕，即可進入外設商品對比頁面，對外設商品的各項信息進行對比瀏覽。4.3.3購物車模塊（1）添加購物車用戶在進入外設商品信息界面之后，如果對商品有購買需求，可以點擊添加購物車。用戶如果是登錄狀態，即可添加進購物車，如果是未登錄狀態，則會提醒用戶進行用戶登錄操作。登錄之后返回商品信息界面，進行購物車添加的操作。用戶也可以在商品列表中點擊加入購物車。如圖4-4所示。圖4-4購物車用例圖（2）查看購物車信息用戶登錄之后可以在外設銷售系統的購物車界面查看所有已加入購物車商品的名稱、數量、價格和選中商品的總價。（3）購物車信息修改用戶登錄之后可以進入外設銷售系統的購物車界面修改購物車中商品數量，移除購物車等操作。（4）購物車結算放在購物車里的所有商品，用戶可以自定義選擇需要哪些商品進行結算，系統會根據用戶選擇的商品計算總價，可以直接在此頁面添加并選擇收貨地址，點擊結算，然后生成訂單。如圖4-5所示。圖4-5購物車結算順序圖4.3.4管理員模塊（1）商家管理商家成功登錄后可以添加外設商品上架，對商品的標題，內容、價格進行添加修改和刪除，可以將外設商品下架，以及查看訂單信息。（2）用戶管理管理員成功登錄后可以在后臺系統查看用戶除密碼以外的信息，可對用戶的狀態進行修改操作。（3）管理員用戶系統提供一個管理員賬號，該賬號登錄之后可以對商戶進行添加、激活、刪除，可以添加或刪除平臺管理員。4.3.5訂單模塊（1）添加訂單用戶勾選需要購買的外設商品并選擇收貨地址才能進行結算，點擊結算則會彈出信息框顯示訂單總價。添加訂單順序圖如圖4-6所示。圖4-6添加訂單順序圖（2）訂單支付點擊結算彈出信息框顯示訂單總價后選擇確定即可支付成功，并提示購買成功。本系統并未實現支付功能。（3）訂單查看用戶登錄之后可以在我的訂單頁面查看自己所有的訂單信息，可以查看自己購買過的商品。

5項目實現5.1項目環境配置（1）SpringMVC自動掃描controller類，只需在controller類前面配置注解@controller。（2）SpringMVC自動過濾靜態資源，freemarker頁面有很多靜態圖片，js，css文件，如果沒有<mvc:annotation-driven/>的配置，可能所有的Controller就沒有解析，當有請求的時候就沒有匹配的處理請求類，系統會找不到靜態資源。（4）SpringMVC配置視圖解析器，它的作用是將一份邏輯視圖通過解析器轉換為物理視圖返回用戶頁面。將FreeMarkerViewResolver當作視圖解析器來進行解析，將邏輯視圖解析為ftl視圖。（5）外設銷售網站系統需要上傳大量商品圖片和廣告圖片，需要有文件上傳配置。在spring-servlet.xml文件中進行multiparResolver配置。（6）創建Spring配置文件，讀取perties文件，該文件中是數據庫的連接信息。BeanPostProcessor將自動起作用，對標注@Autowired的Bean進行自動注入。（7）Spring可以完美地將hibernate進行整合，即可以使spring和hibernate的配置文件整合到一起。如圖5-1所示。圖5-1SpringMVC-hibernate配置文件整合圖聲明式事務管理構建在AOP之上的。其本質是使用面向切面編程（AOP）將需要事務相關邏輯的Java代碼放入事務邏輯處理的一個切面之中。然后使用代理模式進行封裝，Spring附帶了一個事務管理器，只需要配置一下文件，便可以輕松地將事務規則應用到業務邏輯中。（9）在web.xml文件中配置編碼過濾器，防止請求時亂碼的出現。參數值設為<param-value>UTF-8<param-value>。5.2項目架構項目架構主要包含base文件夾，controller包，model文件夾，service文件夾和utils包。（1）base：封裝系統的公用類和公用方法。framework文件夾下存放的是數據請求的相關文件；interceptor文件夾下存放的是基本攔截的方法和登錄攔截的方法；model文件夾下存放的是所有實體類的父類，包含所有實體的公共屬性。（2）controller：這個包存在所有的controller，用來處理和前臺界面的數據交互處理，manage文件夾包含商戶對商品管理的相關代碼，user文件夾包含用戶注冊登錄的信息提示等代碼。（3）model：實體類，繼承base文件夾下model類，對應的數據庫表的實體類。（4）service：存放了系統業務邏輯相關的代碼，在這個層面里對數據進行邏輯處理。（5）utils：封裝工具類，以便調用，比如時間日期處理，字符處理等。5.3功能實現5.3.1普通用戶模塊（1）用戶注冊未注冊過的用戶需要進行注冊，填寫手機號碼，兩次輸入密碼，點擊發送驗證碼，獲取驗證碼，輸入后點擊注冊，若信息無誤即可注冊成功。所屬頁面：registe.ftl。從前端界面獲取輸入信息，后臺用userSave方法校驗驗證碼和手機號碼。用戶注冊界面如圖5-2所示。圖5-2用戶注冊界面圖（2）用戶登錄用戶在登錄頁面使用手機號碼和密碼進行登錄。所屬頁面：login.ftl。從前端界面接收手機號碼和密碼，后臺用ajaxLogin方法判斷手機號碼是否為空或者錯誤，與數據庫用戶表手機號碼、密碼匹配。用戶登錄界面如圖5-3所示。圖5-3用戶登錄界面圖（3）用戶信息修改用戶登錄成功后可點擊右上角昵稱進入個人信息設置，修改昵稱和密碼等功能，所屬頁面：setting.ftl。與數據庫中用戶表昵稱、密碼進行匹配。用戶信息修改界面如圖5-4所示。修改密碼界面如圖5-5所示。圖5-4用戶修改信息界面圖圖5-5用戶修改密碼界面圖（4）商品信息瀏覽用戶登錄成功后可點擊商品圖片進入該商品詳情頁面，點擊立刻購買則直接跳轉購物車頁面，點擊加入購物車則提示加入購物車成功。所屬頁面：details.ftl。商品信息界面如圖5-6所示。圖5-6商品信息界面圖（5）商品對比用戶在同類商品中可勾選加入對比選擇框，點擊進行對比按鈕進入商品對比頁面。所屬頁面：contrast.ftl。用戶可對比品牌、價格、類型、生產年份等參數信息。商品對比頁面如圖5-7所示。圖5-7商品對比頁面圖（6）購物車管理用戶可以將加入購物車的商品數量進行逐一增減，但單個商品數量不能減為0，可以刪除購物車內商品；總價自動生成。與數據庫表中購物車表的商品ID、數量、價格等字段匹配。所屬頁面：shopcart.ftl。購物車界面如圖5-8所示。圖5-8購物車界面圖5.3.2商家用戶模塊（1）登錄外設銷售網站后臺登錄界面選擇商戶登錄，輸入正確商戶用戶名和密碼即可進入商家后臺管理系統。與數據庫表中管理員用戶表的用戶名、密碼字段相匹配。商家用戶登錄界面如圖5-9所示。圖5-9商家用戶登錄界面圖（2）商品管理商戶進入后臺管理系統后，點擊商品管理，可點擊添加按鈕進行外設商品的信息添加，如商品名稱、編號、封面圖片、品牌名稱、產地、生產年份等信息。商家添加商品信息界面如圖5-10所示。圖5-10商家添加商品信息界面（3）訂單管理商家可查看在該店鋪購買商品的訂單信息，包括訂單編號、收貨人、收貨號碼、總金額、下單時間等信息。訂單查看頁面如圖5-11所示。圖5-11訂單查看頁面5.3.3管理員用戶模塊（1）登錄外設銷售網站后臺登錄界面選擇后臺登錄，輸入正確用戶名和密碼即可進入后臺管理系統。后臺管理員登錄界面如圖5-12所示。圖5-12后臺管理員登錄界面（2）商家管理系統管理員可以添加、編輯商戶信息，如商家logo、名稱，法人姓名、身份證號、手機號等信息，保存成功后可以對商家狀態進行激活或凍結。添加商家信息界面如圖5-13所示。圖5-13管理員添加商戶圖（3）訂單管理系統管理員可查看所有店鋪購買商品的訂單信息，包括訂單編號、收貨人、收貨號碼、總金額、下單時間等信息。訂單查看頁面如圖5-14所示。圖5-14訂單查看頁面

6系統測試6.1測試概述外設銷售網站的設計與實現，對于系統中的功能模塊都是必須進行測試的，以此方式來判斷是否可以正確無誤的運行。測試環節就是為了提早發現錯誤并及時對錯誤進行更改，最后才能將功能完整、性能良好的系統給用戶使用。本系統采用的是功能測試方法，對系統幾個主要功能點進行測試，檢測主要功能是否能正常運行，包括登錄是否通過，購物車添加刪除結算是否正常，商戶添加商品是否成功。6.2主要測試用例（1）用戶登錄模塊測試用例如表6-1所示。表6-1用戶登錄測試表模塊名稱測試用例預期結果是否通過登錄模塊用戶名：admin密碼：123456彈出用戶名或密碼輸入錯誤通過登錄模塊用戶名碼：000000彈出用戶名或密碼輸入錯誤通過登錄模塊用戶名碼：123456用戶登錄成功通過（2）購物車模塊測試用例如表6-2所示。表6-2購物車測試表模塊名稱測試用例預期結果是否通過購物車模塊添加商品至購物車購物車增加此商品通過購物車模塊刪除購物車內某一商品購物車無此商品通過購物車模塊增加或減少商品數量，購物車結算總計為購物車內所有商品的價格總和通過購物車模塊商品數量為1時再點擊減少按鈕提示商品數量不能