計(jì)算機(jī)科學(xué)與技術(shù)-基于SSM的網(wǎng)上服裝批發(fā)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

目錄第1章緒論 11.1系統(tǒng)開(kāi)發(fā)的背景和意義 11.2國(guó)內(nèi)外研究現(xiàn)狀 11.3本課題研究的主要內(nèi)容 2第2章系統(tǒng)需求分析 32.1系統(tǒng)的功能需求分析 32.2UML系統(tǒng)建模 32.3本章小結(jié) 4第3章系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 53.1系統(tǒng)總體的架構(gòu)設(shè)計(jì) 53.2數(shù)據(jù)庫(kù)設(shè)計(jì) 53.2.1數(shù)據(jù)庫(kù)的概念設(shè)計(jì) 53.2.2數(shù)據(jù)庫(kù)的物理設(shè)計(jì) 63.3系統(tǒng)模塊設(shè)計(jì) 93.4系統(tǒng)實(shí)現(xiàn) 143.4.1用戶登陸模塊的實(shí)現(xiàn) 143.4.2用戶注冊(cè)模塊的實(shí)現(xiàn) 163.4.3購(gòu)物車模塊的實(shí)現(xiàn) 183.4.4訂單查詢模塊的實(shí)現(xiàn) 203.4.5商城后臺(tái)管理模塊的實(shí)現(xiàn) 203.5本章小結(jié) 22第4章系統(tǒng)測(cè)試 234.1測(cè)試目的和意義 234.2測(cè)試方法 234.3測(cè)試用例 23第5章結(jié)束語(yǔ) 255.1全文總結(jié) 255.2課題展望 25參考文獻(xiàn) 26致謝 28第1章緒論1.1系統(tǒng)開(kāi)發(fā)的背景和意義中國(guó)互聯(lián)網(wǎng)不斷發(fā)展，物流越來(lái)越方便和健全，從以前的郵政到家到現(xiàn)在的四通一達(dá)，讓人們網(wǎng)上購(gòu)物已經(jīng)成為了一種生活習(xí)慣。淘寶京東各種電商網(wǎng)站的購(gòu)物，微信QQ這種社交的巨頭，抖音直播各種短視頻的興起。讓我們了解到互聯(lián)網(wǎng)應(yīng)用在人們?nèi)粘Ｉ畹闹匾?，隨著人們生活水平的不斷提高,互聯(lián)網(wǎng)應(yīng)用各種興起。比如直播，網(wǎng)絡(luò)游戲和網(wǎng)上購(gòu)物已經(jīng)成為人們生活中不可缺少的休閑和娛樂(lè)的方式。家庭計(jì)算機(jī)的不斷普及，從以前昂貴的電腦到現(xiàn)在家家戶戶至少都有一臺(tái)電腦，使得中國(guó)進(jìn)入了信息化時(shí)代。中國(guó)網(wǎng)民享受著互聯(lián)網(wǎng)帶來(lái)的種種便利，使用電腦解決復(fù)雜的問(wèn)題，提高工作的效率和效益,所以各種企業(yè)的管理系統(tǒng)和電商網(wǎng)站不斷興起，服裝批發(fā)系統(tǒng)也是基于這一點(diǎn)去設(shè)計(jì)開(kāi)發(fā)的?；赟SM的網(wǎng)上服裝批發(fā)系統(tǒng)不但緩解了實(shí)體店租金壓力，減少了人工成本，還解決了時(shí)間空間的限制問(wèn)題，做到了一天24個(gè)小時(shí)隨時(shí)隨地的購(gòu)買衣服。人們可以在網(wǎng)站上瀏覽衣服商品價(jià)格和信息，商家也能更加方便的去管理貨源和客戶，做到真真正正的雙贏。1.2國(guó)內(nèi)外研究現(xiàn)狀因?yàn)閺幕ヂ?lián)網(wǎng)發(fā)展歷史來(lái)看，硬件軟件的升級(jí)勢(shì)必會(huì)導(dǎo)致一波又一波的紅利爆發(fā)，全球互聯(lián)網(wǎng)用戶不斷增加，中國(guó)移動(dòng)互聯(lián)網(wǎng)的發(fā)展也隨改革開(kāi)發(fā)迅速發(fā)展。據(jù)有關(guān)統(tǒng)計(jì)，到2019年的全球網(wǎng)購(gòu)用戶數(shù)量應(yīng)該將會(huì)超過(guò)19.1億這個(gè)數(shù)字，增長(zhǎng)速率為8.4%，整個(gè)世界的網(wǎng)購(gòu)滲透率約為26.2%。如果隨著網(wǎng)絡(luò)滲透率的繼續(xù)上漲，在線網(wǎng)購(gòu)的人數(shù)增加的速度應(yīng)該會(huì)慢慢趨向平緩，到了2022年世界的在線網(wǎng)購(gòu)消費(fèi)者將達(dá)到23.6億人。電子商務(wù)競(jìng)爭(zhēng)日益加劇，因?yàn)橹袊?guó)市場(chǎng)很大,各大科技網(wǎng)絡(luò)公司相繼推出各種電商活動(dòng)來(lái)吸引用戶。在國(guó)內(nèi)有淘寶的雙11，京東的618和拼多多的砍一刀等等，都是為了不斷的吸引用戶和擴(kuò)大競(jìng)爭(zhēng)趨勢(shì),使商家對(duì)各類產(chǎn)品的管理更加方便快捷，用戶的體驗(yàn)更加完美。而在國(guó)外則有著亞馬遜和eBay這種電商巨鱷。eBay作為曾經(jīng)的C2C鼻祖由于逐漸走向迷茫未來(lái)堪憂，而亞馬遜則強(qiáng)勢(shì)崛起，幾乎成為了真真正正的跨國(guó)電商巨頭。亞馬遜由于其客戶至上的理念和優(yōu)秀的管理模式，已經(jīng)深入每一位美國(guó)人心中，貝索斯對(duì)于用戶體驗(yàn)的極致追求更是形象地被人稱為“用戶體驗(yàn)屠夫”。1.3本課題研究的主要內(nèi)容隨著電腦硬件的不斷升級(jí)和網(wǎng)絡(luò)的不斷優(yōu)化,3G，4G再到現(xiàn)在的5G，相比于以前的2G網(wǎng)上沖浪時(shí)代，網(wǎng)絡(luò)的發(fā)展簡(jiǎn)直不要太快。高速的網(wǎng)速為中國(guó)網(wǎng)民在線購(gòu)物和消費(fèi)提供了非常重要的保障。所以網(wǎng)上購(gòu)物已經(jīng)成為了新時(shí)代人們購(gòu)物的特征，各種大型電商網(wǎng)站的興起也是隨時(shí)代發(fā)展應(yīng)運(yùn)而生。網(wǎng)上服裝批發(fā)系統(tǒng)采用B/S架構(gòu)，系統(tǒng)用戶主要分為普通用戶和管理員兩類。系統(tǒng)的功能有著商品分類展示，前后臺(tái)管理，購(gòu)物車訂單的提交和修改，用戶的留言，用戶登陸注冊(cè)注銷和商品信息搜索等等內(nèi)容。后臺(tái)管理員還能對(duì)商品信息，用戶信息，訂單和留言等等進(jìn)行管理。網(wǎng)上服裝批發(fā)系統(tǒng)主要功能如下：普通用戶：①瀏覽商品：對(duì)服裝商城提供的衣服進(jìn)行瀏覽；②登陸注冊(cè)：輸入賬號(hào)密碼登陸（注冊(cè)）；③購(gòu)物車：將自己喜歡的衣服褲子等加入到購(gòu)物車；④查看訂單：可以查看自己購(gòu)買衣服的訂單信息；管理員：①管理員登陸：輸入管理員賬號(hào)密碼進(jìn)入后臺(tái)；②用戶管理：管理已經(jīng)注冊(cè)的用戶信息；③商品管理：管理那些上架的商品信息，比如修改衣服的價(jià)格描述等等；④訂單管理：管理員對(duì)用戶提交的訂單進(jìn)行查看修改；⑤留言管理：給那些留言的買家進(jìn)行回復(fù)，與買家進(jìn)行互動(dòng)；

