基于JSP的智選手機(jī)商城系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

基于JSP的智選手機(jī)商城系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)摘要：隨著Internet的不斷發(fā)展，人們在網(wǎng)絡(luò)上不僅只是瀏覽網(wǎng)頁，收發(fā)郵件，還更多的利用互聯(lián)網(wǎng)這一強(qiáng)大的平臺(tái)來便利自己的生活。如今傳統(tǒng)的購物方式仍然處于市場的主導(dǎo)地位，但是這種方式并不具備便捷、隨意、時(shí)尚等網(wǎng)絡(luò)具有的優(yōu)勢，而現(xiàn)代的網(wǎng)上商城以電子商務(wù)為依托，省時(shí)、省力、節(jié)省成本，不論是對商家還是消費(fèi)者都是一件好事。建設(shè)手機(jī)商城網(wǎng)站的目的是為客戶提供自由選購所需的商品平臺(tái)，及時(shí)提供產(chǎn)品和服務(wù)的信息交流。針對不斷推陳出新的龐大智能手機(jī)市場與綜合門戶購物商城無法及時(shí)更新之間的矛盾這一問題，詳細(xì)分析了B2C商城模式以及相關(guān)的典型代表網(wǎng)上商城，采用B/S開發(fā)模式和Java語言開發(fā)一個(gè)基于JSP的智選手機(jī)商城系統(tǒng)，專門銷售手機(jī)的智選商城，解決用戶無法集中了解琳瑯滿目的智能手機(jī)的問題，實(shí)現(xiàn)對智能手機(jī)實(shí)時(shí)動(dòng)態(tài)，更新信息的集中銷售管理，消費(fèi)者能隨時(shí)下單，商家能在線接單，提高了用戶時(shí)間利用率和商家利潤。智選手機(jī)商城系統(tǒng)的實(shí)現(xiàn)將會(huì)多一個(gè)網(wǎng)上商城APP，將會(huì)有多一個(gè)購物APP的選擇。相比較于綜合類的網(wǎng)上購物商城，智選手機(jī)商城系統(tǒng)會(huì)更具有專業(yè)化和針對性。首先，對消費(fèi)者戶來說，可以不需要在綜合性的商城里購買手機(jī)，而是在更加針對性的手機(jī)網(wǎng)上商城進(jìn)行購買，根據(jù)需求或者流行趨勢從網(wǎng)站中檢索，讓用戶可以在琳瑯滿目的手品牌和型號(hào)中，挑選出最適合自己的手機(jī)。其次，對于商家來說，信息資源將得到更全面的整合，可以進(jìn)一步拓展市場，并提升品牌形象，提高商家利益。關(guān)鍵詞：智能手機(jī)，網(wǎng)上商城，B2C模式，銷售

DesignandimplementationofintelligentmobileshoppingmallsystembasedonJSPAbstract：Abstract:withthecontinuousdevelopmentofInternet,peoplenotonlybrowsewebpagesandsendandreceivee-mail,butalsomakemoreuseoftheInternetasapowerfulplatformtofacilitatetheirlives.Nowadays,thetraditionalwayofshoppingisstillintheleadingpositionofthemarket,butthiswaydoesnothavetheadvantagesofconvenient,casual,fashionandothernetworks.However,themodernonlineshoppingmall,relyingone-commerce,savestime,laborandcost,whichisagoodthingforbothbusinessesandconsumers.Thepurposeofbuildingthemobilemallwebsiteistoprovidecustomerswiththecommodityplatformtheyneedforfreepurchaseandtimelyprovideinformationexchangeofproductsandservices. Inviewofthecontradictionbetweenthehugesmartphonemarketandtheintegratedportalshoppingmallthatcannotbeupdatedintime,thispaperanalyzesindetailtheB2Cshoppingmallmodelandtherelatedtypicalonlineshoppingmall,developsasmartphoneshoppingmallsystembasedonJSPbyusingB/sdevelopmentmodelandJavalanguage,whichspecializesinsellingmobilephones,soastosolvetheproblemthatuserscannotconcentrateonunderstandingAwiderangeofsmartphoneproblems,therealizationofsmartphonereal-timedynamic,updatedinformationcentralizedsalesmanagement,consumerscanplaceordersatanytime,businessescanreceiveordersonline,improvetheusertimeutilizationandbusinessprofits. Theimplementationofsmartselectionmobileshoppingmallsystemwillhaveonemoreonlineshoppingmallappandonemoreshoppingapp.Comparedwiththecomprehensiveonlineshoppingmall,smartphonemallsystemwillbemorespecializedandtargeted.Firstofall,forconsumers,theydon'tneedtobuymobilephonesinacomprehensiveshoppingmall,butinamoretargetedmobileonlineshoppingmall.Theycansearchfromthewebsiteaccordingtotheirneedsorpopulartrends,sothatuserscanselectthemostsuitablemobilephonesamongavarietyofhandbrandsandmodels.Secondly,forbusinesses,informationresourceswillbemorecomprehensiveintegration,canfurtherexpandthemarket,andenhancethebrandimage,improvetheinterestsofbusinesses.Keywords:smartphone;onlineshoppingmall;B2Cmode;sales.目錄第1章緒論 第1章緒論1.1系統(tǒng)的開發(fā)背景及意義當(dāng)代生活水平上升很快，科技技術(shù)發(fā)展更是在近年來突飛猛進(jìn)。手機(jī)這樣商品已經(jīng)成為人們生活中的必須品。手機(jī)在生活中的作用不僅僅是電話短信，還能做到娛樂閱讀等很多功能，日益呈現(xiàn)替代PC的趨勢。根據(jù)艾瑞咨詢最新統(tǒng)計(jì)數(shù)據(jù)，2013年中國移動(dòng)購物市場交易規(guī)模達(dá)到1676.4億元，同比增長165.4%，增速是PC端網(wǎng)購的4倍多。根據(jù)艾瑞統(tǒng)計(jì)模型預(yù)計(jì)在2015年中國移動(dòng)購物市場交易規(guī)模將會(huì)達(dá)到4953.1億元，將會(huì)是未來網(wǎng)絡(luò)購物的新趨勢。手機(jī)商城app將會(huì)以現(xiàn)行優(yōu)秀B2C商城為基準(zhǔn)，在其基礎(chǔ)上不斷優(yōu)化體驗(yàn)。移動(dòng)互聯(lián)時(shí)代的來臨，顛覆了傳統(tǒng)企業(yè)的發(fā)展模式，為此更多的企業(yè)選擇電商開發(fā)手機(jī)軟件進(jìn)入?yún)⑴c電商市場的營銷。在2010年前，市場對電商判斷停留在PC端；2012年開始，微信的誕生以及智能手機(jī)普及率快速提升使得市場開始逐漸由PC端轉(zhuǎn)向移動(dòng)端，移動(dòng)端占比均由2013年的不到10%快速上升至2015年的近50%。根據(jù)大眾的消費(fèi)習(xí)慣趨勢判斷，未來這一占比仍將繼續(xù)提升。同時(shí)移動(dòng)電子商務(wù)時(shí)代的來臨，使得人們的消費(fèi)習(xí)慣逐漸向移動(dòng)端轉(zhuǎn)移。1.2國內(nèi)外研究現(xiàn)狀根據(jù)工信部的信息數(shù)據(jù)，截止到2019年上半年，我國網(wǎng)絡(luò)購物用戶規(guī)模達(dá)6.39億，占網(wǎng)民整體的74.8%。其中手機(jī)網(wǎng)絡(luò)購物用戶規(guī)模達(dá)6.22億，占手機(jī)網(wǎng)民的73.4%。從2013到2019年上半年，我國網(wǎng)購用戶規(guī)模及占網(wǎng)民整體比重每年都呈現(xiàn)上升狀態(tài)，手機(jī)購物規(guī)模也隨之不斷的上漲，從圖1-1可以判斷，未來趨勢將繼續(xù)上升。圖1-12013-2019年上半年我國網(wǎng)購用戶規(guī)模及占網(wǎng)民整體比重情況在用戶規(guī)模增長的同時(shí)，其對于線上購物所花費(fèi)的金額也越來越多。數(shù)據(jù)顯示，到2018年我國網(wǎng)購交易金額達(dá)到了57370億元，2019年將達(dá)到66610億元。另外截止到2019年10月，我國實(shí)物商品網(wǎng)上零售額達(dá)到6.5萬億元，同比增長19.8%，占社零總額比重為19.5%。20202020年中國網(wǎng)絡(luò)購物市場分析報(bào)告-產(chǎn)業(yè)現(xiàn)狀與未來規(guī)劃分析：/hulianwang/379334379334.html圖1-22013-2019年我國網(wǎng)購交易金額情況近幾年來，我國網(wǎng)絡(luò)購物發(fā)展迅速，增長率超過30%。隨著物聯(lián)網(wǎng)、大數(shù)據(jù)、新零售、云計(jì)算等概念的不斷提出，中國網(wǎng)絡(luò)購物市場將迎來巨大變革。從用戶體驗(yàn)、數(shù)據(jù)準(zhǔn)確度、配送效率等方面提升行業(yè)發(fā)展水平，行業(yè)發(fā)展趨勢由粗變精。預(yù)計(jì)到2020年，中國最大的網(wǎng)上零售市場規(guī)模將增長到4.2萬億元，相當(dāng)于美國、日本、英國、德國和法國市場的總和。根據(jù)上述數(shù)據(jù)可以很清晰的認(rèn)識(shí)到，現(xiàn)階段是國內(nèi)網(wǎng)絡(luò)購物發(fā)展的黃金時(shí)期，現(xiàn)在已經(jīng)有諸如，京東、淘寶、亞馬遜等大牌知名的購物網(wǎng)站，如果我們可以抓住機(jī)遇，立即設(shè)計(jì)一個(gè)專一的手機(jī)售賣商城網(wǎng)站，推出對手機(jī)市場集中管理的平臺(tái)，就能夠更集中地吸引顧客，勢必可以立足于巨大的網(wǎng)購市場中。1.3系統(tǒng)研究方法和內(nèi)容1.3.1研究方法本論文在撰寫過程中主要運(yùn)用了以下四種研究方法：調(diào)查研究法：填寫對有關(guān)問題的意見和建議來間接獲得材料和信息，通過網(wǎng)上發(fā)布問卷調(diào)查，來調(diào)查不同年齡段網(wǎng)民對網(wǎng)上手機(jī)商城的意見和建議。案例分析法：詳細(xì)分析B2C商城模式以及相關(guān)的典型代表網(wǎng)上商城，通過對淘寶、京東、蘇寧等案例分析，取長補(bǔ)短。需求分析法：通過對市場的調(diào)查，來了解哪些商品受歡迎的程度，來做出相應(yīng)的處。文獻(xiàn)分析法：根據(jù)論文的研究目的以及課題需要，通過查閱與論文相關(guān)的文獻(xiàn)來獲得相關(guān)資料，從而全面客觀地了解所要研究的問題，找出事物的本質(zhì)屬性，從中獲得與智選手機(jī)商城系統(tǒng)相關(guān)的信息資料。1.3.2研究內(nèi)容主要的研究內(nèi)容為智選手機(jī)商城系統(tǒng)，是面向廣大手機(jī)廠商的一套在線交易系統(tǒng)，商家可以通過接入該系統(tǒng)發(fā)布一些手機(jī)產(chǎn)品，客戶通過該平臺(tái)進(jìn)行商品的在線支付，最終通過運(yùn)輸?shù)姆绞酵瓿删€下交易。編程設(shè)計(jì)將基于B/S結(jié)構(gòu)的手機(jī)銷售電子商務(wù)系統(tǒng)結(jié)構(gòu)與功能進(jìn)行設(shè)計(jì)，如圖1-3系統(tǒng)基于B/S結(jié)構(gòu)所示：圖1-3系統(tǒng)基于B/S結(jié)構(gòu)1.4系統(tǒng)開發(fā)環(huán)境與開發(fā)工具開發(fā)環(huán)境：8GB的win10x64操作系統(tǒng)，1.8版本的JDK。其中開發(fā)將用到的插件包含但不僅限于ApacheTomcat8.5.49，jst1-1-2和加載數(shù)據(jù)庫驅(qū)動(dòng)的mysql-connector-java-5.1。開發(fā)工具：編輯器IDE使用當(dāng)前流行的EclipsejavaOxygen64-EclipseOxygen64位，該編輯器是基于Java的可擴(kuò)展開發(fā)平臺(tái)，有著免費(fèi)，開源，插件豐富等眾多的優(yōu)點(diǎn)。因速度、可靠性和適應(yīng)性而備受關(guān)注和使用結(jié)構(gòu)化查詢語言（SQL）進(jìn)行數(shù)據(jù)庫管理的MySQL，使用的版本號(hào)為5.7.24-winx64，數(shù)據(jù)庫圖形化管理界面使用NavicatforMySQL。

