外設(shè)銷售網(wǎng)站的設(shè)計與實現(xiàn)

題目：外設(shè)銷售網(wǎng)站的設(shè)計與實現(xiàn)目錄摘要 1英文摘要 21前言 外設(shè)銷售網(wǎng)站的設(shè)計與實現(xiàn)摘要：伴隨著市場全球化，世界經(jīng)濟(jì)一體化，人們的購買能力和需求都大大提升。外設(shè)銷售網(wǎng)站作為一類互聯(lián)網(wǎng)電子商務(wù)系統(tǒng)，同時也在高速發(fā)展。外設(shè)銷售網(wǎng)站具有常規(guī)電子商務(wù)所具有的優(yōu)點(diǎn)：價格低，種類多，形式簡單；傳統(tǒng)外設(shè)實體店不具備24小時營業(yè)的優(yōu)點(diǎn)。外設(shè)銷售網(wǎng)站在當(dāng)今廣泛使用電子設(shè)備的社會環(huán)境中有著良好的市場，這種專營外設(shè)商品的網(wǎng)站給廣大顧客帶來明確的商品指向。本次課題研究是實現(xiàn)了外設(shè)銷售網(wǎng)站的設(shè)計，文中介紹了此行業(yè)的發(fā)展前景與優(yōu)劣勢，本系統(tǒng)基于框架Spring+SpringMVC+Hibernate和采用mySQL數(shù)據(jù)庫。系統(tǒng)包括用戶角色、商家角色和管理員角色。實現(xiàn)了用戶注冊登錄，瀏覽外設(shè)商品，對商品進(jìn)行對比，加入購物車并結(jié)算等功能；實現(xiàn)了商家添加商品上架，下架商品，查看訂單等功能；實現(xiàn)了管理員添加、凍結(jié)商家進(jìn)入后臺系統(tǒng)等功能。最后文中對系統(tǒng)的主要功能進(jìn)行了測試，功能基本可以實現(xiàn)。整個系統(tǒng)結(jié)構(gòu)清晰，功能明確，頁面風(fēng)格鮮明，易操作，適合客戶和商家的需求，使交易能夠更加方便快捷。通過對此課題的研究發(fā)現(xiàn)，現(xiàn)在網(wǎng)絡(luò)科技發(fā)達(dá)，某些大型購物網(wǎng)站及知名品牌專營有著大量的消費(fèi)人群，新型網(wǎng)站缺少知名度而難以生存，但外設(shè)銷售網(wǎng)站的開發(fā)數(shù)量不多，有著良好的市場前景。關(guān)鍵詞：外設(shè)銷售；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選題背景在我們的現(xiàn)代生活中，不能沒有網(wǎng)絡(luò)，網(wǎng)絡(luò)改變了我們的生活節(jié)奏和方式，尤其是網(wǎng)絡(luò)購物，你可以足不出戶買到你想買的物品無論生活用品、生鮮食材，也可以在有空閑時間但不能出門購物的時間里利用網(wǎng)絡(luò)瀏覽你想要的物品，人們對網(wǎng)絡(luò)購物的需求越來越大。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，人們對網(wǎng)絡(luò)購物的接受能力越來越高。傳統(tǒng)的購物方式由于其類型、價格等原因不能使得當(dāng)代消費(fèi)者的需求得到滿足，而網(wǎng)上購物借由互聯(lián)網(wǎng)和電腦或移動設(shè)備，以及它們的輕便，信息更新快等友好特性，受到購物者們的喜愛。當(dāng)今社會，網(wǎng)絡(luò)購物不僅在消費(fèi)者眼中地位越來越高，網(wǎng)購平臺可以給經(jīng)營者帶來高額收益，同時給消費(fèi)者帶來方便。但是也有的網(wǎng)站設(shè)計并沒有給經(jīng)營者和消費(fèi)者帶來更多的業(yè)績與便利，經(jīng)驗表明：只有建立更具有人性化和實用化的銷售網(wǎng)站，才能展現(xiàn)本身網(wǎng)站的特點(diǎn)。外設(shè)銷售網(wǎng)站的開發(fā)也是在這個背景下提出的，相比國內(nèi)流行的大型購物網(wǎng)站，雖然大型購物網(wǎng)站商品種類繁多，在線商品數(shù)量可達(dá)上億件，但缺乏專一性，沒有特色，而且顧客在數(shù)以萬計的商品中搜索出想要的產(chǎn)品也會增加難度，使更多的人將時間浪費(fèi)在瀏覽自己用不到的商品上，而外設(shè)銷售網(wǎng)站系統(tǒng)以有明確目的選購商品的顧客為主，商品種類多樣，技術(shù)含量高，能夠滿足市場的特殊需求。同時它解決了實體店的商品種類少，品牌樣式單一等問題，可以給有需求的消費(fèi)者提供一個方便、安全、快捷的平臺。1.2目的與意義現(xiàn)如今網(wǎng)絡(luò)科技的飛速發(fā)展，全球已經(jīng)進(jìn)入信息化世界，電子商務(wù)已經(jīng)成為了現(xiàn)在的主流商業(yè)模式。據(jù)商務(wù)預(yù)報監(jiān)測，2018年6月份網(wǎng)購平臺銷售額增速最快，如圖1-1所示。由此可見消費(fèi)者的網(wǎng)購消費(fèi)能力在飛速提升，在眾多網(wǎng)購平臺中，本次課題研究希望建立一個具有特色、符合大眾的外設(shè)銷售網(wǎng)站。網(wǎng)上購物有以下意義：網(wǎng)絡(luò)購物平臺可以一天24小時、365天營業(yè)，不需要專門的人員看守店鋪，而實體店鋪主要營業(yè)在工作時間內(nèi)，遇到環(huán)境因素或者突發(fā)情況時不能營業(yè)；網(wǎng)絡(luò)購物平臺可以展示成千上萬種商品，實體店面只能展示固定數(shù)量商品；網(wǎng)絡(luò)購物平臺面向全國各地，甚至國外的顧客，可以在店內(nèi)迅速找到你需要的商品。實體店的顧客數(shù)量受距離范圍影響不會變化過多。圖1-12018年6月份重點(diǎn)零售企業(yè)分業(yè)態(tài)銷售額同比增速排行圖網(wǎng)絡(luò)技術(shù)在不斷進(jìn)步，外設(shè)銷售網(wǎng)站也成為了網(wǎng)上一種銷售外設(shè)的新型方式，成為了電商中不可缺少的一部分，外設(shè)銷售網(wǎng)站的方便、快捷、商品種類多等優(yōu)點(diǎn)對實體店有一定的沖擊，是機(jī)遇同時也是挑戰(zhàn)。外設(shè)銷售網(wǎng)站是以互聯(lián)網(wǎng)為基礎(chǔ)在網(wǎng)絡(luò)上對外設(shè)產(chǎn)品進(jìn)行銷售，該系統(tǒng)普通用戶可以瀏覽各式各樣外設(shè)商品的信息，更人性化的是可以將同類產(chǎn)品進(jìn)行對比，使用戶更加了解產(chǎn)品的多方面信息和購買到更加稱心的商品；該系統(tǒng)的商鋪也不僅是一家，這樣就增加了商品的多樣性，提升了顧客購買商品的可選擇性，價格也比市場優(yōu)惠。不僅僅是外設(shè)銷售這個行業(yè)的發(fā)展，也帶動著物流行業(yè)的發(fā)展，也順應(yīng)著網(wǎng)上支付的潮流，甚至在推動互聯(lián)網(wǎng)行業(yè)前進(jìn)。在充滿著電子設(shè)備的生活中，辦公工作缺少不了電腦、打印機(jī)，每家每戶也都必備電腦等電子產(chǎn)品，還有越來越火熱的電子競技也被大家熱衷，所以外設(shè)產(chǎn)品在人們生活中也成為了必需品，外設(shè)銷售網(wǎng)站也成為了電子商務(wù)不可缺少的一部分，在這樣的環(huán)境下，外設(shè)銷售網(wǎng)站也一定有可觀的未來。本系統(tǒng)實現(xiàn)了普通用戶模塊、商家模塊、管理員模塊三大部分。通過本系統(tǒng)可以給用戶選購?fù)庠O(shè)商品帶來便利，提高商家管理商品的工作效率。

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

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

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

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

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