第2章系統(tǒng)需求分析2.1系統(tǒng)的功能需求分析根據(jù)基于SSM的網(wǎng)上服裝批發(fā)系統(tǒng)的要求，網(wǎng)上服裝批發(fā)系統(tǒng)的功能模塊主要包括了用戶的登陸注冊(cè)，前后臺(tái)管理，商品信息的展示，購(gòu)物車和訂單等幾模塊?；赟SM的網(wǎng)上服裝批發(fā)系統(tǒng)主要可以分成買家和賣家，普通用戶在注冊(cè)時(shí)候填寫自己的信息完成注冊(cè)，比如需要輸入自己的賬號(hào)密碼，手機(jī)號(hào)和收貨地址，驗(yàn)證碼等等信息。注冊(cè)成功后輸入自己的賬號(hào)密碼校驗(yàn)成功后登陸網(wǎng)上服裝批發(fā)系統(tǒng)，然后可以自行瀏覽喜歡的衣服商品等等，選擇所需要的數(shù)量然后自己加入購(gòu)物車，最后確定好了就可以提交訂單。而管理員可以對(duì)已經(jīng)注冊(cè)好了的用戶進(jìn)行查看和修改，修改他們的一些基本信息，當(dāng)然也可以對(duì)那些惡意注冊(cè)的用戶進(jìn)行刪除。還可以對(duì)訂單和商品信息進(jìn)行管理，還可以對(duì)普通用戶留言進(jìn)行回復(fù)和刪除，最后還能在網(wǎng)上服裝批發(fā)系統(tǒng)里面發(fā)布最新的一些通告新聞等等。2.2UML系統(tǒng)建模1.普通用戶功能用例關(guān)系圖普通用戶的功能用例關(guān)系圖如圖2-1所示：圖2-1普通用戶的用例圖普通用戶可以在線瀏覽商品信息，注冊(cè)登陸后可以加入購(gòu)物車然后提交訂單。還可以在網(wǎng)站上進(jìn)行留言。2.管理員功能用例關(guān)系圖在基于SSM的網(wǎng)上服裝批發(fā)系統(tǒng)中，管理員在輸入自己的賬號(hào)密碼登陸后可以對(duì)已經(jīng)注冊(cè)的用戶進(jìn)行管理。不僅可以對(duì)商品，比如衣服的庫(kù)存價(jià)格進(jìn)行修改，還可以對(duì)已經(jīng)提交的訂單進(jìn)行查看修改，最后可以對(duì)那些留言進(jìn)行回復(fù)和互動(dòng)。管理員的用例關(guān)系圖如圖2-2所示：圖2-2管理員的用例關(guān)系圖2.3本章小結(jié)首先對(duì)基于SSM的網(wǎng)上服裝批發(fā)系統(tǒng)進(jìn)行了需求分析，并且進(jìn)行了系統(tǒng)的功能設(shè)計(jì)。根據(jù)系統(tǒng)的要求，網(wǎng)上服裝批發(fā)系統(tǒng)的功能的設(shè)計(jì)主要包括登陸注冊(cè)，購(gòu)物車，提交訂單，留言和后臺(tái)管理等模塊。另外，本章對(duì)系統(tǒng)進(jìn)行了UML建模，給出了各自的功能用例關(guān)系圖。最后，文中把系統(tǒng)分為普通用戶和管理員兩大模塊，并作了詳細(xì)說(shuō)明。