第2章系統(tǒng)需求分析需求分析就是調(diào)查清楚用戶的實(shí)際要求，和用戶達(dá)成共識(shí)，并且分析和表達(dá)這些需求。典型的需求分析包括了以下幾個(gè)步驟：（1）需要調(diào)查組織機(jī)構(gòu)的總體情況，了解各部門的組成和職責(zé)等，為業(yè)務(wù)流程分析做準(zhǔn)備。（2）調(diào)查各部門的業(yè)務(wù)活動(dòng)情況，包括了解各個(gè)部門輸入和使用什么數(shù)據(jù)；如何加工處理這些數(shù)據(jù)，輸出什么信息，輸出到什么部門，輸出結(jié)果的格式是什么，此為調(diào)查的重點(diǎn)；在熟悉業(yè)務(wù)活動(dòng)的基礎(chǔ)上，協(xié)助用戶明確對新系統(tǒng)的各種要求，包括信息要求，處理要求、完整性要求，這是調(diào)查的又一個(gè)重點(diǎn)。（3）對前面的調(diào)查結(jié)果進(jìn)行初步分析，分析的目標(biāo)是解決“系統(tǒng)必須做什么”，也就是說確定系統(tǒng)具備哪些功能的問題?，F(xiàn)在網(wǎng)上購物是社會(huì)上十分流行的事情，網(wǎng)購的網(wǎng)站也很多，競爭也大，但網(wǎng)購網(wǎng)站和賣家良莠不齊，有很多時(shí)候買家在網(wǎng)購時(shí)，會(huì)因?yàn)闊o法辨別真?zhèn)味袭?dāng)受騙，這不僅造成顧客錢財(cái)損失，還會(huì)影響社會(huì)網(wǎng)購質(zhì)量形象，造成不良的社會(huì)影響。所以為了規(guī)范網(wǎng)購市場，營造良好的網(wǎng)購氛圍，我們設(shè)計(jì)這個(gè)手機(jī)商城，為顧客提供有質(zhì)量有保證的權(quán)威服務(wù)。傳統(tǒng)的手機(jī)買賣實(shí)體店，存在著鋪?zhàn)鈫栴}，而且黃金地段黃金鋪?zhàn)猓^羊毛出在羊身上，再加上銷售人員的賣手機(jī)抽回購的獎(jiǎng)勵(lì)性營銷策略，往往會(huì)抬高手機(jī)的價(jià)格，這個(gè)潛規(guī)則無異于增加顧客的經(jīng)濟(jì)負(fù)擔(dān)，所以我們開發(fā)這個(gè)手機(jī)商城，目的就是為了把實(shí)體鋪位搬到虛擬網(wǎng)絡(luò)上，這樣可以最大程度上節(jié)約商家們的鋪位租賃成本，而且網(wǎng)站提供的信息更多，更齊，更具透明度，消費(fèi)者可以有更多的選擇，貨比三家，這樣可以抑制傳統(tǒng)實(shí)體店家的隨便抬價(jià)銷售的行為，引導(dǎo)網(wǎng)絡(luò)購物的走向規(guī)范化。2.1系統(tǒng)的總體需求該項(xiàng)目的總體需求是：買家根據(jù)賣家的提供的各種各樣的手機(jī)信息，進(jìn)行自主購機(jī)，選擇的商品可以加入購物車，在進(jìn)行結(jié)算時(shí)，系統(tǒng)就把訂單返回給賣家服務(wù)端；賣家可以在線上發(fā)布、下架他們的手機(jī)商品，根據(jù)訂單的信息進(jìn)行發(fā)貨。其他的業(yè)務(wù)包括，買家的退款業(yè)務(wù)，賣家處理買家的需求服務(wù)、買家物流查詢業(yè)務(wù)，賣家的庫存業(yè)務(wù)等等。買家的需求：注冊、登錄、瀏覽購買、支付、訂單管理、商品收藏、退貨管理、商品咨詢。賣家的需求：賣家通過PC端對商品進(jìn)行完全的管控，包括：商品增刪改查及推薦、用戶管理、商品問題解答、發(fā)貨、退款。2.2系統(tǒng)的業(yè)務(wù)需求用戶端和商家端的關(guān)系：（1）買家可以查詢商品，創(chuàng)建訂單或者查詢訂單。（2）賣家可以管理商品，接收訂單或者查詢訂單。以下是對系統(tǒng)兩個(gè)端（智選手機(jī)商城系統(tǒng)用戶端和智選手機(jī)商城系統(tǒng)商家端）的業(yè)務(wù)需求分析，用戶瀏覽管理結(jié)構(gòu)圖如圖2-1所示：圖2-1用戶端瀏覽管理結(jié)構(gòu)圖2.2.1手機(jī)商城系統(tǒng)用戶端用戶端功能包括：首頁、注冊、登錄、瀏覽商品、購買商品、訂單查看、物流查詢。商品瀏覽，頂部輪播圖點(diǎn)擊進(jìn)入相關(guān)頁面、在搜索欄輸入搜索內(nèi)容顯示搜索到的商品界面、在品牌旗幟店點(diǎn)擊進(jìn)入店鋪售賣頁面、顏色選擇圖片，點(diǎn)擊顯示該顏色的圖片；購買商品，通過該平臺(tái)進(jìn)行商品的在線支付，最終通過運(yùn)輸?shù)姆绞酵瓿删€下交易。注冊，主要輸入合法的必要信息，注冊成為用戶；登錄，檢驗(yàn)用戶的注冊信息；訂單管理，管理發(fā)貨單、退貨單、已完成交易的訂單；物流查詢，主要查看物流信息。 文字介紹完畢后，轉(zhuǎn)換如下圖2-2用戶端業(yè)務(wù)流程圖所示：圖2-2用戶端業(yè)務(wù)流程圖2.2.2手機(jī)商城系統(tǒng)商家端商家端功能包括：商品管理功能、訂單處理功能。商品管理功能主要包括商品上架和下架以及商品信息的更改，例如更改商品的價(jià)格以及商品庫存量等信息；訂單處理主要包括，存入消費(fèi)者的買賣信息、修改訂單、打印訂單，例如：點(diǎn)擊“已賣出的寶貝”、“發(fā)貨”、“物流信息”等功能按鈕，右邊顯示區(qū)域就會(huì)顯示相對應(yīng)的內(nèi)容、在已發(fā)貨的列表中查詢商品的物流信息。如下圖2-3商家端業(yè)務(wù)流程圖：圖2-3商家端業(yè)務(wù)流程圖2.3系統(tǒng)功能的需求分析用戶端和商家端兩個(gè)模塊，表現(xiàn)上是分別獨(dú)立存在的，但訪問的數(shù)據(jù)庫是同一個(gè)。模塊的功能根據(jù)先前完成的需求分析，并查閱相關(guān)資料后整理制作的。2.3.1用戶端功能分析 系統(tǒng)用戶端的功能模塊結(jié)構(gòu)圖如圖2-4所示：圖2-4系統(tǒng)前臺(tái)功能模塊結(jié)構(gòu)圖登錄：該功能負(fù)責(zé)判斷用戶的賬號(hào)的是否存在、密碼是否正確。注冊：該功能負(fù)責(zé)把用戶注冊的信息儲(chǔ)存到數(shù)據(jù)庫相應(yīng)的表中。搜索框：該功能負(fù)責(zé)接收用戶輸入的信息，把信息傳遞到數(shù)據(jù)庫中查詢相應(yīng)的信息。收藏：該功能負(fù)責(zé)把用戶收藏的東西保存的個(gè)人中心的收藏夾中。購買：該功能負(fù)責(zé)創(chuàng)建用戶的訂單。收藏夾：該功能顯示用戶所收藏的物品信息，點(diǎn)擊物品可進(jìn)入到相應(yīng)的物品界面。待發(fā)貨：該功能顯示用戶所下的訂單是否已經(jīng)發(fā)貨，倘若還未發(fā)貨，則顯示在代發(fā)貨頁面；倘若已發(fā)貨，則待發(fā)貨頁面中不顯示該訂單（訂單已到待收貨頁面）。待收貨：該功能顯示賣家已發(fā)貨、用戶訂購的物品發(fā)貨狀態(tài)的頁面。待評價(jià)：該功能負(fù)責(zé)顯示買家已收到的物品，并且買家可以在該物品上能實(shí)現(xiàn)評價(jià)的功能。退款/售后：該功能負(fù)責(zé)顯示買家已收到的物品，并且買家可以通過申請退款功能來實(shí)現(xiàn)賣家對該次購買的退款。2.3.2商家端功能分析 系統(tǒng)商家端的具體可參看下圖，圖2-5系統(tǒng)后臺(tái)功能模塊結(jié)構(gòu)圖：圖2-5系統(tǒng)后臺(tái)功能模塊結(jié)構(gòu)圖賣家的操作頁面，應(yīng)該盡量的簡單，清晰，操作簡單，頁面能實(shí)現(xiàn)賣家基本的增刪改查的操作導(dǎo)航精煉易讀，色彩搭配明確，布局妥當(dāng)，設(shè)計(jì)獨(dú)特，使用戶通過導(dǎo)航能夠快速了解整個(gè)網(wǎng)站的主要內(nèi)容，對網(wǎng)站內(nèi)容起到提綱挈領(lǐng)的作用商家端實(shí)現(xiàn)內(nèi)容：（1）交易管理：利用模糊查詢和順序查詢查詢訂單；（2）物流管理：賣家發(fā)貨之后，等待發(fā)貨的訂單刪除，變成了發(fā)貨中的訂單，買家確認(rèn)收貨之后賣家就能在確認(rèn)收貨的訂單看到相應(yīng)的數(shù)據(jù)；（3）商品管理：商品上下架，賣家添加商品信息到商品信息表之后買家頁面顯示出來，賣家刪除（下架）買家頁面就沒有該數(shù)據(jù)信息。2.4UML系統(tǒng)建模2.4.1用例圖用例模型的基本組成部分有用例、角色（或參與者）和系統(tǒng)楊弘平，呂海華，李波，史江萍，代欽.UML2基礎(chǔ)、建模與設(shè)計(jì)教程[M].北京：清華大學(xué)出版社，2015.51。為了實(shí)現(xiàn)從全局把握軟件系統(tǒng)的設(shè)計(jì)，將使用UML系統(tǒng)建模來詳細(xì)分析說明。楊弘平，呂海華，李波，史江萍，代欽.UML2基礎(chǔ)、建模與設(shè)計(jì)教程[M].北京：清華大學(xué)出版社，2015.51用戶業(yè)務(wù)如圖2-6手機(jī)商城系統(tǒng)用戶端用例圖所示。圖2-6手機(jī)商城系統(tǒng)用戶端用例圖商家業(yè)務(wù)如下圖2-7手機(jī)系統(tǒng)商家系統(tǒng)用例圖所示。圖2-7手機(jī)商城系統(tǒng)商家端用例圖2.4.2用例規(guī)約表為了核實(shí)智選手機(jī)商城系統(tǒng)是否滿足特定的軟件需求，也為了給后續(xù)的系統(tǒng)測試帶來重要依據(jù)，下面將使用用例規(guī)約表進(jìn)一步解釋說明系統(tǒng)的功能需求，準(zhǔn)備好下一階段開發(fā)設(shè)計(jì)的基礎(chǔ)。用戶業(yè)務(wù)描述如下表2-1至表2-6所示，商家業(yè)務(wù)描述如下表2-7至表2-10所示：表2-1用戶注冊用例規(guī)約表用例編號(hào)2-1用例名稱用戶注冊功能描述游客在尚未注冊時(shí)，首先會(huì)進(jìn)入到注冊界面，注冊后成為用戶執(zhí)行者游客前置條件手機(jī)商城系統(tǒng)正常運(yùn)行后置條件顯示成功注冊信息，可以進(jìn)行登錄基本路徑1.如果游客未注冊，選擇注冊；2.注冊信息按規(guī)則合法填寫；3.注冊成功并轉(zhuǎn)為用戶身份；4.如果用戶已注冊，則輸入登錄信息；5.角色變?yōu)橛脩舨⒊晒M(jìn)入系統(tǒng)。擴(kuò)展無表2-2用戶登錄用例規(guī)約表用例編號(hào)2-2用例名稱用戶登錄功能描述已經(jīng)成功注冊的用戶，進(jìn)入到登錄界面后，輸入登錄信息成功登錄執(zhí)行者游客前置條件手機(jī)商城系統(tǒng)正常運(yùn)行后置條件游客身份變?yōu)橛脩羯矸荩梢赃M(jìn)行下單、管理地址和修改個(gè)人信息等操作基本路徑1.游客點(diǎn)擊登錄，彈出登錄窗口；2.填寫登錄信息；3.信息正確則登錄成功，跳轉(zhuǎn)到商城界面；4.信息錯(cuò)誤則登錄失敗，重新輸入。擴(kuò)展無表2-3用戶購物車管理用例規(guī)約表用例編號(hào)2-3用例名稱用戶購物車管理功能描述用戶可以對準(zhǔn)備購買的購物車商品進(jìn)行管理，可以對購物車內(nèi)的商品進(jìn)行更新、購買結(jié)帳的操作。執(zhí)行者用戶前置條件登錄到手機(jī)商城系統(tǒng)的用戶、且購物車已有商品后置條件用戶可以管理購物車商品基本路徑1.系統(tǒng)跳轉(zhuǎn)到購物車界面；2.用戶進(jìn)行操作；3.用戶添加商品，則執(zhí)行添加購物車操作；4.購物車已存在的商品，則增加商品數(shù)量。擴(kuò)展無表2-4用戶商品管理用例規(guī)約表用例編號(hào)2-4用例名稱用戶商品管理功能描述用戶選擇商品收貨地址，購買商品支付方式，提交支付的方式。執(zhí)行者用戶前置條件登錄到手機(jī)商城系統(tǒng)的用戶后置條件用戶可以管理商品基本路徑1.點(diǎn)擊商品管理，進(jìn)入商品管理界面；2.點(diǎn)擊收貨地址可進(jìn)行收貨信息的修改；3.點(diǎn)擊支付方式選擇每次付款默認(rèn)的付款方式；4.對提交支付的商品進(jìn)行管理，如取消支付。擴(kuò)展無表2-5用戶收藏管理用例規(guī)約表用例編號(hào)2-5用例名稱用戶收藏管理功能描述用戶瀏覽商品時(shí)可以對商品進(jìn)行收藏執(zhí)行者用戶前置條件需要收藏的商品尚未被收藏過后置條件用戶將商品加入了收藏基本路徑1.在瀏覽商城時(shí)，選擇一件商品，可以點(diǎn)擊商品側(cè)方的“收藏”；2.若收藏夾無此商品，系統(tǒng)提示收藏成功；3.若收藏夾已有該商品，系統(tǒng)提示該商品曾被收藏。擴(kuò)展無表2-6用戶訂單管理用例規(guī)約表用例編號(hào)2-6用例名稱用戶訂單管理功能描述查看訂單狀態(tài)：等待發(fā)貨，發(fā)貨中，已收貨、評價(jià)、退款/收貨執(zhí)行者用戶前置條件用戶已完成支付狀態(tài)，商家已成功發(fā)貨后置條件訂單完成，交易成功基本路徑1.用戶進(jìn)入“我的訂單”界面，可以查看訂單的各個(gè)狀態(tài)；2.在“我的訂單”展示中，用戶可點(diǎn)擊查看等待發(fā)貨，發(fā)貨中，已收貨、評價(jià)、退款/收貨。3.訂單未發(fā)貨，顯示為“等待發(fā)貨”；4.訂單已被商家發(fā)貨且尚未收貨時(shí)，顯示為“發(fā)貨中”；5.訂單被簽收，用戶點(diǎn)擊確認(rèn)收貨，顯示為“已收貨”；6.交易完成后，用戶可評價(jià)，顯示為“評價(jià)”；7.用戶對到達(dá)的商品，可以申請退貨或者收貨，顯示為“退款/收貨”擴(kuò)展無表2-7商家登錄用例規(guī)約表用例編號(hào)2-7用例名稱商家登錄功能描述商家賬戶不可注冊，入駐商城后，直接由系統(tǒng)管理員派發(fā)賬戶，商家進(jìn)入到登錄界面輸入登錄信息即可成功登錄執(zhí)行者商家前置條件商家入駐商城后獲得賬戶，手機(jī)商城系統(tǒng)正常運(yùn)行后置條件商家成功登錄后臺(tái)，可以進(jìn)行商品上下架、物流管理和修改商品等操作基本路徑1.商家點(diǎn)擊登錄，彈出登錄窗口；2.填寫給定的后臺(tái)登錄賬戶信息；3.信息正確則登錄成功，跳轉(zhuǎn)到商城的后臺(tái)界面；4.信息錯(cuò)誤則登錄失敗，返回登錄界面重新輸入登錄信息。擴(kuò)展無表2-8商家交易管理用例規(guī)約表用例編號(hào)2-8用例名稱商家交易管理功能描述商家在后臺(tái)查詢已售商品，查詢交易明細(xì)，受理退款等操作執(zhí)行者商家前置條件商家已成功登錄后臺(tái)后置條件商家可以使用后臺(tái)交易功能基本路徑1.商家點(diǎn)擊“交易管理”，進(jìn)入查詢交易的界面；2.點(diǎn)擊條件查詢，賣家通過此按鈕來查詢符合條件的寶貝的詳細(xì)信息；3.點(diǎn)擊直接查詢，賣家可以通過這個(gè)按鈕來獲取已賣出的寶貝的所有詳細(xì)信息。擴(kuò)展無表2-9商家物流管理用例規(guī)約表用例編號(hào)2-9用例名稱商家物流管理功能描述商家管理物流狀態(tài)，物流管理分為：等待發(fā)貨，發(fā)貨中，已收貨執(zhí)行者商家前置條件商家已成功登錄后臺(tái)后置條件商家可以根據(jù)物流狀態(tài)更新物流信息基本路徑1.賣家打開物流管理，直接顯示所有用戶成功下單的訂單。2.賣家發(fā)貨后，點(diǎn)擊發(fā)貨按鈕；3.賣家對失敗的訂單，可以選擇訂單刪除；4.對用戶確認(rèn)收貨的訂單，系統(tǒng)顯示為“已收貨”。擴(kuò)展無表2-10商家商品管理用例規(guī)約表用例編號(hào)2-10用例名稱商家物流管理功能描述商家管理商品信息，商品管理分為：上架、下架，查詢所有商品。執(zhí)行者商家前置條件商家已成功登錄后臺(tái)后置條件商家可以成功修改自家商鋪的商品詳細(xì)信息基本路徑1.商家點(diǎn)擊導(dǎo)航欄進(jìn)入“商品管理”界面，可以對商品進(jìn)行：上架、下架，查詢所有商品。2.點(diǎn)擊“上架”，彈出商品上架信息錄入界面，用戶輸入商品的信息，如商品名、價(jià)格、圖片、備注等，填寫完畢點(diǎn)擊上架即可在本店鋪上架新商品；3.點(diǎn)擊“下架”，即可對不想繼續(xù)售賣的商品進(jìn)行下架操作；4.點(diǎn)擊“查詢所有商品”，可以查詢所有上下架的商品。擴(kuò)展無2.5安全性需求分析2.5.1系統(tǒng)的安全性針對計(jì)算機(jī)的軟件系統(tǒng)，自身的安全系數(shù)也是重要的指標(biāo)之一。提高系統(tǒng)的安全性是最系統(tǒng)的負(fù)責(zé)也是對使用者該軟件的用戶負(fù)責(zé)，應(yīng)保障用戶和商家的信息不被偶然或蓄意地增加、刪除、修改、插入等破壞的特性。只有得到允許權(quán)限才能修改進(jìn)程，并且能夠判別出實(shí)體或進(jìn)程是否已被篡改。系統(tǒng)具有對使用者有權(quán)限控制，針對角色的不通限制使用者的權(quán)限，以此來確保系統(tǒng)的安全性。針對于手機(jī)商城系統(tǒng)來說，必須要有很好的安全性來保障整個(gè)系統(tǒng)。2.5.2數(shù)據(jù)的安全性數(shù)據(jù)安全性應(yīng)該具體表現(xiàn)為，物理獨(dú)立性和邏輯獨(dú)立性，即系統(tǒng)的應(yīng)用程序和數(shù)據(jù)庫的數(shù)據(jù)是獨(dú)立運(yùn)行的，系統(tǒng)的應(yīng)用程序和數(shù)據(jù)庫的邏輯結(jié)構(gòu)也要是相互獨(dú)立的。因此保證輸入的數(shù)據(jù)符合規(guī)定，成為了數(shù)據(jù)庫系統(tǒng)，尤其是多用戶的關(guān)系數(shù)據(jù)庫系統(tǒng)共同關(guān)注的。在開發(fā)系統(tǒng)時(shí)，需要重點(diǎn)關(guān)注數(shù)據(jù)安全方面的問題，如：數(shù)據(jù)完整性、數(shù)據(jù)安全性、數(shù)據(jù)獨(dú)立性并發(fā)控制和數(shù)據(jù)故障恢復(fù)這幾個(gè)方面。2.6數(shù)據(jù)流程分析對系統(tǒng)的數(shù)據(jù)流進(jìn)行分析，系統(tǒng)的使用者分為：用戶，商家。圖2-8頂層數(shù)據(jù)流引用圖2-8頂層數(shù)據(jù)流，分析如下：輸入流：商品信息，訂單信息，會(huì)員信息輸出流：商品信息，訂單信息，會(huì)員信息邏輯：商家發(fā)布商品信息后，系統(tǒng)自動(dòng)記錄商品信息，然后商家和用戶就可以進(jìn)行瀏覽了。用戶提供信息注冊成為系統(tǒng)會(huì)員，瀏覽商城的商品，購買商品會(huì)生成商品的訂單，商家瀏覽訂單信息后可發(fā)貨。數(shù)據(jù)字典：商品信息=商品編號(hào)+商品名稱+價(jià)格+庫存數(shù)量+圖片；訂單信息=訂單編號(hào)+用戶編號(hào)+商品編號(hào)+訂購商品數(shù)量+訂單狀態(tài)+金額；用戶信息=用戶編號(hào)+會(huì)員姓名+收貨地址。2.7本章小結(jié)本章首先主要總體分析出基于JSP的智選手機(jī)商城系統(tǒng)的總體需求，并且畫出了系統(tǒng)的總體結(jié)構(gòu)圖。其次介紹了系統(tǒng)的用戶端和商家端，對兩個(gè)端的業(yè)務(wù)需求進(jìn)行分析并且用業(yè)務(wù)流程圖分別展示了用戶端和商家端的業(yè)務(wù)流程。然后，通過功能模塊圖和用例圖，展示了用戶端和商家端的功能需求，并且結(jié)合了頂層數(shù)據(jù)流對每個(gè)子功能進(jìn)行功能分析。最后，對系統(tǒng)需求的系統(tǒng)安全性和數(shù)據(jù)安全性進(jìn)行了分析，保證開發(fā)時(shí)的有較好的安全性來保障整個(gè)系統(tǒng)。

