-I-摘要隨著計算機(jī)的網(wǎng)絡(luò)和編程技術(shù)的快速發(fā)展和更新，目前在人們的生活當(dāng)中已經(jīng)無處不在，從而一些企業(yè)和商家應(yīng)用這一趨勢，研發(fā)出了許多電子商務(wù)的商城系統(tǒng)，在此背景下查閱了大量的書刊和調(diào)查研究了讀者和手機(jī)店的大量信息發(fā)現(xiàn)，目前有很多的一部分人已經(jīng)喜歡在網(wǎng)上購買電子產(chǎn)品了，有需求的地方就會有商機(jī)，可以借助互聯(lián)網(wǎng)發(fā)展的趨勢，結(jié)合手機(jī)實(shí)體店設(shè)計一個網(wǎng)上手機(jī)銷售系統(tǒng)，在網(wǎng)站上售賣手機(jī)。根據(jù)需求分析系統(tǒng)主要面向的使用人是需要采購手機(jī)的群眾以及手機(jī)店的管理人員，對這兩類角色進(jìn)行功能設(shè)計，為客戶提供的功能有用戶登錄注冊后可以在線瀏覽手機(jī)詳情，并且對自己喜歡的手機(jī)可以進(jìn)行購買或加入購物車，購買后會生成訂單信息回寫給商家，訂單信息會保存在自己的賬戶中，還可以在首頁中通過分類瀏覽手機(jī)信息，搜素手機(jī)，手機(jī)店的工作管理人員登錄后可以進(jìn)行訂單信息的修改和查看的狀態(tài)操作，并且可以對注冊的用戶進(jìn)行管理工作還可以對手機(jī)進(jìn)行新添加和下架管理操作。系統(tǒng)頁面設(shè)計選用Vue.js，結(jié)合Aioxs向后臺傳遞表單數(shù)據(jù)，考慮到系統(tǒng)存在大量且復(fù)雜的邏輯業(yè)務(wù)，選用java編程語言進(jìn)行后臺邏輯校驗(yàn)。大量的手機(jī)信息和用戶信息通過數(shù)據(jù)庫Mysql本地永久性存儲，服務(wù)器選用tomcat加上頁面采用Elementui和easyui的組合前段框架，實(shí)現(xiàn)了網(wǎng)上購買和售賣手機(jī)的一系列流程。關(guān)鍵詞：Vue；Mysql；Java；手機(jī)售賣系統(tǒng)引言伴隨著二十一世紀(jì)而來的互聯(lián)網(wǎng)快速發(fā)展，將大家卷進(jìn)了全球的虛擬市場。在這類狀況下，市場的特性，時間和空間的定義，消費(fèi)者的要求、愿望和行為，都發(fā)生了極大的轉(zhuǎn)變。很多店家進(jìn)到互聯(lián)網(wǎng)，為消費(fèi)者提供網(wǎng)上購物服務(wù)。目前隨著互聯(lián)網(wǎng)絡(luò)的發(fā)展，一些企業(yè)利用數(shù)據(jù)庫存儲信息的方式開發(fā)了網(wǎng)上售賣商品的形式，這種方式利于人們的購物的效率，解決購物的地點(diǎn)限制因素和時間因素，還解決了購物的條件因素。還會使多數(shù)人快捷方便的購物，幫助實(shí)體店擴(kuò)銷市場。因此設(shè)計一個網(wǎng)上的手機(jī)銷售系統(tǒng)是非常具有發(fā)展前景的，用戶在手機(jī)商城輕輕松松的就可以查詢到或?yàn)g覽到自己感興趣的手機(jī)，只任何地方都可以下單進(jìn)行購買，管理員還可以在后期維護(hù)中為用戶商家許多新版的手機(jī)，還可以根據(jù)用戶的購買數(shù)量統(tǒng)計出用戶對什么樣的手機(jī)更喜愛，幫助生產(chǎn)手機(jī)商做出改進(jìn)。1概述1.1開發(fā)背景及意義隨著智能手機(jī)的全面普及，我國智能手機(jī)市場呈現(xiàn)飽和趨勢，多項(xiàng)指標(biāo)增長勢頭放緩。2019年中國手機(jī)出貨量為3.89億部，比2018年少了0.25億部；2020年1-11月中國手機(jī)出貨數(shù)量為2.81億部。如今也成為人們家喻戶曉的京東，而科技的發(fā)展以及智能手機(jī)的普及，手機(jī)的銷售，雖然還是以線下銷售為主導(dǎo)，但是線上銷售方式，已經(jīng)越來越重要了。經(jīng)過對比，2018年，2019年以及2020年的手機(jī)銷量，網(wǎng)上手機(jī)銷售的市場占比正在每年逐步增加相比于2019年的24%到2020年的20%就足以證明智能手機(jī)的線上銷售模式，將在各大手機(jī)企業(yè)的銷售中越發(fā)重要，將是往后幾年，各大手機(jī)制造廠商及銷售廠商的主要競爭市場。叮當(dāng)網(wǎng)以及亞馬遜平臺上售賣手機(jī)已經(jīng)不是什么新鮮事了，人們的消費(fèi)方式在發(fā)生著改變，所以傳統(tǒng)的實(shí)體手機(jī)店也應(yīng)該跟隨互聯(lián)網(wǎng)的發(fā)展轉(zhuǎn)變成將手機(jī)進(jìn)行網(wǎng)上售賣，接觸互聯(lián)網(wǎng)上的更多用戶，依靠手機(jī)店周邊的人流市場，因此開發(fā)一個手機(jī)銷售系統(tǒng)在網(wǎng)上售賣手機(jī)不僅可以擴(kuò)散市場，既可以節(jié)約了大面積的租房費(fèi)用，還省去了復(fù)雜的人工管理手機(jī)信息方式，系統(tǒng)主要是將手機(jī)的信息記錄在數(shù)據(jù)庫中，將網(wǎng)站發(fā)布到網(wǎng)上，為用戶提供在線購買手機(jī)，下單預(yù)定等操作，用戶可以方便快捷的查詢自己感興趣的手機(jī)進(jìn)行購買，這種方式被稱為B2C模式，即為用戶和手機(jī)商家提供了在線的購買手機(jī)和售賣手機(jī)業(yè)務(wù)。手機(jī)行業(yè)的改革創(chuàng)新，相對于其他語言的網(wǎng)站實(shí)現(xiàn)，應(yīng)用Web來實(shí)現(xiàn)手機(jī)銷售系統(tǒng)，效果很好，即省去了app軟件本地安裝的復(fù)雜程度，表現(xiàn)和內(nèi)容相分離，提高搜索引擎對網(wǎng)頁的索引效率，代碼簡潔，提高頁面瀏覽速度，易于維護(hù)和改版。現(xiàn)實(shí)意義，根據(jù)大學(xué)自己所學(xué)到的知識，開發(fā)出一個手機(jī)銷售的系統(tǒng)，能夠幫助我在畢業(yè)前找到一份好工作打下基礎(chǔ)，并且，對自己學(xué)習(xí)的四年時間做出一次檢驗(yàn)，展示出自己的學(xué)習(xí)成果。1.2本文組織結(jié)構(gòu)基于web的網(wǎng)上手機(jī)銷售系統(tǒng)設(shè)計與后臺管理系統(tǒng)的實(shí)現(xiàn)。本文共分七章。各章的組織結(jié)構(gòu)和內(nèi)容如下：概述。首先敘述了本系統(tǒng)開發(fā)的背景、目的以及手機(jī)線上銷售的現(xiàn)狀和意義。國內(nèi)外對此類系統(tǒng)的應(yīng)用與需求，主要內(nèi)容以及相關(guān)技術(shù)的介紹與分析。在系統(tǒng)分析中的可行性分析與需求分析，系統(tǒng)流程的分析闡述。主要介紹了手機(jī)銷售系統(tǒng)的可行性、未來適用性、發(fā)展性、系統(tǒng)所面向的用戶角色和功能需求，以及系統(tǒng)的功能流程分析。系統(tǒng)設(shè)計。闡述了手機(jī)銷售系統(tǒng)的功能需求的設(shè)計，和系統(tǒng)所需要的數(shù)據(jù)庫信息的設(shè)計。系統(tǒng)實(shí)現(xiàn)。概述整體網(wǎng)站的設(shè)計與實(shí)現(xiàn)，各項(xiàng)功能將怎樣實(shí)現(xiàn)，以及網(wǎng)站預(yù)計測試。系統(tǒng)測試。完成時要對系統(tǒng)進(jìn)行整體的測試，對各個功能的缺陷和問題做出分析和更正并編寫測試用例和測試過程。結(jié)束語與致謝。對論文全部內(nèi)容進(jìn)行總結(jié)以及展望和致謝。2系統(tǒng)分析2.1可行性分析2.1.1技術(shù)可行性前端頁面開發(fā)語言選用主流的Vue語言，在大學(xué)時期參加過集中培訓(xùn)Web實(shí)訓(xùn)項(xiàng)目，使我對Node.js的應(yīng)用有了很好的基礎(chǔ)，然后又學(xué)習(xí)了一階段的基礎(chǔ)的java知識，二階段的網(wǎng)頁JSP，HTML，CSS，Javascrpt知識，三階段學(xué)習(xí)了Mysql數(shù)據(jù)庫知識，在此基礎(chǔ)上，系統(tǒng)頁面設(shè)計選用Vue技術(shù)，后臺使用語言進(jìn)行系統(tǒng)開發(fā)。功能完善、要素齊全：擁有多種適合公司網(wǎng)站快速發(fā)展的常用工具和框架。2.1.2經(jīng)濟(jì)可行性系統(tǒng)適合應(yīng)用于中小型的實(shí)體手機(jī)店，在硬件方面只需要購買一臺服務(wù)器為用戶提供服務(wù)，在購買一臺主機(jī)后期對手機(jī)進(jìn)行維護(hù)即可，成本很小，軟件方面為后期維護(hù)和擴(kuò)展都提供了方便，人員方面只需要商家登陸系統(tǒng)自行管理即可，省去了大量的人員費(fèi)用，因此經(jīng)濟(jì)可行。本網(wǎng)站是一個適合大眾的免費(fèi)的web應(yīng)用軟件，應(yīng)用在瀏覽器端，無需使用額外的軟硬件，節(jié)省了很大一部分的開支；本網(wǎng)站的開發(fā)工作由本人自主完成，故沒有多余的人員開銷；開發(fā)工具和測試工具都只需要一臺電腦，開發(fā)工具與技術(shù)也都是免費(fèi)的，所以并沒有額外的開支。2.1.3操作可行性線上手機(jī)銷售系統(tǒng)是隨著網(wǎng)購人群逐年增加而形成的，它是隨著現(xiàn)代購物需求的提高和信息傳播速度的提高而應(yīng)用于網(wǎng)絡(luò)的一系列線上購物系統(tǒng)。網(wǎng)站適合各種手機(jī)廠商的要求，也適合各種需求的消費(fèi)者，在系統(tǒng)的設(shè)計上不僅界面清晰，還簡單易操作，能給用戶帶來極致體驗(yàn)。2.2需求分析2.2.1系統(tǒng)功能需求手機(jī)銷售系統(tǒng)是完成了用戶線上購買以及管理人員后期對系統(tǒng)維護(hù)的操作，所以根據(jù)兩者之間的功能需求進(jìn)行分析，用戶需要在網(wǎng)站首頁查詢手機(jī)信息；用戶需瀏覽手機(jī)信息；用戶需要注冊個人信息并存儲；用戶在購買手機(jī)的結(jié)算時候結(jié)算功能；用戶結(jié)算完成需要查看訂單信息；管理人員需要對非法用戶進(jìn)行管理；對后期需要維護(hù)的手機(jī)信息進(jìn)行管理；手機(jī)分哪些類的管理；用戶下單是否有誤進(jìn)行管理；2.2.2系統(tǒng)數(shù)據(jù)流圖手機(jī)銷售系統(tǒng)的頂層數(shù)據(jù)流圖如下圖2.2，該圖表示手機(jī)銷售系統(tǒng)同外部實(shí)體用戶和管理員之間的信息輸入，信息輸出的關(guān)系。圖2.1數(shù)據(jù)流程圖2.2.3系統(tǒng)數(shù)據(jù)需求按照總體設(shè)計的功能模塊和需求分析，酒店管理系統(tǒng)的各個模塊的數(shù)據(jù)字典：1、系統(tǒng)管理員的需求數(shù)據(jù)：用戶名，密碼。2、手機(jī)的數(shù)據(jù)信息：包含的數(shù)據(jù)項(xiàng)有手機(jī)id，手機(jī)類型名稱，手機(jī)出廠生產(chǎn)日期，手機(jī)的價格，手機(jī)的生產(chǎn)商，手機(jī)的圖片。3、用戶的數(shù)據(jù)信息：包含的數(shù)據(jù)項(xiàng)有用戶id，用戶手機(jī)號。4、訂單詳情的數(shù)據(jù)信息：包含的數(shù)據(jù)項(xiàng)有手機(jī)列表信息，訂單id，總價格，預(yù)訂天數(shù)。5、手機(jī)類型數(shù)據(jù)信息：包含的數(shù)據(jù)項(xiàng)手機(jī)類型的id，類型名稱。2.3系統(tǒng)流程分析2.3.1登錄流程用戶登錄流程圖如圖2.1所示。圖2.1登錄流程圖2.3.2注冊流程未有賬號的用戶可進(jìn)入注冊界面進(jìn)行注冊賬號，用戶注冊流程圖如圖2.2所示。圖2.2注冊流程圖2.3.3添加信息流程系統(tǒng)傳遞數(shù)據(jù)到后臺操作會對添加的信息進(jìn)行驗(yàn)證，驗(yàn)證通過則添加至數(shù)據(jù)庫，添加信息成功，反之添加失敗。添加信息流程如圖2.3所示。圖2.3添加信息流程圖2.3.4刪除信息流程系統(tǒng)傳遞數(shù)據(jù)到后臺操作數(shù)據(jù)庫將信息進(jìn)行刪除。刪除信息流程圖如圖2.4所示。圖2.4刪除信息流程圖3系統(tǒng)設(shè)計3.1系統(tǒng)功能設(shè)計（1）前臺用戶模塊：1）用戶登錄與注冊，任何訪問本系統(tǒng)的用戶在購買手機(jī)時都會有登錄提示。2）瀏覽手機(jī)，無論用戶是否登陸都可以瀏覽頁面的手機(jī)的信息。3）手機(jī)預(yù)定，用戶選購手機(jī)提交提單后，會有訂單信息。4）購物車：可以將想要購買的手機(jī)加入購物車。5）訂單管理：用戶提交訂單后可以查看訂單和刪除訂單。6）個人信息管理，用戶在首頁可以對個人信息進(jìn)行修改。（2）管理員模塊：1）用戶管理：登錄后可以對用戶進(jìn)行查找和修改以及刪除用戶。2）手機(jī)評價管理：管理員對購買手機(jī)的用戶評價信息進(jìn)行刪除，和增加管理。3）訂單管理：可以對當(dāng)前的訂單進(jìn)行管理，如對用戶的下單管理，刪除非法下單，編輯下單信息等。4）手機(jī)管理：管理員可以對手機(jī)進(jìn)行管理如添加手機(jī)，編輯手機(jī)和刪除手機(jī)方便后期維護(hù)。圖3.1功能模塊圖3.2數(shù)據(jù)庫設(shè)計3.2.1數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計圖3.2用戶屬性圖圖3.3管理員屬性圖圖3.4手機(jī)信息屬性圖圖3.5手機(jī)屬性圖圖3.6訂單屬性圖圖3.7訂單屬性圖用戶可以購買多種的手機(jī)，用戶和手機(jī)關(guān)系，1：N，訂單中可以包含多中手機(jī)信息，一種手機(jī)信息也可以被多個訂單所包含，訂單和手機(jī)關(guān)系：N:M詳細(xì)如下實(shí)體間的E-R圖3.6。圖3.8部分實(shí)體間E-R圖3.2.2數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計用戶登錄系統(tǒng)后，需要對用戶信息存儲，在首頁瀏覽的手機(jī)也需要進(jìn)行存儲，用于下單后產(chǎn)生的訂單信息也需要進(jìn)行存儲，以及管理員信息存儲，需要的數(shù)據(jù)信息如下表所示。4系統(tǒng)實(shí)現(xiàn)4.1網(wǎng)站首頁界面實(shí)現(xiàn)本系統(tǒng)針對前后臺用戶設(shè)計，因此系統(tǒng)的前后臺首頁頁面是用戶的第一使用體驗(yàn)，好的頁面會為用戶帶來心情愉悅感，所以在針對頁面設(shè)計時，要采用目前非常主流的Vue頁面框架技術(shù)，選擇一套精美的模板引用到界面，使界面看起來高端且大氣。圖4.1前臺用戶主頁面圖4.2后臺用戶主頁面4.2系統(tǒng)各功能模塊實(shí)現(xiàn)4.2.1登陸功能實(shí)現(xiàn)管理員需要登錄成功后才可以進(jìn)行后臺管理工作，因此首先要在登錄頁面驗(yàn)證信息，代碼的邏輯流程為當(dāng)管理員在頁面輸入數(shù)據(jù)點(diǎn)擊登陸后，form表單攜帶的的數(shù)據(jù)會通過Aioxs提交到后臺，后臺通過Action類下adminActionc類中的映射“adminlogin”入口處獲取提交的數(shù)據(jù)，在數(shù)據(jù)庫中查詢用戶，如果成功則返回1。如下圖4.3用戶登錄圖。圖4.3用戶登錄頁面管理員需要登錄成功后才可以進(jìn)行后臺管理工作，因此首先要在登錄前要進(jìn)行賬號注冊，注冊頁面填寫信息，點(diǎn)擊提交后，form表單攜帶的的數(shù)據(jù)會通過Aioxs提交到后臺，后臺通過Action類下adminActionc類中的映射“adminlogin”入口處獲取提交的數(shù)據(jù)，在數(shù)據(jù)庫中插入用戶，如果成功則返回注冊成功并跳轉(zhuǎn)至登錄頁。如下圖4.4用戶注冊頁面。圖4.4用戶注冊頁面4.2.2管理員功能實(shí)現(xiàn)用戶在購買手機(jī)后，可以對購買的商品使用體驗(yàn)留下一個評價，商場的手機(jī)工作人員可以查看到這個評價還可以對這個評價做出管理，如刪除或者新增等。在評價頁面還可以通過輸入欄查詢評價信息，在輸入欄中的信息會傳遞到后臺的中的serice類中的getliuyan方法，通過傳入的數(shù)據(jù)進(jìn)行數(shù)據(jù)庫的模糊查詢，將查詢到的數(shù)據(jù)封裝到集合列表中，返回到頁面中，使用Vue.js中的V-For進(jìn)行列表迭代遍歷。圖4.5手機(jī)評價管理頁面管理員可以對訂單進(jìn)行管理和查看，訂單的支付狀態(tài)查看，退款訂單查看，未支付訂單查看，已完成交易訂單查看。圖4.6訂單管理頁面管理員在登錄到系統(tǒng)后，可以對自己的個人信息進(jìn)行管理，信息可以輸入用戶名，上傳照片和選擇性別等。圖4.7個人中心管理頁面4.2.2前臺用戶功能實(shí)現(xiàn)用戶可根據(jù)類別瀏覽手機(jī)，還可以點(diǎn)擊圖片進(jìn)行手機(jī)詳情查看，當(dāng)用戶點(diǎn)擊的圖片id會通過Axion傳遞到后臺的IphoneCon類中的GetById方法中，通過id綁定的類型名稱去數(shù)據(jù)庫做查詢，將查詢到這一類別的手機(jī)信息封裝到集合中返回到頁面中進(jìn)行遍歷。圖4.8手機(jī)分類瀏覽頁面購物車功能，用戶可以將自己瀏覽的多件商品同時加入購物車，在購物車中會自動算好總價錢，還可以在購物車中增加和減少手機(jī)。圖4.9購物車頁面?zhèn)€人信息中心，用戶在注冊完成時填入的信息可能會有不正確的內(nèi)容，如果想要進(jìn)行修改，可以登錄后在個人中心直接修改個人的信息。圖4.10個人信息頁面5系統(tǒng)測試5.1測試原理系統(tǒng)完成之后，對各個功能模塊進(jìn)行模塊測試，即黑盒測試，通過測試每個功能是否都可以正常使用來檢測程序是否能夠正常運(yùn)作，在測試當(dāng)中把系統(tǒng)看作黑匣子，在整體進(jìn)行一步步測試，在不考慮程序的內(nèi)部代碼邏輯情況下，對界面功能和系統(tǒng)功能分別測試，測試中可能會出現(xiàn)以下這兩種情況，功能出現(xiàn)遺漏現(xiàn)象和功能錯誤，數(shù)據(jù)不能正常地接受和輸出，結(jié)果可能不合理，針對這幾種情況進(jìn)行黑盒測試。5.2測試過程前臺模塊：（1）用戶登錄功能，輸入不正確的的用戶名或密碼信息，輸入為空的用戶名和密碼信息，輸入數(shù)據(jù)庫中存在的用戶名和密碼信息。（2）用戶注冊功能，當(dāng)用戶注冊時，填寫的信息如果有空，或兩次密碼不一致，會有提示效果，當(dāng)填寫數(shù)據(jù)完整，點(diǎn)擊注冊后，會出現(xiàn)提示，數(shù)據(jù)庫會有新的注冊用戶數(shù)據(jù)。（3）手機(jī)分類和瀏覽，登錄成功后會看到網(wǎng)站的首頁展示內(nèi)容，根據(jù)數(shù)據(jù)庫存儲的手機(jī)信息，點(diǎn)擊導(dǎo)航欄的不同手機(jī)種類信息。后臺模塊：（1）用戶管理功能。進(jìn)入后臺系統(tǒng)，點(diǎn)擊刪除用戶，數(shù)據(jù)庫對應(yīng)的用戶是否刪除。（2）手機(jī)分類管理，點(diǎn)擊手機(jī)管理，添加手機(jī)，手機(jī)分類分別填寫信息和操作。（3）訂單管理功能：對訂單進(jìn)行增刪改。5.3測試結(jié)果表5.1測試結(jié)果表場景測試用例預(yù)期結(jié)果實(shí)際結(jié)果登錄輸入錯誤的用戶名和密碼頁面會有輸入錯誤提示符合登錄輸入空的用戶名和密碼時頁面會有不能為空提示符合登錄輸入正確的用戶名和密碼時登陸成功跳轉(zhuǎn)首頁符合注冊進(jìn)入注冊頁面，輸入完整信息信息填寫完整后，兩次密碼且填寫一致，會提示提用戶注冊成功。數(shù)據(jù)庫會有新用戶添加。符合手機(jī)分類和瀏覽首頁點(diǎn)擊不同類別的商品點(diǎn)擊不同的類比手機(jī)都會有顯示，還可以點(diǎn)擊圖片查看。符合管理員對用戶管理刪除用戶數(shù)據(jù)庫會對應(yīng)的刪除用戶信息記錄。符合訂單管理點(diǎn)擊訂單管理，進(jìn)行修改和刪除。數(shù)據(jù)庫會變更對應(yīng)的訂單記錄。符合

結(jié)束語論文的設(shè)計已經(jīng)接近完成，系統(tǒng)已經(jīng)可以基本實(shí)現(xiàn)了網(wǎng)上手機(jī)市場的功能，系統(tǒng)發(fā)布后將為用戶呈現(xiàn)在線的手機(jī)商城，用戶可以隨時隨地在商城內(nèi)挑選手機(jī)，手機(jī)生產(chǎn)商也可以利用本系統(tǒng)實(shí)現(xiàn)在線售賣手機(jī)的一系列