第3章系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)3.1系統(tǒng)總體的架構(gòu)設(shè)計(jì)本系統(tǒng)在開(kāi)發(fā)的時(shí)候采用了MVC架構(gòu)，主要分成普通用戶（前臺(tái)）和管理員（后臺(tái)）兩大模塊，為了減少系統(tǒng)模塊之間的耦合，采用了SSM作為開(kāi)發(fā)框架，希望能盡量做到代碼的可復(fù)用性和可拓展性。系統(tǒng)的總體架構(gòu)如圖3-1所示：圖3-1系統(tǒng)總體的架構(gòu)圖3.2數(shù)據(jù)庫(kù)設(shè)計(jì)3.2.1數(shù)據(jù)庫(kù)的概念設(shè)計(jì)根據(jù)基于SSM網(wǎng)上服裝批發(fā)系統(tǒng)的功能需求分析和得出了系統(tǒng)的總體架構(gòu)圖之后，確定了每一個(gè)模塊之間的關(guān)系，得出基于SSM網(wǎng)上服裝批發(fā)系統(tǒng)的E-R圖設(shè)計(jì)如下圖3-2所示：圖3-2服裝批發(fā)系統(tǒng)的E-R圖3.2.2數(shù)據(jù)庫(kù)的物理設(shè)計(jì)通過(guò)需求分析后，在邏輯方面和物理設(shè)計(jì)方面確定了以下八張表分別用來(lái)儲(chǔ)存用戶信息，商品和訂單的信息，新聞和評(píng)論的信息等等，如圖3-3所示：圖3-3服裝批發(fā)系統(tǒng)的數(shù)據(jù)庫(kù)圖根據(jù)系統(tǒng)E-R圖的結(jié)果分析可以得出，系統(tǒng)需要建立一些數(shù)據(jù)庫(kù)表來(lái)保存一些相關(guān)的信息，下面是對(duì)SSM服裝批發(fā)系統(tǒng)一些數(shù)據(jù)庫(kù)表的設(shè)計(jì)：第一張表：User表（用來(lái)儲(chǔ)存用戶的信息）表3-1用戶信息表列名數(shù)據(jù)類型可為空注釋USER_IDVARCHAR(32)NOTNULL用戶ID，主鍵PASSWORDVARCHAR(20)NOTNULL用戶密碼USER_NAMEVARCHAR(20)NOTNULL用戶名SEXVARCHAR(1)NOTNULL性別ADDRESSVARCHAR(200)NULL地址BIRTHDAYDATETIMENULL出生日期EMAILVARCHAR(80)NULL電子郵箱MOBILEVARCHAR(11)NULL手機(jī)號(hào)碼STATUSDECIMAL(6,0)NOTNULL狀態(tài)，1普通用戶2管理員表3-1為用戶表，用來(lái)保存用戶注冊(cè)的信息，每個(gè)字段的數(shù)據(jù)類型，是否為空都有表示出來(lái)，最后在注釋還進(jìn)行了一些較為詳細(xì)的描述。第二張表：Shop表（用來(lái)儲(chǔ)存用戶購(gòu)物的信息）表3-2Shop表列名數(shù)據(jù)類型可為空注釋IDINT(11)NOTNULL主鍵ID自增EP_NAMEVARCHAR(64)NULL商品名稱EP_FILE_NAMEVARCHAR(128)NULL商品圖片EP_PRICEDECIMAL(10,0)NULL商品價(jià)格EP_STOCKINT(11)NULL商品庫(kù)存EP_IDINT(11)NULL商品編號(hào)EOD_QUANTITYINT(11)NULL購(gòu)買數(shù)量EU_USER_IDVARCHAR(32)NULL購(gòu)買者IDSTATUSINT(11)NULL支付狀態(tài)表3-2為購(gòu)物車表，主鍵為ID非空，用于保存用戶購(gòu)買衣服等商品時(shí)的一些基本信息，具體字段的數(shù)據(jù)類型都有描述，以及每個(gè)字段所代表的意義也有在注釋中寫出。第三張表：Product表(用來(lái)儲(chǔ)存商品的基本信息)表3-3Product表列名數(shù)據(jù)類型可為空注釋EP_IDINT(10)NOTNULL商品編號(hào)，主鍵自增EP_NAMEVARCHAR(128)NOTNULL商品名稱EP_DESCRITIONVARCHAR(512)NULL商品描述EP_PRICEDECIMAL(10,2)NOTNULL商品價(jià)格EP_STOCKDECIMAL(10,0)NOTNULL商品庫(kù)存EP_FILE_NAMEVARCHAR(200)NULL商品圖片EPC_IDDECIMAL(10,0)NULL商品分類編號(hào)EP_CHILD_IDDECIMAL(10,0)NULL商品分類子編號(hào)表3-3為商品表，用來(lái)儲(chǔ)存商品的一些基本信息，有衣服的價(jià)格、庫(kù)存、商品的圖片和名稱等等，具體的數(shù)據(jù)類型和描述也已經(jīng)在表中給出。第四張表：Order表(用來(lái)儲(chǔ)存用戶訂單的詳細(xì)信息)表3-4Order表列名數(shù)據(jù)類型可為空注釋EO_IDINT(10)NOTNULL主鍵ID自增EO_CERATE_TIMEDATETIMENOTNULL創(chuàng)建時(shí)間EO_COSTDECIMAL(10,2)NOTNULL訂單花費(fèi)EO_STATUSDECIMAL(6,0)NOTNULL訂單狀態(tài)EO_TYPEDECIMAL(6,0)NOTNULL訂單類型EO_USER_IDVARCHAR(10)NOTNULL用戶IDEO_USER_NAMEVARCHAR(20)NULL用戶名EO_USER_ADDERSSVARCHAR(200)NULL訂單地址表3-4為訂單表，用于保存用戶訂單的一些信息，比較常見(jiàn)的有訂單的創(chuàng)建時(shí)間，總的花費(fèi)，下單的用戶和收貨地址等等信息都有描述。第五張表Comment表(用來(lái)保存留言的具體信息)表3-5Comment表列名數(shù)據(jù)類型可為空注釋EC_IDINT(10)NOTNULL留言編號(hào)，主鍵自增EC_CONTENTVARCHAR(200)NOTNULL留言內(nèi)容EC_CREATE_TIMEDATETIMENOTNULL留言時(shí)間EC_REPLYVARCHAR(200)NULL回復(fù)內(nèi)容EC_REPLY_TIMEDATETIMENULL回復(fù)時(shí)間EC_NICK_NAMEVARCHAR(10)NOTNULL匿名用戶表3-5為留言表，主要用來(lái)記錄一些留言的相關(guān)信息，方便管理員對(duì)用戶的留言進(jìn)行回復(fù)和互動(dòng)，具體的有留言和回復(fù)的內(nèi)容時(shí)間等等，具體數(shù)據(jù)類型和描述也在表中給出。3.3系統(tǒng)模塊設(shè)計(jì)根據(jù)需求分析，網(wǎng)上服裝批發(fā)系統(tǒng)的實(shí)現(xiàn)主要包括登陸注冊(cè)，購(gòu)物車和訂單，后臺(tái)管理等幾大模塊的實(shí)現(xiàn)，接下來(lái)就來(lái)對(duì)這些模塊進(jìn)行詳細(xì)的描述和介紹，具體的流程圖也會(huì)在下面給出。1.用戶登陸模塊用戶首先需要注冊(cè)完才能進(jìn)行登陸，在登陸的時(shí)候輸入好自己注冊(cè)的賬號(hào)和密碼，然后在前端先進(jìn)行一些非空校驗(yàn)等等，然后點(diǎn)擊登陸后發(fā)送Ajax請(qǐng)求給服務(wù)器到后臺(tái)進(jìn)行數(shù)據(jù)庫(kù)查詢，進(jìn)行后端的校驗(yàn)，沒(méi)有問(wèn)題后就可以登陸成功。根據(jù)以上描述，用戶的登陸流程為用戶先要進(jìn)入網(wǎng)上服裝批發(fā)系統(tǒng)先進(jìn)行注冊(cè)后才能進(jìn)行登陸，然后輸入自己的賬號(hào)和密碼后進(jìn)行前后端的校驗(yàn)，校驗(yàn)通過(guò)后登陸成功，具體的流程圖如圖3-4所示：圖3-4登陸流程圖2.系統(tǒng)的注冊(cè)模塊首先，普通用戶需要在注冊(cè)頁(yè)面填寫自己相關(guān)的一些信息，然后進(jìn)行注冊(cè)。用戶在注冊(cè)頁(yè)面需要填寫好用戶名密碼，手機(jī)號(hào)收貨地址等相關(guān)信息，填寫完之后點(diǎn)擊注冊(cè)按鈕發(fā)送Ajax請(qǐng)求提交到服務(wù)器。服務(wù)器接收到請(qǐng)求后，通過(guò)前后臺(tái)各種校驗(yàn)進(jìn)行判斷，如果成功進(jìn)入注冊(cè)成功界面然后跳回首頁(yè)，然后根據(jù)注冊(cè)信息寫入到數(shù)據(jù)庫(kù)的用戶表當(dāng)中。如果失敗則重新跳回注冊(cè)頁(yè)面，讓用戶重新輸入信息進(jìn)行注冊(cè)。根據(jù)上面的分析，用戶注冊(cè)流程為用戶先要進(jìn)入服裝批發(fā)系統(tǒng)的用戶登陸頁(yè)面，單擊“注冊(cè)”按鈕進(jìn)行用戶注冊(cè)頁(yè)面，在注冊(cè)頁(yè)面用戶填寫好注冊(cè)信息，單擊提交，系統(tǒng)將進(jìn)行前后端的各種校驗(yàn)，校驗(yàn)成功則用戶注冊(cè)成功。其具體的流程圖如下圖3-5所示：圖3-5用戶注冊(cè)流程圖3.加入購(gòu)物車模塊用戶在頁(yè)面瀏覽商品信息后將自己需要和喜歡的衣服加入購(gòu)物車，用戶登陸成功后，隨便點(diǎn)擊想要的商品進(jìn)入該商品的頁(yè)面，選擇所需要的數(shù)量，然后點(diǎn)擊加入購(gòu)物車后便可以把商品加入到自己的購(gòu)物車。根據(jù)上面的分析，加入購(gòu)物車的流程為用戶先在首頁(yè)點(diǎn)擊用戶登陸頁(yè)面，輸入自己的用戶名和密碼進(jìn)行登陸，登陸成功后瀏覽商品信息，點(diǎn)擊所需商品進(jìn)入商品頁(yè)即可添加商品到購(gòu)物車，其具體的流程圖如下圖3-6所示：圖3-6購(gòu)物車流程圖4.訂單模塊訂單模塊主要實(shí)現(xiàn)了訂單查詢的功能，通過(guò)查詢訂單用戶能夠輕松地知道自己購(gòu)買了什么東西，花費(fèi)了多少錢等信息。下面是對(duì)訂單查詢模塊的設(shè)計(jì)與實(shí)現(xiàn)情況。訂單查詢的流程為管理員先打開(kāi)用戶登陸頁(yè)面，輸入自己的用戶名和密碼進(jìn)行登陸，登陸成功后將商品加入購(gòu)物車后提交訂單，然后用戶點(diǎn)擊個(gè)人訂單查詢即可進(jìn)訂單查詢頁(yè)面，在訂單查詢頁(yè)面，用戶可以知道所購(gòu)買的商品信息和所對(duì)應(yīng)的訂單號(hào)。其具體的流程圖如下圖3-7所示：圖3-7個(gè)人訂單查詢流程圖5.服裝商城的后臺(tái)模塊基于SSM的網(wǎng)上服裝批發(fā)系統(tǒng)的后臺(tái)管理模塊可以對(duì)用戶和商品信息進(jìn)行管理，也可以對(duì)訂單進(jìn)行修改，對(duì)留言進(jìn)行回復(fù)，還可以發(fā)布一些新聞等等。具體是管理員通過(guò)輸入自己的賬號(hào)密碼后進(jìn)入服裝商城，然后在系統(tǒng)的后臺(tái)對(duì)這些模塊進(jìn)行修改，修改成功后點(diǎn)擊提交進(jìn)行更新。其具體的流程圖如下圖3-8所示：圖3-8后臺(tái)管理流程圖3.4系統(tǒng)實(shí)現(xiàn)根據(jù)上一節(jié)的系統(tǒng)模塊的設(shè)計(jì)，本節(jié)給出了它們的實(shí)現(xiàn)。下面分別是它們實(shí)現(xiàn)的界面效果。3.4.1用戶登陸模塊的實(shí)現(xiàn)下圖3-9是用戶登陸模塊實(shí)現(xiàn)的界面圖，在登陸頁(yè)面有賬號(hào)和密碼輸入框，最后還有一個(gè)驗(yàn)證碼輸入框。只要用戶輸入自己的賬號(hào)密碼以及驗(yàn)證碼后，點(diǎn)擊登陸按鈕進(jìn)行登陸，就可以成功的登陸。圖3-9用戶登陸圖系統(tǒng)先進(jìn)行前臺(tái)檢驗(yàn)后發(fā)送Ajax請(qǐng)求到服務(wù)器進(jìn)行校驗(yàn)，代碼如下：if(name==''){ alert('用戶名不能為空'); return; } if(password==''){ alert('密碼不能為空'); return; } if(code==''){ alert('驗(yàn)證碼不能為空'); return; } $.ajax({ url:'login', type:'POST', data:{name:name,password:password,code:code}, dataType:'json', success:function(data){ if(data.type=='success'){ alert('登錄成功!'); window.location.href='index'; }else{ alert(data.msg); } 圖3-10登陸成功頁(yè)面3.4.2用戶注冊(cè)模塊的實(shí)現(xiàn)注冊(cè)頁(yè)面包含了用戶注冊(cè)需要輸入的基本信息：有用戶名、姓名、密碼、性別、出生日期、郵箱、手機(jī)號(hào)碼、送貨地址和驗(yàn)證碼后，單擊“提交注冊(cè)”按鈕將進(jìn)行注冊(cè)操作；如果用戶注冊(cè)成功將跳到注冊(cè)成功界面，否則將提示相應(yīng)的錯(cuò)誤信息。圖3-11用戶注冊(cè)界面系統(tǒng)先進(jìn)行前臺(tái)檢驗(yàn)后發(fā)送Ajax請(qǐng)求到服務(wù)器進(jìn)行校驗(yàn)，代碼如下：if(name==''){ alert('用戶名不能為空'); return; } if(password==''){ alert('密碼不能為空'); return; } if(password!=repassword){ alert('兩次密碼不一致'); return; } if(email==''){ alert('郵箱不能為空'); return; } if(code==''){ alert('驗(yàn)證碼不能為空'); return; } $.ajax({ url:'register', type:'POST', data:{name:name,password:password,email:email,code:code}, dataType:'json', success:function(data){ if(data.type=='success'){ alert('注冊(cè)成功!'); window.location.href='login'; }else{ alert(data.msg); } }圖3-12用戶注冊(cè)成功頁(yè)面3.4.3購(gòu)物車模塊的實(shí)現(xiàn)商品頁(yè)（男裝女裝等等商品信息）上主要包含了：商品名稱、商品價(jià)格、快遞方式、商品庫(kù)存和購(gòu)買數(shù)量等基本信息。當(dāng)用戶注冊(cè)登陸完后，點(diǎn)擊商品加入購(gòu)物車，可以將選好的衣服放入購(gòu)物車，然后在購(gòu)物車界面上再選擇全選進(jìn)行總金額的結(jié)算，如果用戶結(jié)算成功將返回主頁(yè)面，如圖3-13所示：圖3-13加入購(gòu)物車界面圖3-14購(gòu)物車結(jié)算界面3.4.4訂單查詢模塊的實(shí)現(xiàn)下圖3-15是訂單查詢模塊實(shí)現(xiàn)的界面圖，用戶可以點(diǎn)擊個(gè)人訂單進(jìn)行查詢，當(dāng)用戶登陸成功，然后成功購(gòu)物后，單擊個(gè)人訂單按鈕查詢即可得到圖3-15所示的實(shí)現(xiàn)界面，它是查詢個(gè)人購(gòu)物訂單的所有記錄。圖3-15個(gè)人訂單查詢3.4.5商城后臺(tái)管理模塊的實(shí)現(xiàn)當(dāng)管理員成功輸入自己的賬號(hào)密碼進(jìn)入服裝批發(fā)系統(tǒng)后，就可以對(duì)注冊(cè)好的用戶信息、商品信息、訂單信息、留言和新聞信息等進(jìn)行操作和修改，服裝批發(fā)系統(tǒng)的后臺(tái)管理界面如圖3-16所示。圖3-16服裝批發(fā)系統(tǒng)的后臺(tái)界面在基于SSM的服裝批發(fā)系統(tǒng)后臺(tái)的用戶管理界面上，如果管理員要對(duì)已經(jīng)注冊(cè)好的用戶信息進(jìn)行修改或刪除的操作，只需點(diǎn)擊“刪除”按鈕即可把普通用戶刪除。如果要修改用戶信息則點(diǎn)擊下面的“修改”按鈕即可提交所需要的修改信息。圖3-17后臺(tái)管理用戶界面3.5本章小結(jié)本章從需求分析開(kāi)始，運(yùn)用MVC的設(shè)計(jì)理念和分層，建立了系統(tǒng)總體架構(gòu)圖，之后再對(duì)數(shù)據(jù)庫(kù)表進(jìn)行建立和設(shè)計(jì)，給出相應(yīng)的字段、數(shù)據(jù)類型和詳細(xì)描述。然后給出系統(tǒng)模塊實(shí)現(xiàn)的流程圖，闡述各個(gè)模塊實(shí)現(xiàn)的基本流程。最后給出每個(gè)模塊相應(yīng)的實(shí)現(xiàn)圖，對(duì)各個(gè)模塊的具體實(shí)現(xiàn)進(jìn)行再一步的說(shuō)明，本章是一步一步的去完成和實(shí)現(xiàn)基于SSM的網(wǎng)上服裝批發(fā)系統(tǒng)。

第4章系統(tǒng)測(cè)試4.1測(cè)試目的和意義系統(tǒng)測(cè)試主要是為了保證系統(tǒng)的穩(wěn)定性和可靠性，確保系統(tǒng)各項(xiàng)功能能正常運(yùn)行，比如在數(shù)據(jù)庫(kù)層可能存在一些數(shù)據(jù)庫(kù)字段長(zhǎng)度不正確，在開(kāi)發(fā)時(shí)寫錯(cuò)數(shù)據(jù)庫(kù)的表名或字段名（這個(gè)比較容易出現(xiàn)），所以測(cè)試可以保證數(shù)據(jù)庫(kù)層的正確性。再比如在業(yè)務(wù)邏輯層一些編碼錯(cuò)誤導(dǎo)致了一些模塊或接口的錯(cuò)誤，這也需要通過(guò)測(cè)試進(jìn)行改正。在前端方面可能頁(yè)面展示不全，瀏覽器不兼容等問(wèn)題也是存在的，所以也需要來(lái)進(jìn)行系統(tǒng)測(cè)試。4.2測(cè)試方法如果從前后端分離模式來(lái)講，測(cè)試應(yīng)該按照前后端分離來(lái)進(jìn)行測(cè)試，前端測(cè)前端，后端測(cè)后端。不過(guò)系統(tǒng)應(yīng)該要保證前后端獨(dú)立可測(cè)試，前端主要對(duì)頁(yè)面展示和跳轉(zhuǎn)，數(shù)據(jù)的輸入與響應(yīng)，參數(shù)傳遞等等來(lái)進(jìn)行測(cè)試。而后端主要保證數(shù)據(jù)接口的提供，數(shù)據(jù)的格式和校驗(yàn)，異常情況和一些系統(tǒng)的權(quán)限問(wèn)題來(lái)進(jìn)行測(cè)試。如果采用傳統(tǒng)理論來(lái)說(shuō)，一般是使用白盒測(cè)試或黑盒測(cè)試，或者兩者結(jié)合來(lái)進(jìn)行測(cè)試，白盒測(cè)試主要針對(duì)的是程序代碼邏輯，而黑盒測(cè)試顧名思義就是把測(cè)試對(duì)象當(dāng)做看不見(jiàn)的黑盒來(lái)進(jìn)行測(cè)試，通過(guò)輸入數(shù)據(jù)來(lái)看輸出的結(jié)果，比較適合用來(lái)測(cè)試網(wǎng)頁(yè)或游戲。系統(tǒng)主要采用了黑盒來(lái)進(jìn)行測(cè)試，能夠比較容易發(fā)現(xiàn)一些功能上的錯(cuò)誤或一些頁(yè)面上的錯(cuò)誤和數(shù)據(jù)庫(kù)訪問(wèn)的錯(cuò)誤，通過(guò)測(cè)試來(lái)保證系統(tǒng)的正確性和可靠性，對(duì)錯(cuò)誤進(jìn)行排查改正。4.3測(cè)試用例使用谷歌瀏覽器在前臺(tái)進(jìn)行登陸測(cè)試，測(cè)試的時(shí)間和操作如下表4-1所示：表4-1登陸測(cè)試用例表使用谷歌瀏覽器在后臺(tái)進(jìn)行用戶管理測(cè)試，測(cè)試的時(shí)間和操作如下表4-2所示：表4-2后臺(tái)用戶管理測(cè)試用例表使用谷歌瀏覽器在后臺(tái)進(jìn)行商品管理測(cè)試，測(cè)試的時(shí)間和操作如下表4-3所示：表4-3后臺(tái)商品管理測(cè)試用例表

第5章結(jié)束語(yǔ)5.1全文總結(jié)基于SSM的網(wǎng)上服裝批發(fā)系統(tǒng)主要采用了java語(yǔ)言來(lái)進(jìn)行開(kāi)發(fā)，通過(guò)查閱網(wǎng)絡(luò)資料和書籍來(lái)解決一些遇到的問(wèn)題，無(wú)論是從前期的設(shè)計(jì)再到系統(tǒng)的實(shí)現(xiàn)。服務(wù)器方面采用的是tomcat8.5，數(shù)據(jù)庫(kù)方面選用的是MySQL，用eclipse進(jìn)行開(kāi)發(fā)。系統(tǒng)的實(shí)現(xiàn)主要采用了Spring+SpringMVC+MyBatis三大框架結(jié)合作為主體框架來(lái)實(shí)現(xiàn)完成這個(gè)系統(tǒng)，主要實(shí)現(xiàn)了登陸注冊(cè)，購(gòu)物車，訂單查詢，留言和后臺(tái)管理等功能。5.2課題展望隨著信息技術(shù)和時(shí)代不斷發(fā)展，信息化變得越來(lái)越重要，人們享受著互聯(lián)網(wǎng)帶來(lái)的種種便利?！疤詫殹?、“京東”、“拼多多”三大電商巨頭，使足不出戶購(gòu)物成為了現(xiàn)實(shí)，更有雙十一這種現(xiàn)象級(jí)別的營(yíng)銷活動(dòng)，從中小學(xué)生到老年人，個(gè)個(gè)成為了忠實(shí)的“剁手黨”?？爝f行業(yè)的興起，國(guó)家的重視使得電商越來(lái)越為重要，線上購(gòu)物的理念深入每個(gè)老百姓的心中。天貓商城，京東自營(yíng)，拼多多的砍一刀有著不同的營(yíng)銷策略，想吸引的用戶群體也有很大的不同。當(dāng)然，打擊假冒偽劣產(chǎn)品也不能松懈，讓老百姓能夠真真正正享受移動(dòng)互聯(lián)網(wǎng)所帶來(lái)的種種效益。所以，研究移動(dòng)互聯(lián)網(wǎng)，使線上購(gòu)物充分發(fā)揮其效益，具有重要意義。

參考文獻(xiàn)[1]BruceEckel.ThinkinginJava[M].UpperSaddleRiver,NewJersey,USA:PrenticeHall,2006

[2]陳道鑫,宋紹云,袁中旺,等.ExtJS框架在Web軟件開(kāi)發(fā)中的應(yīng)用[J].電腦知識(shí)與技術(shù)2011,07(9):2044-2047[3]賀偉,李鳳.基于項(xiàng)目驅(qū)動(dòng)式教學(xué)的《Java面向?qū)ο蟪绦蛟O(shè)計(jì)》課程實(shí)踐[J].計(jì)算機(jī)產(chǎn)品與流通,2019(01):263-264.[4](美)威爾德，斯尼德等著，趙利通譯.SpringFramework2入門經(jīng)典[M].