第3章系統(tǒng)設(shè)計(jì)3.1系統(tǒng)總體設(shè)計(jì)手機(jī)商城系統(tǒng)總體上分為了用戶系統(tǒng)和商家系統(tǒng)，相互之間的關(guān)系如圖3-1用戶端和商家端之間關(guān)系所示。圖3-1用戶端和商家端之間關(guān)系總體業(yè)務(wù)概述：手機(jī)商城系統(tǒng)實(shí)現(xiàn)的內(nèi)容包括：買家/賣家注冊登錄、商品分類展示、商品查詢、商品支付、商品收藏、商品推薦、訂單管理、退貨管理功能等等。前后端的總體設(shè)計(jì)如下：（1）前端內(nèi)容：網(wǎng)站界面方面，主要由JSP完成，選擇JSP的原因是JSP技術(shù)使用Java編程語言編寫類XML的tags和scriptlets，來封裝產(chǎn)生動(dòng)態(tài)網(wǎng)頁的處理邏輯。而且JSP將網(wǎng)頁邏輯與網(wǎng)頁設(shè)計(jì)和顯示分離，支持可重用的基于組件的設(shè)計(jì)，使基于Web的應(yīng)用程序的開發(fā)變得迅速和容易。在前端細(xì)節(jié)設(shè)計(jì)方面，將使用JavaScript和其框架jQuery來制作智選手機(jī)商城的網(wǎng)頁特效。選擇jQuery在于它是輕量級(jí)的js庫，兼容CSS3，以及解決各種瀏覽器之間的兼容性問題。在jQuery能方便地為網(wǎng)站提供AJAX交互，所以本系統(tǒng)將使用Ajax技術(shù)實(shí)現(xiàn)頁面和web服務(wù)器之間數(shù)據(jù)的異步傳輸，以此來實(shí)現(xiàn)局部刷新。（2）后端內(nèi)容：語言方面，系統(tǒng)的開發(fā)采用Java語言作為軟件設(shè)計(jì)的基礎(chǔ)語言，因其具有卓越的通用性、高效性、平臺(tái)移植性和安全性，而且是一種可以撰寫跨平臺(tái)應(yīng)用程序的面向?qū)ο蟮某绦蛟O(shè)計(jì)語言。邏輯方面，由servlet完成，Servlet是純Java語言，擅長于處理流程和業(yè)務(wù)邏輯，接收前端數(shù)據(jù)返回響應(yīng)。（3）后臺(tái)數(shù)據(jù)庫：數(shù)據(jù)儲(chǔ)存由mySQL數(shù)據(jù)庫完成，它使用的核心線程是完全多線程，支持多處理器，支持多鐘列類型，且支持多種聚合函數(shù)，重要的是完全免費(fèi)。3.1.1功能總覽開發(fā)前，對手機(jī)商城系統(tǒng)的主要功能，進(jìn)行了主要功能總覽的整理和優(yōu)先級(jí)排序，整理如下表3-1主要功能總覽表所示：表3-1主要功能總覽表名稱描述優(yōu)先級(jí)備注用戶登錄注冊功能用戶可以通過賬號(hào)進(jìn)行登錄，并以郵箱地址做為找回密碼的依據(jù)。1用戶購買商品功能用戶可以成功加入購物車、提交訂單、支付訂單、訂單查詢管理的功能。1商品收藏功能用戶可以對喜愛的商品進(jìn)行收藏，方便購買。2用戶退貨功能在已經(jīng)購買的商品欄中，用戶可以從訂單管理中選擇退貨。1商品評價(jià)功能用戶可以對已完成訂單的商品進(jìn)行評論。2商品退款功能用戶可以從訂單管理中選擇退款。13.1.2功能設(shè)計(jì)及思路登錄該功能負(fù)責(zé)判斷用戶的賬號(hào)的是否存在、密碼是否正確。從用戶賬號(hào)密碼的文本框中，通過使用JSP獲取保存賬號(hào)和密碼的表單，然后連接數(shù)據(jù)庫，對比數(shù)據(jù)庫中保存用戶賬號(hào)和密碼的表中的內(nèi)容是否一致，倘若不存在該賬號(hào)，則彈出“不存在該賬號(hào)”的提示框；倘若賬號(hào)存在，密碼不正確，則彈出“密碼錯(cuò)誤”的提示框；倘若賬號(hào)跟密碼都正確，則彈出“登錄成功”的提示框。關(guān)鍵處理：獲取表單是通過submit提交到處理頁面、連接數(shù)據(jù)庫、if-else判斷、alert彈出提示框、使用到user數(shù)據(jù)表。注冊該功能負(fù)責(zé)把用戶注冊的信息儲(chǔ)存到數(shù)據(jù)庫相應(yīng)的表中。從用戶的賬號(hào)、密碼、再次確認(rèn)密碼的文本框中，通過JSP獲取保存賬號(hào)、密碼、再次確認(rèn)密碼的表單，然后連接數(shù)據(jù)庫，判斷保存用戶的表中的內(nèi)容是否與表單獲取的用戶名是否重復(fù)，倘若重復(fù)則彈出該“用戶名已存在”的提示框；倘若密碼和再次確認(rèn)密碼兩處文本框獲取的值相同，則彈出“兩次輸入的密碼不相同”提示框；倘若該用戶名還未被創(chuàng)建、兩次輸入的密碼相同，則彈出“注冊成功”的提示框，并且把信息寫入到數(shù)據(jù)庫中相應(yīng)的表中。關(guān)鍵處理：獲取表單是通過submit提交到處理頁面、連接數(shù)據(jù)庫、if-else判斷、alert彈出提示框、使用到user數(shù)據(jù)表。搜索框該功能負(fù)責(zé)接收用戶輸入的信息，把信息傳遞到數(shù)據(jù)庫中查詢相應(yīng)的信息。用表單接收用戶輸入的信息，然后連接數(shù)據(jù)庫，把表單的信息與數(shù)據(jù)庫信息對比，倘若數(shù)據(jù)庫中保存這類信息的表中存有相應(yīng)的信息，則搜索欄下方反饋相應(yīng)的信息；倘若沒有找到相應(yīng)的信息，則在搜索欄下方什么也不顯示。關(guān)鍵處理：獲取表單是通過submit提交到處理頁面、連接數(shù)據(jù)庫、if-else判斷、模糊查詢、JSP頁面插入相應(yīng)的數(shù)據(jù)內(nèi)容、使用到configuration數(shù)據(jù)表。收藏該功能負(fù)責(zé)把用戶收藏的東西保存的個(gè)人中心的收藏夾中。使用表單跳轉(zhuǎn)到處理相應(yīng)邏輯的JSP頁面中，通過查詢數(shù)據(jù)庫中保存?zhèn)€人收藏的表，倘若該表中并未保存任何東西，則插入相應(yīng)的信息，并彈出“收藏成功”的提示框；倘若該表已存在相應(yīng)的信息，則刪除該條信息，并彈出“取消收藏”的提示框。關(guān)鍵處理：獲取表單是通過submit提交到處理頁面、連接數(shù)據(jù)庫、if-else判斷、使用到collect數(shù)據(jù)表。購買該功能負(fù)責(zé)創(chuàng)建用戶的訂單。使用表單跳轉(zhuǎn)到處理相應(yīng)邏輯的JSP頁面中，通過表單獲取相應(yīng)的信息，然后連接數(shù)據(jù)庫，把相應(yīng)的信息插入到數(shù)據(jù)庫中保存訂單的表中，倘若插入成功，則彈出“提交訂單成功”的提示框。關(guān)鍵處理：獲取表單是通過submit提交到處理頁面、連接數(shù)據(jù)庫、使用到phone_order數(shù)據(jù)表。個(gè)人中心-收藏夾該功能顯示用戶所收藏的物品信息，點(diǎn)擊物品可進(jìn)入到相應(yīng)的物品界面。通過連接數(shù)據(jù)庫中保存用戶保存收藏信息的表，使用處理相應(yīng)邏輯的JSP頁面，把它輸出到個(gè)人收藏夾頁面中，有相應(yīng)的信息，個(gè)人收藏夾則有相應(yīng)的內(nèi)容；無信息則個(gè)人收藏夾下面沒有任何東西。關(guān)鍵處理：連接數(shù)據(jù)庫、使用到collect數(shù)據(jù)表，查詢、遍歷輸出信息、JSP的<%=%>輸出顯示。個(gè)人中心-待發(fā)貨該功能顯示用戶所下的訂單是否已經(jīng)發(fā)貨，倘若還未發(fā)貨，則顯示在代發(fā)貨頁面；倘若已發(fā)貨，則待發(fā)貨頁面中不顯示該訂單（訂單已到待收貨頁面）。通過連接數(shù)據(jù)庫中保存用戶訂單信息的表，使用處理相應(yīng)邏輯的JSP頁面，把信息輸出到個(gè)人中心的代發(fā)貨頁面，有相應(yīng)的信息，代發(fā)貨頁面則有相應(yīng)的內(nèi)容；無信息則代發(fā)貨頁面下面沒有任何內(nèi)容顯示，用戶還能通過‘取消訂單’按鈕把已下單并且賣家還未發(fā)貨的訂單取消掉。無信息是因?yàn)橘u家已發(fā)貨或者用戶自己取消了訂單。關(guān)鍵處理：連接數(shù)據(jù)庫、使用到phone_order數(shù)據(jù)表、查詢、刪除、遍歷輸出信息、JSP的<%=%>輸出顯示。個(gè)人中心-待收貨該功能顯示賣家已發(fā)貨、用戶訂購的物品發(fā)貨狀態(tài)的頁面。通過連接數(shù)據(jù)庫中保存用戶代發(fā)貨的表。當(dāng)賣家確認(rèn)發(fā)貨時(shí)，訂單表就會(huì)刪除相應(yīng)的數(shù)據(jù)、并在刪除該數(shù)據(jù)之前，把該數(shù)據(jù)插入到代發(fā)貨表，把信息輸出到個(gè)人中心的待收貨頁面，有相應(yīng)的信息，待收貨頁面則有相應(yīng)的內(nèi)容；無信息則待收貨頁面下面沒有任何內(nèi)容顯示，用戶還能通過‘查看物流’按鈕來查詢物品的物流信息，或者通過‘確認(rèn)收貨’按鈕來確認(rèn)收貨信息（也就是說明你已經(jīng)收到貨了，待收貨表中相應(yīng)的數(shù)據(jù)也會(huì)刪除，在刪除待收貨表也把相應(yīng)的數(shù)據(jù)插入待評價(jià)表和退貨表，方便以后使用）。關(guān)鍵處理：連接數(shù)據(jù)庫、使用到shipping數(shù)據(jù)表、查詢、刪除、遍歷輸出信息、JSP的<%=%>輸出顯示。個(gè)人中心-待評價(jià)該功能負(fù)責(zé)顯示買家已收到的物品，并且買家可以在該物品上能實(shí)現(xiàn)評價(jià)的功能。通過連接數(shù)據(jù)庫中保存用戶評價(jià)的待評價(jià)表，把信息輸出到個(gè)人中心的待評價(jià)頁面，有相應(yīng)的信息，待評價(jià)頁面則有相應(yīng)的內(nèi)容；無信息則待評價(jià)頁面下面沒有任何內(nèi)容顯示，用戶通過‘評價(jià)’按鈕實(shí)現(xiàn)對該物品的評價(jià)，把評價(jià)內(nèi)容保存到用戶評價(jià)表（保存待評價(jià)信息的待評價(jià)表則會(huì)刪除相應(yīng)的數(shù)據(jù)，賣家調(diào)用用戶評價(jià)表，可以查看用戶對該物品的評價(jià)）關(guān)鍵處理：連接數(shù)據(jù)庫、使用到user_report數(shù)據(jù)表、查詢、刪除、遍歷輸出信息、JSP的<%=%>輸出顯示。個(gè)人中心-退款/售后該功能負(fù)責(zé)顯示買家已收到的物品，并且買家可以通過申請退款功能來實(shí)現(xiàn)賣家對該次購買的退款。通過連接數(shù)據(jù)庫中保存已收貨的產(chǎn)品信息（也就是在確認(rèn)收貨時(shí)寫入到退款表的內(nèi)容），有相應(yīng)的信息，退款/售后頁面則有相應(yīng)的內(nèi)容；無信息則退款/售后頁面下面沒有任何內(nèi)容顯示，用戶通過填寫附帶相關(guān)信息的申請表，通過點(diǎn)擊提交申請（JSP獲取表單），把相應(yīng)的信息傳遞到處理相應(yīng)邏輯的jsp頁面實(shí)現(xiàn)對這一功能的實(shí)現(xiàn)。關(guān)鍵處理：獲取表單是通過submit提交到處理頁面、連接數(shù)據(jù)庫、使用到buyer_return數(shù)據(jù)表、查詢、刪除、遍歷輸出信息、JSP的<%=%>輸出顯示。未登錄進(jìn)入個(gè)人中心該功能是防止用戶在未登錄的情況下能進(jìn)入個(gè)人中心查看信息。當(dāng)用戶未登錄時(shí)，打開個(gè)人中心相關(guān)頁面的時(shí)候，會(huì)彈出“請先登錄賬戶”的提示框，并把頁面返回到登錄頁面；倘若已登錄則可正常查看個(gè)人中心相應(yīng)信息。關(guān)鍵處理：獲取session中通過getAttribute（）設(shè)置的變量username，當(dāng)未登錄時(shí)session沒有使用getAttribute（）設(shè)置變量username，用if-else邏輯判斷變量username是否為空就行了，為空則彈出alert提示框，不為空中可正常進(jìn)入到個(gè)人中心。3.2手機(jī)商城系統(tǒng)順序圖3.2.1用戶購買商品順序圖用戶購買商品的順序圖如圖3-2所示：圖3-2用戶購買商品順序圖意思是用戶在成功登錄之后，瀏覽商城的商品時(shí)，可根據(jù)用戶自身的需要進(jìn)行購買，選擇商品后進(jìn)行下單的操作，下單后可進(jìn)行訂單的查詢。（1）用戶登錄系統(tǒng)成功后，返回登錄成功界面；（2）用戶在挑選到適合自己的商品后，數(shù)據(jù)庫返回對應(yīng)商品的信息；（3）根據(jù)商品界面信息，將自己想要購買的商品加入購物車，并且選擇需要購買的商品數(shù)量；（4）提交購買訂單，系統(tǒng)將進(jìn)入買家信息確認(rèn)界面，用戶進(jìn)行信息的確認(rèn)；（5）用戶確認(rèn)信息之后，數(shù)據(jù)庫記錄購買的信息，同時(shí)更新訂單表；（6）數(shù)據(jù)庫更新之后，用戶將會(huì)返回下單成功的界面，提示用戶下單成功。3.2.2用戶評價(jià)留言順序圖圖3-3用戶評價(jià)留言順序圖根據(jù)圖3-3用戶購買順序圖所示，用戶在進(jìn)行商品購買后，可以進(jìn)行對該商品的評價(jià)留言功能。（1）當(dāng)用戶點(diǎn)擊評價(jià)按鈕后，將會(huì)提交一個(gè)請求；（2）若用戶已登錄，系統(tǒng)將會(huì)成功進(jìn)入評價(jià)界面；（3）用戶輸入評價(jià)留言后，點(diǎn)擊提交按鈕，系統(tǒng)數(shù)據(jù)庫記錄評價(jià)信息，同時(shí)更新對應(yīng)的評價(jià)數(shù)據(jù)表；（4）數(shù)據(jù)添加成功后，用戶返回成功評價(jià)的數(shù)據(jù)給用戶；（5）用戶返回至評價(jià)留言的界面。3.2.3商家修改商品信息順序圖圖3-4商家修改商品信息順序圖 根據(jù)圖3-4商家修改商品信息順序圖，商家需要改變商品的信息時(shí)，可以根據(jù)需求自行更改，如更改商品名、商品價(jià)格、商品庫存數(shù)量等等。（1）商家成功登陸后臺(tái)系統(tǒng)后，進(jìn)行條件查詢或直接查詢搜索到對應(yīng)的商品；（2）點(diǎn)擊搜索，數(shù)據(jù)庫返回給商家對應(yīng)的商品詳細(xì)信息；（3）商家選擇想要修改的商品，點(diǎn)擊提交系統(tǒng)將會(huì)提交請求；（4）系統(tǒng)返回修改商品的界面，商家將想要修改的商品信息進(jìn)行修改之后即可提交修改；（5）提交修改之后，提交給系統(tǒng)進(jìn)行處理；（6）成功修改后數(shù)據(jù)庫對應(yīng)的商品數(shù)據(jù)表將會(huì)更新，然后返回修改成功的頁面給用戶。3.3手機(jī)商城系統(tǒng)活動(dòng)圖3.3.1用戶注冊活動(dòng)圖根據(jù)圖3-5用戶注冊活動(dòng)圖所示，用戶在尚未注冊時(shí)，首先會(huì)進(jìn)入到注冊界面，而非商城界面。填寫注冊信息后，系統(tǒng)自動(dòng)判定是否合法輸入字段，合法則注冊成功，用戶信息保存到數(shù)據(jù)庫后返回注冊成功的信息給用戶，不合法則返回注冊失敗信息，需要進(jìn)行重新注冊。圖3-5用戶注冊活動(dòng)圖3.3.2用戶登錄活動(dòng)圖根據(jù)圖3-6用戶登錄活動(dòng)圖所示，已經(jīng)成功注冊的用戶，進(jìn)入到登錄界面后，輸入登錄信息，系統(tǒng)對比數(shù)據(jù)庫自動(dòng)判定登錄信息是否正確，正確則登錄成功，跳轉(zhuǎn)到商城界面，錯(cuò)誤則返回登錄界面。圖3-6用戶登錄活動(dòng)圖3.3.3用戶購買商品活動(dòng)圖根據(jù)圖3-7用戶購買商品活動(dòng)圖所示，登錄到手機(jī)商城后，系統(tǒng)首先顯示首頁，在首頁中，用戶可以輸入需要購買的商品進(jìn)行搜索。在顯示商品界面后，系統(tǒng)展示商品列表、促銷信息，不加入購物車則表示瀏覽結(jié)束，用戶按照自己瀏覽和購買意愿選擇是否加入購物車，將其添加到購物車可以對購物車內(nèi)的商品進(jìn)行更新、購買結(jié)帳的操作。圖3-7用戶購買商品活動(dòng)圖3.3.4確認(rèn)支付活動(dòng)圖根據(jù)圖3-8確認(rèn)支付活動(dòng)圖所示，用戶和商家之間的活動(dòng)，以用戶付款、商家發(fā)貨為標(biāo)志這場的支付活動(dòng)的完成。具體表現(xiàn)為：用戶點(diǎn)擊購買后，系統(tǒng)首先將對用戶顯示支付界面，然后獲取購物車內(nèi)的商品信息，用戶需要手動(dòng)選擇填寫物流的相關(guān)配送信息和個(gè)人信息。付款方式有兩種選擇：第一，可以選擇第三方支付平臺(tái)進(jìn)行線上的預(yù)付款，這筆付款在買家確定收貨后，第三方平臺(tái)才會(huì)自動(dòng)將這筆錢轉(zhuǎn)給商家；第二，可以選擇貨到付款，即買家在收貨的時(shí)候，進(jìn)行線下的付款，不經(jīng)過商城的第三方支付平臺(tái)。在完成了付款之后，系統(tǒng)會(huì)自動(dòng)生成一筆交易訂單，并分別返回訂單信息給用戶和商家，商家此時(shí)就可以向用戶進(jìn)行商品的發(fā)貨。用戶付款、商家發(fā)貨標(biāo)志這場的支付活動(dòng)完成。圖3-8確認(rèn)支付活動(dòng)圖3.3.5商家修改商品信息活動(dòng)圖根據(jù)圖3-9商家修改商品信息活動(dòng)圖所示，商家可以對包括已上架和未上架的所有商品進(jìn)行管理和修改。在商家發(fā)出修改請求后，系統(tǒng)會(huì)顯示修改商品的信息界面給商家，商家可以選擇需要修改的商品類型進(jìn)行操作，具體操作有：上架商品、下架商品、修改商品價(jià)格，填寫或者修改完成后，點(diǎn)擊提交后數(shù)據(jù)庫更新，系統(tǒng)返回修改成功信息。圖3-9商家修改商品信息活動(dòng)圖3.4數(shù)據(jù)庫設(shè)計(jì)一個(gè)完整的系統(tǒng)必須有一個(gè)良好的數(shù)據(jù)庫支持作為數(shù)據(jù)來源，如果想提高系統(tǒng)的健壯性，那么就得把數(shù)據(jù)庫設(shè)計(jì)好。本數(shù)據(jù)庫采用mysql數(shù)據(jù)庫設(shè)計(jì)，里面包括：已賣商品表(soldproduct)、等待發(fā)貨的訂單(fahuo)、商品發(fā)布(releases)、退款(refund)、買家信息表(buyer)、手機(jī)信息詳情表(mobiledetail)、物流表(logistic)、評論留言表(comment)等表。每張表都根據(jù)唯一確定的鍵設(shè)為主鍵，例如：id字段、訂單號(hào)、運(yùn)單號(hào)等等，為了方便檢查，在建表之后再建立主鍵約束或非空約束。在設(shè)計(jì)完數(shù)據(jù)庫后為了測試數(shù)據(jù)表的可靠性，會(huì)選擇在幾張表中，插入幾組數(shù)據(jù)或刪除數(shù)據(jù)，進(jìn)行測試。數(shù)據(jù)庫、各個(gè)數(shù)據(jù)表都使用規(guī)范的英文命規(guī)則，為每張表附上對應(yīng)的中文說明，這樣便于其他開發(fā)人員查閱使用。 下面將對17張數(shù)據(jù)表做出詳細(xì)說明。3.4.1數(shù)據(jù)字典（1）等待發(fā)貨的訂單（fahuo）根據(jù)業(yè)務(wù)需求它主要存放記錄待收件人信息、待發(fā)貨的商品名、購買商品的數(shù)量、訂單創(chuàng)建時(shí)間、收件人信息（手機(jī)號(hào)、地址）、以及訂單類型等。如表3-2發(fā)貨訂單表所示：表3-2發(fā)貨訂單表序號(hào)列名數(shù)據(jù)類型長度小數(shù)位標(biāo)識(shí)主鍵外鍵允許空默認(rèn)值說明1r_namevarchar100是收件人名稱2S_namevarchar100是賣家昵稱3c_timevarhar200是創(chuàng)建時(shí)間4o_numbervarchar100是是否訂單編號(hào)(主鍵)5s_optinvarchar100是賣家選擇6o_typevarchar100是訂單類型7o_sourcevarchar100是訂單來源8p_pricevarchar100否價(jià)格9p_mint110否數(shù)量10b_addressvarchar1000否收件人地址11b_phonevarchar110否收件人手機(jī)號(hào)碼12b_commenttext買家備注（2）這是新品發(fā)布（releases）表，根據(jù)業(yè)務(wù)的需新品發(fā)布表主要用于記錄保存新商品的id、新商品的名稱、價(jià)格、商品詳情等信息。如表3-3新品發(fā)布表所示：表3-3新品發(fā)布表序號(hào)列名數(shù)據(jù)類型長度小數(shù)位標(biāo)識(shí)主鍵外鍵允許空默認(rèn)值說明1p_idvarchar100是是否商品號(hào)碼(主鍵)2p_namevarchar100是商品名稱3p_photovarhar100是上傳照片4p_pricrfloat42是價(jià)格5p_detailtext是商品詳情（3）這是退款申請表（refund）根據(jù)業(yè)務(wù)需求它主要用于記錄賣家信息、退款的申請時(shí)間、退款的金額等信息。如表3-4退款申請表所示：表3-4退款申請表序號(hào)列名數(shù)據(jù)類型長度小數(shù)位標(biāo)識(shí)主鍵外鍵允許空默認(rèn)值說明1s_namevarchar100是賣家昵稱2o_numbervarchar100是訂單編號(hào)3a_timevarhar100是申請時(shí)間4r_numbervarchar100是是否退款編號(hào)（主鍵）5r_timevarchar10是退款時(shí)間6a_numbervarchar10是運(yùn)單編號(hào)7r_moneyvarchar10退款金額（4）這是買家信息表（buyer），根據(jù)需求它主要用于記錄存放買家的個(gè)人基本信息包括：買家id、買家名、買家的密碼、買家的郵箱。這個(gè)可用于在買家登陸時(shí)做信息查找。如表3-5買家信息表所示：表3-5買家信息表序號(hào)列名數(shù)據(jù)類型長度小數(shù)位標(biāo)識(shí)主鍵外鍵允許空默認(rèn)值說明1c_idvarchar100否買家id主鍵2c_namevarchar100否買家名3c_passwordvarhar100否買家密碼4emailvarchar100否郵箱（5）這是手機(jī)信息詳情表（mobiledetail），根據(jù)需求它主要用于記錄手機(jī)商品的基本信息包括手機(jī)的id、所屬的手機(jī)系列、手機(jī)的顏色、高寬度、操作系統(tǒng)等。如表3-6手機(jī)信息詳情表所示：表3-6手機(jī)信息詳情表序號(hào)列名數(shù)據(jù)類型長度小數(shù)位標(biāo)識(shí)主鍵外鍵允許空默認(rèn)值說明1Idvarchar100是是否手機(jī)id（主鍵）2m_namevarchar100否手機(jī)名稱3m_serievarhar100否手機(jī)系列4m_weightvarchar100否重量5m_colorvarchar100否顏色6m_lengthvarchar100否長度7m_widevarchar100否寬度8m_thicknevarchar100否厚度9m_sysvarchar200否操作系統(tǒng)10m_cpu_pvarchar100否cpu品牌11m_cpu_fvarchar100否cpu頻率12m_cpu_mint110否cpu核數(shù)13m_cpu_vvarchar100否cpu型號(hào)14m_cint110否攝像頭個(gè)數(shù)15m_fcvarchar100否前置攝像頭像素（6）這是物流信息表（logistic）根據(jù)業(yè)務(wù)需求它主要用于記錄商品的物流信息包括商品的訂單號(hào)、訂單時(shí)間、物流狀態(tài)、訂單生成時(shí)間等。如表3-7物流信息表所示：表3-7物流信息表序號(hào)列名數(shù)據(jù)類型長度小數(shù)位標(biāo)識(shí)主鍵外鍵允許空默認(rèn)值說明1m_commnetvarchar100否手機(jī)描述2m_pricevarchar100否價(jià)格3m_mint110否數(shù)量4m_muvarchar150是是否訂單號(hào)（主鍵）5m_tvarchar300否生成時(shí)間6m_namevarchar100否手機(jī)名7l_commnettext100否物流狀態(tài)描述（7）這是留言評論表（comment），根據(jù)業(yè)務(wù)需求它主要用于記錄用戶的留言的信息記錄，包括用戶的id、用戶名稱、用戶的評論。如表3-8評論留言表所示：表3-8評論留言表序號(hào)列名數(shù)據(jù)類型長度小數(shù)位標(biāo)識(shí)主鍵外鍵允許空默認(rèn)值說明1u_idvarchar100是是否用戶id（主鍵）2c_namevarchar100否用戶名3c_commenttext100否評論（8）這是已賣商品表(soldproduct)，根據(jù)需求它主要用于存放記錄已賣商品的信息包括商品的id、商品名稱、賣家信息、訂單號(hào)、交易時(shí)間和交易狀態(tài)等。如表3-9已賣商品表所示：表3-9已賣商品表序號(hào)列名數(shù)據(jù)類型長度小數(shù)位標(biāo)識(shí)主鍵外鍵允許空默認(rèn)值說明1p_idvarchar100是是否商品號(hào)碼（主鍵）2S_namevarchar100是賣家昵稱3p_namevarchar100是商品名稱4o_numbervarchar100是訂單編號(hào)5t_timevarchar100是成交時(shí)間6o_statusvarchar100是訂單狀態(tài)7p_statusvarchar100是物流狀態(tài)8e_pricefloat42是單價(jià)9P_numberint110購買數(shù)量10t_statusvarchar100交易狀態(tài)11commenttext評價(jià)（9）這是退款說明表(buyer_return)，根據(jù)需求它主要用于存放記錄退款的詳細(xì)信息情況，包括訂單編號(hào)、用戶名、賣家信息、商品信息和退款說明等。如表3-10退款說明表所示：表3-10退款說明表序號(hào)列名數(shù)據(jù)類型長度小數(shù)位標(biāo)識(shí)主鍵外鍵允許空默認(rèn)值說明1idint300是是否訂單編號(hào)2usernamevarchar300否用戶名3buyervarchar300否收件人4phonenumbervarchar600否電話號(hào)碼5countint100否數(shù)量6phone_namevarchar200否手機(jī)名7phone_colorvarchar200否手機(jī)顏色8phone_moneydouble102否價(jià)格9Kind_returnvarchar300是退款類型10reasonvarchar600是退款原因（10）這是購買訂單表(phone_order)，根據(jù)需求它主要用于存放用戶購買的訂單對應(yīng)的詳細(xì)信息，包括訂單編號(hào)、用戶名、收件人、地址和電話號(hào)碼等。如表3-11購買訂單表所示：表3-11購買訂單表序號(hào)列名數(shù)據(jù)類型長度小數(shù)位標(biāo)識(shí)主鍵外鍵允許空默認(rèn)值說明1idint300是是否訂單編號(hào)2usernamevarchar300否用戶名3buyervarchar300否收件人4addressvachar300否地址5phonenumbervarchar600否電話號(hào)碼6remarkVarchar400是備注7countint110否數(shù)量8phone_namevarchar200否手機(jī)名9phone_colorvarchar200否手機(jī)顏色10phone_commumicationvarchar300是通信11phone_moneydouble102否價(jià)格（11）以上已對主要的數(shù)據(jù)表做出詳細(xì)的數(shù)據(jù)說明，其余的數(shù)據(jù)表不再進(jìn)行詳細(xì)的數(shù)據(jù)解釋，只做簡述說明，詳細(xì)見數(shù)據(jù)庫，表3-12至3-18，整理如下：表3-12上架圖片商品表（collect）字段名數(shù)據(jù)類型字段大小說明usernamevarchar30用戶名picturevarchar30圖片路徑namevarchar20手機(jī)名moneydouble浮點(diǎn)價(jià)格actionvarchar30指向頁面表3-13商品下架信息表（configuration）字段名數(shù)據(jù)類型字段大小說明namevarchar30手機(jī)名memoryvarchar30內(nèi)存colorvarchar30手機(jī)顏色commumicationvarchar60通信totalofcardvarchar30卡數(shù)moneydouble浮點(diǎn)價(jià)格pathvarchar20路徑picturevarchar30圖片表3-14購買訂單表（refends）字段名數(shù)據(jù)類型字段大小說明idint整型訂單編號(hào)usernamevarchar30用戶名buyervarchar30收件人addressvachar30地址honenumbervarchar60電話號(hào)碼countint整數(shù)數(shù)量phone_namevarchar20手機(jī)名phone_colorvarchar20手機(jī)顏色phone_moneydouble浮點(diǎn)價(jià)格judgeInt整型判斷邏輯表3-15商品展示信息表（shipping）字段名數(shù)據(jù)類型字段大小說明idint整型訂單編號(hào)usernamevarchar30用戶名buyervarchar30收件人addressvachar30地址phonenumbervarchar60電話號(hào)碼countint整數(shù)數(shù)量phone_namevarchar20手機(jī)名phone_colorvarchar20手機(jī)顏色phone_moneydouble浮點(diǎn)價(jià)格picturevarchar30圖片表3-16用戶表（user）字段名數(shù)據(jù)類型字段大小說明uservarchar30用戶名pwdvarchar30密碼表3-17評價(jià)信息表(user_report)字段名數(shù)據(jù)類型字段大小說明usernamevarchar30用戶名commentariesvarchar30評價(jià)表3-18待發(fā)貨信息表（wait_report）字段名數(shù)據(jù)類型字段大小說明idint整型訂單編號(hào)usernamevarchar30用戶名buyervarchar30收件人addressvachar30地址phonenumbervarchar60電話號(hào)碼countint整數(shù)數(shù)量phone_namevarchar20手機(jī)名phone_colorvarchar20手機(jī)顏色phone_commumicationvarchar20通信phone_moneydouble浮點(diǎn)價(jià)格3.4.2模塊對數(shù)據(jù)表訪問各個(gè)模塊對數(shù)據(jù)表操作，可用如下表3-19的方式表述（R代表讀，W代表寫）：表3-19各模塊對數(shù)據(jù)表的訪問數(shù)據(jù)表模塊buyer_returncollectconfigurationphone_orderrefundsshippinguseruser_reportwait_report登陸R/W注冊R/W搜索R收藏R/W購買RRW收藏夾RR待發(fā)貨R/W待收貨R/W待評價(jià)WR退款/售后WR3.5網(wǎng)站命名規(guī)則 以下是用戶端頁面和商家端頁面的命名規(guī)則介紹，如表3-20和表3-21所示：表3-20用戶端網(wǎng)頁網(wǎng)頁文件名網(wǎng)頁功能解釋index.html首頁brand.html手機(jī)品牌/店鋪asses_product.html配件詳情頁collection.html收藏夾（個(gè)人中心）footer_info.html頁腳鏈接Headset_acces.html耳機(jī)產(chǎn)品羅列USB_acces.htmlUSB產(chǎn)品羅列l(wèi)ogin.html登錄/注冊界面miproduct.html小米手機(jī)詳情order_informaton.html訂單詳情pending_shipment.html待發(fā)貨product.html手機(jī)詳情return_goods.html退款/售后wait_evaluate.html待評價(jià)wait_receive.html待收貨write_info.html填寫訂單信息xinpin.html新品上市Comment.html產(chǎn)品評論表3-21商家端網(wǎng)頁網(wǎng)頁文件名網(wǎng)頁功能解釋jygl.html首頁(交易管理)fabu.html上架，發(fā)布商品chushou.html查詢商品，下架fahuo.html發(fā)貨fahuo2.html發(fā)貨中訂單fahuo3.html已收貨訂單Jvbao.html舉報(bào)login.html登錄/注冊界面tuikuan.html退款，查詢3.6本章小結(jié)本章首先對智選手機(jī)商城系統(tǒng)的用戶系統(tǒng)和商家系統(tǒng)進(jìn)行了系統(tǒng)功能的詳細(xì)解釋。首先，先對前后端進(jìn)行了功能總覽，詳細(xì)介紹了用哪些方法和技術(shù)實(shí)現(xiàn)各個(gè)模塊的交互設(shè)計(jì)功能，并且將需要關(guān)鍵處理的方式羅列了出來。然后，使用順序圖和活動(dòng)圖，對細(xì)節(jié)和難以理解的部分進(jìn)行補(bǔ)充說明，對前后臺(tái)進(jìn)行細(xì)節(jié)分析。接著，對智選手機(jī)商城系統(tǒng)的數(shù)據(jù)庫進(jìn)行設(shè)計(jì)，對數(shù)據(jù)庫和每個(gè)數(shù)據(jù)表使用了英文命名規(guī)則，共設(shè)計(jì)了18張數(shù)據(jù)表，每張表都詳細(xì)整理并且附上了對應(yīng)的中文說明，便于查閱使用。最后，對各個(gè)模塊對數(shù)據(jù)庫訪問的可讀寫性進(jìn)行了整理，并且對用戶端和商家端的網(wǎng)站命名進(jìn)行了解釋備注。

第4章系統(tǒng)實(shí)現(xiàn)4.1用戶端界面實(shí)現(xiàn)網(wǎng)頁的顏色選擇以黑白為主；圖標(biāo)是手機(jī)商城的英語單詞組合，用戶更清楚地知道我們網(wǎng)站的用途；網(wǎng)站的內(nèi)容顯示區(qū)占整個(gè)頁面的百分之八十，并且居中顯示。4.1.1首頁圖4-1首頁功能簡介：搜索欄可以輸入搜索內(nèi)容顯示搜索到的商品界面；點(diǎn)擊搜索的圖標(biāo)，就會(huì)跳轉(zhuǎn)到搜索結(jié)果頁面，如圖4-1所示。Logo位于頁面左上方，頂部是用戶登錄，如果用戶已經(jīng)登錄成功則顯示已登錄的狀態(tài)。導(dǎo)航欄首頁、新品上市、手機(jī)配件、品牌、個(gè)人中心等五個(gè)模塊，點(diǎn)擊可以跳轉(zhuǎn)到相關(guān)頁面，鼠標(biāo)移到導(dǎo)航模塊，背景色就會(huì)變成灰白色。手機(jī)配件和品牌這兩個(gè)模塊會(huì)顯示隱藏的div內(nèi)容，點(diǎn)擊內(nèi)容會(huì)跳轉(zhuǎn)到相對應(yīng)的網(wǎng)頁。輪播圖輪播圖是手機(jī)商城的熱門手機(jī)商品推薦，6秒播放一次，也可以點(diǎn)擊圖片下方的小圓點(diǎn)顯示圖片。熱門推薦該區(qū)域是四列兩行的格局，運(yùn)用Bootstrap框架的柵格系統(tǒng)。廣告：廣告區(qū)域要三個(gè)宣傳圖品牌旗幟店：共羅列了四個(gè)品牌的店鋪，點(diǎn)擊進(jìn)入店鋪售賣頁面底欄導(dǎo)航欄點(diǎn)擊可以進(jìn)入配送方式、支付方式、售后服務(wù)詳情頁面。4.1.2商品詳情該頁面內(nèi)容顯示的比例為8：4，手機(jī)參數(shù)是用一個(gè)div設(shè)置右浮動(dòng)。商品圖片顯示區(qū)：將鼠標(biāo)移進(jìn)下方的小圖片，小圖的邊框?yàn)榧t色，移出就消失，大圖顯示小圖片對應(yīng)的大圖。在小圖片上添加onmouseover()和onmouseout()，在JavaScript中綁定兩個(gè)事件changeTu(y,i)，out(y)。展示效果如圖4-2所示。圖4-2手機(jī)圖片展示商品顏色選擇：點(diǎn)擊商品顏色選擇按鈕，商品選擇框變?yōu)榧t色，左邊圖片區(qū)域顯示對應(yīng)手機(jī)顏色的圖片，為圖片綁定一個(gè)點(diǎn)擊事件onclick（）。展示效果如圖4-3所示。圖4-3商品顏色選擇商品介紹和商品評論是公共部分，根據(jù)選擇進(jìn)行切換。當(dāng)鼠標(biāo)移動(dòng)到商品介紹或者商品評論，背景色就會(huì)變?yōu)楹谏?，文字顏色為白色；?dāng)鼠標(biāo)移出時(shí)，背景為白色，文字顏色為黑色。點(diǎn)擊商品介紹或者商品評論，背景色就會(huì)變?yōu)楹谏?，文字顏色為白色，?nèi)容顯示區(qū)會(huì)顯示對應(yīng)的內(nèi)容。展示效果如圖4-4所示。圖4-4商品介紹/商品評論點(diǎn)擊“購買”按鈕，跳轉(zhuǎn)到“填寫訂單詳情”頁面。產(chǎn)品推薦。運(yùn)用Bootstrap的柵格系統(tǒng)中col-md-4類，布劇為水平分布3個(gè)推薦產(chǎn)品。具體實(shí)現(xiàn)如圖4-5所示。圖4-5產(chǎn)品推薦4.1.3品牌店鋪圖4-6品牌店鋪品牌店鋪的頁面跟其他頁面的色調(diào)不一樣，是以藍(lán)色、黑色為主，背景色為#1033e5，給人一個(gè)視覺上沖擊。平臺(tái)的logo放在頁面的頂部并居中；導(dǎo)航欄是跟其他頁面一樣；內(nèi)容區(qū)域有一個(gè)品牌名，字體顏色為白色并居中顯示。下面的圖片是該品牌的手機(jī)推薦，也是居中在頁面中間，給圖片添加<a>標(biāo)簽，這樣點(diǎn)擊圖片就可以跳轉(zhuǎn)到該商品的詳情頁面查看詳情信息。如圖4-6所示。4.1.4個(gè)人中心圖4-7個(gè)人中心頂部個(gè)人中心是用戶注冊登錄之后的才可以查看到內(nèi)容，否則點(diǎn)擊出來是沒有內(nèi)容，用戶需要登錄狀態(tài)才可以查詢內(nèi)容，這樣對用戶的內(nèi)容比較保密。個(gè)人中心的頁面布局跟首頁、新品上市、手機(jī)配件、品牌這四個(gè)頁面不同，但顏色基調(diào)是一樣的，都是以黑白為主，白色的背景色。手機(jī)商城放在左側(cè)，用戶登錄后的頭像、用戶賬號(hào)、“退出登錄”按鈕均放在右側(cè)，用一個(gè)浮動(dòng)并調(diào)整一下邊距實(shí)現(xiàn)的；導(dǎo)航欄是黑色背景，當(dāng)鼠標(biāo)懸停在導(dǎo)航的功能模塊上面時(shí)背景色變?yōu)闇\灰色，點(diǎn)擊時(shí)變?yōu)榘咨@示該導(dǎo)航模塊的內(nèi)容，我是用一個(gè)<a>標(biāo)簽來鏈接的，點(diǎn)擊時(shí)跳到轉(zhuǎn)頁面；用戶中心的最頂部是當(dāng)前位置的顯示，是用列表<li>標(biāo)簽內(nèi)添加一個(gè)<a>鏈接到首頁，點(diǎn)擊就可以返回首頁。展示效果如圖4-7所示。4.1.5個(gè)人中心——收藏夾圖4-8個(gè)人中心-收藏夾如圖4-8所示，收藏夾的布局是表格形式，最多排滿3行5列，多余的就顯示在下一個(gè)。內(nèi)容區(qū)域的底部有顯示頁面數(shù)量，點(diǎn)擊可以查看那一頁所收藏的商品，按鈕的背景顏色白色，字體色為藍(lán)色。如果是在當(dāng)前頁的話，按鈕的背景色是藍(lán)色，字體色是白色。4.1.6個(gè)人中心——待發(fā)貨、待收貨待發(fā)貨和待收貨的頁面布局是相同的，在這兩個(gè)頁面中商品都是以塊的形式存在的，每個(gè)商品都有自己獨(dú)立的塊，點(diǎn)擊可以查看訂單詳情，里面包含了手機(jī)商品名稱、手機(jī)商品詳情簡介、交易價(jià)格、購買數(shù)量。待發(fā)貨頁面中有“提醒發(fā)貨”、“取消訂單”兩個(gè)按鈕，點(diǎn)擊可以提醒賣家發(fā)貨、取消該訂單；待收貨頁面也有兩個(gè)按鈕分別為“查看物流”、“確認(rèn)收貨”，點(diǎn)擊“查看物流”按鈕跳轉(zhuǎn)到訂單詳情頁面。如圖4-9、圖4-10所示。圖4-9待發(fā)貨圖4-10待收貨4.1.7個(gè)人中心——退貨/售后個(gè)人中心退貨售后頁面的內(nèi)容分為兩欄格式，比例是2：1，退款列表欄占2/3，退款申請占1/3。退款列表欄是顯示用戶申請退款的商品，背景色為淺灰色，里面的內(nèi)容有手機(jī)商品圖片、手機(jī)商品名稱、手機(jī)商品詳情簡介、交易價(jià)格、購買數(shù)量、退款狀態(tài)；退款申請欄給用戶填寫退款申請，主要需要填寫申請退款申請（退款類型選擇：退貨退款、僅退款）、退款原因、退款金額，點(diǎn)擊“提交”按鈕就可以提交退款申請并顯示在左邊的退款列表欄中。如圖4-11所示。圖4-11退貨/售后4.1.8訂單填寫訂單填寫頁面是在手機(jī)商品詳情頁面點(diǎn)擊“購買”按鈕時(shí)跳轉(zhuǎn)顯示的頁面，此頁面背景顏色是白色，訂單要填寫購買數(shù)量、收件人、收件人地址、聯(lián)系電話、備注等信息。點(diǎn)擊“支付提交”，跳轉(zhuǎn)到待發(fā)貨頁面。點(diǎn)擊“返回”按鈕就會(huì)返回到上一個(gè)瀏覽過的頁面。功能實(shí)現(xiàn)主要是給“支付提交”按鈕、“返回”按鈕添加一個(gè)點(diǎn)擊事件onclick（）。如圖4-12所示圖4-12訂單填寫4.1.9商品評論商品評論頁面是買家在確認(rèn)收貨后對手機(jī)商品進(jìn)行品論。該頁面的布局很簡單明了。同樣也是以白色為背景色，中間是評論區(qū)域，還有“提交”按鈕、“返回”按鈕。點(diǎn)擊“提交”按鈕，則待評價(jià)頁面就會(huì)沒有該手機(jī)商品的信息，點(diǎn)擊“返回”按鈕則返回上一個(gè)瀏覽過的頁面。如圖4-13所示。圖4-13商品評論4.1.10用戶注冊用戶首先要注冊為MoblieShop商城的用戶，方可在MoblieShop商城進(jìn)行購買操作。注冊是只要填寫登錄用戶名、密碼、確認(rèn)密碼、qq郵箱即可。注冊后用戶即可登錄進(jìn)行購買行為。且為了保證注冊用戶的唯一性，在提交表單后需要對數(shù)據(jù)庫表中的數(shù)據(jù)查詢，如果沒有找到則會(huì)插入數(shù)據(jù)表時(shí)會(huì)提示注冊成功，否則會(huì)用戶已存在，請重新輸入。實(shí)現(xiàn)效果如圖4-14所示。圖4-14用戶注冊頁面元素：包含logo、用戶名輸入框、密碼輸入框、確認(rèn)密碼輸入框、QQ郵箱輸入框、背景圖。鏈接：輸入用戶賬號(hào)和密碼，確認(rèn)密碼和密碼一樣，QQ郵箱輸入格式正確，頁面顯示注冊成功，跳轉(zhuǎn)到首頁。功能：買家用戶進(jìn)行注冊賬號(hào)。4.1.11用戶登錄為了方便網(wǎng)站的管理，必須有一套完整的用戶管理體系，下面介紹登錄方面的功能，實(shí)現(xiàn)效果如圖4-15所示。登錄頁面：如果已經(jīng)注冊好的用戶可以直接登錄，進(jìn)入MoblieShop商城進(jìn)行購買操作。圖4-15用戶登錄頁面元素：包含logo、賬號(hào)輸入框、密碼輸入框、背景圖片。鏈接：用戶賬號(hào)和密碼正確時(shí)頁面顯示登錄成功，跳轉(zhuǎn)到首頁。功能：買家用戶進(jìn)行登錄。4.2商家端界面實(shí)現(xiàn)賣家的操作頁面，應(yīng)該盡量的簡單，清晰，操作簡單，頁面能實(shí)現(xiàn)賣家基本的增刪改查的操作導(dǎo)航精煉易讀，色彩搭配明確，布局妥當(dāng)，設(shè)計(jì)獨(dú)特，使用戶通過導(dǎo)航能夠快速了解整個(gè)網(wǎng)站的主要內(nèi)容，對網(wǎng)站內(nèi)容起到提綱挈領(lǐng)的作用。商家端實(shí)現(xiàn)內(nèi)容：（1）交易管理：利用模糊查詢和順序查詢查詢訂單；（2）物流管理：賣家發(fā)貨之后，等待發(fā)貨的訂單刪除，變成了發(fā)貨中的訂單，買家確認(rèn)收貨之后賣家就能在確認(rèn)收貨的訂單看到相應(yīng)的數(shù)據(jù)；（3）商品管理：商品上下架，賣家添加商品信息到商品信息表之后買家頁面顯示出來，賣家刪除（下架）買家頁面就沒有該數(shù)據(jù)信息。4.2.1交易管理（1）條件查詢運(yùn)行結(jié)果：圖4-16是點(diǎn)擊按鈕條件查詢的運(yùn)行結(jié)果，賣家通過此按鈕來查詢符合條件的已賣出寶貝的詳細(xì)信息圖4-16賣家交易管理頁面（2）直接查詢運(yùn)行結(jié)果：圖4-17是點(diǎn)擊按鈕條件直接查詢的運(yùn)行結(jié)果，賣家可以通過這個(gè)按鈕來獲取已賣出的寶貝的所有詳細(xì)信息。圖4-17賣家交易管理頁面4.2.2物流管理圖4-18是賣家發(fā)貨頁面物流管理，實(shí)現(xiàn)效果如下：圖4-18賣家發(fā)貨頁面物流管理分為：等待發(fā)貨，發(fā)貨中，已收貨。賣家打開該頁面直接顯示所有等待發(fā)貨的訂單，賣家勾選要發(fā)貨的訂單，因?yàn)橛昧搜h(huán)所以賣家可以選擇多條數(shù)據(jù)，然后點(diǎn)擊發(fā)貨的按鈕之后，等待發(fā)貨的訂單刪除，將該訂單插入發(fā)貨中的表里，變成了發(fā)貨中的訂單，買家確認(rèn)收貨之后賣家就能在確認(rèn)收貨的訂單看到相應(yīng)的數(shù)據(jù)，這里等待發(fā)貨頁面用到了查詢數(shù)據(jù)表，插入語句到數(shù)據(jù)表和刪除數(shù)據(jù)表數(shù)據(jù)的方法，發(fā)貨中和已收貨都用到了查詢的方法。4.2.3商品管理商品管理->出售中的商品實(shí)現(xiàn)效果如圖4-19所示：圖4-19賣家下架商品頁面商品管理分為：上架、下架，查詢所有商品。這是出售中的商品的運(yùn)行結(jié)果，賣家點(diǎn)擊查詢所有商品的按鈕將可以查詢到正在出售的所有商品的詳細(xì)信息。4.3本章小結(jié)本章針對智選手機(jī)商城系統(tǒng)的用戶端和商家端的設(shè)計(jì)進(jìn)行實(shí)現(xiàn)，對網(wǎng)站建設(shè)過程的細(xì)節(jié)和交互進(jìn)行了介紹，并且給出各個(gè)界面的截圖展現(xiàn)系統(tǒng)最終實(shí)現(xiàn)的效果。

第5章系統(tǒng)測試5.1系統(tǒng)測試的目的找出軟件中的漏洞是系統(tǒng)測試的目的，系統(tǒng)的漏洞可能存在于系統(tǒng)、功能、過程、數(shù)據(jù)和編碼中，我們需要在這些方面上進(jìn)行測試以找到系統(tǒng)的漏洞并修復(fù)劉金起，李明黎.App自動(dòng)化測試與框架實(shí)戰(zhàn)[M].人民郵電出版社，2019.5.2系統(tǒng)測試的意義在軟件泛濫的信息時(shí)代，軟件的質(zhì)量參差不齊，因此，為了杜絕低質(zhì)量的軟件的蔓延，系統(tǒng)測試是一個(gè)不可或缺的階段。經(jīng)過一系列的嚴(yán)格測試，可以找出系統(tǒng)中難以發(fā)現(xiàn)的漏洞，有利于提高智選手機(jī)商城系統(tǒng)的軟件質(zhì)量，使用戶的體驗(yàn)更加完善。5.3測試用例及結(jié)果5.3.1系統(tǒng)注冊測試根據(jù)表5-1系統(tǒng)注冊測試用例表所示，用于測試注冊時(shí)的各種情況，檢測各種數(shù)據(jù)的輸入情況，觀察系統(tǒng)的響應(yīng)情況，得出該功能達(dá)到了設(shè)計(jì)目標(biāo)，最終達(dá)到了預(yù)期效果。表5-1系統(tǒng)注冊測試用例表前置條件用戶名:admin；密碼:admin；確認(rèn)密碼:admin；QQ郵箱:admin@測試目的測試輸入測試結(jié)果測試說明用戶名密碼確認(rèn)密碼QQ郵箱未填寫用戶名（為空）adminadminadmin@用戶名、密碼不能為空測試通過未填寫密碼admin（為空）adminadmin@用戶名、密碼不能為空測試通過空用戶名、空密碼注冊（為空）（為空）adminadmin@用戶名、密碼不能為空測試通過用戶名、密碼格式錯(cuò)誤ad@@ad@@adminadmin@格式錯(cuò)誤測試通過密碼、確認(rèn)密碼輸入不一致admin123321admin@密碼不一致測試通過未填寫郵箱adminadminadmin無法注冊測試通過用戶名、密碼、郵箱正確填寫adminadminadminadmin@成功注冊測試通過5.3.2系統(tǒng)登錄測試根據(jù)表5-2系統(tǒng)登錄測試用例表所示，測試用戶憑借自己注冊的用戶名和密碼是夠能進(jìn)行登錄，當(dāng)輸入的用戶名或密碼錯(cuò)誤會(huì)出現(xiàn)提示信息，當(dāng)用戶名和密碼為空時(shí)會(huì)出現(xiàn)提示信息，測試達(dá)到了預(yù)期效果。表5-2系統(tǒng)登錄測試用例表前置條件用戶名:admin；密碼:admin測試目的測試輸入測試結(jié)果測試說明用戶名密碼空用戶名（為空）admin用戶名或密碼不正確測試通過空密碼admin（為空）密碼不能為空測試通過空用戶名、空密碼（為空）（為空）用戶名或密碼不正確測試通過用戶名、密碼錯(cuò)誤admin123用戶名或密碼不正確測試通過用戶名、密碼正確輸入adminadmin進(jìn)入管理系統(tǒng)主界面測試通過5.3.3商品管理測試根據(jù)表5-3商品管理測試用例表所示，測試商品瀏覽、商品搜索、商品收藏、購物車信息增刪改查、支付功