第第頁共33頁基于Java的網(wǎng)上購物商城系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)摘要網(wǎng)上購物商城系統(tǒng)主要為方便用戶購物而設(shè)計(jì)的，基于B/S結(jié)構(gòu)的售賣各種商品的商城系統(tǒng)。本商城系統(tǒng)前臺(tái)頁面使用HTML，JSP和Ajax配合jQuery和bootstrap等框架編寫，后臺(tái)管理員界面使用JSP和MySQL作為實(shí)現(xiàn)后臺(tái)邏輯處理。系統(tǒng)主要完成了用戶的注冊(cè)、登錄、退出、系統(tǒng)公告、用戶信息管理、購物車以及訂單詳情等功能，使用該系統(tǒng)的用戶可以分為兩種，管理員和普通用戶。本系統(tǒng)具備有基本的功能，不過系統(tǒng)的運(yùn)行速度和響應(yīng)速度上還有待提高。本文設(shè)計(jì)的網(wǎng)上購物商城系統(tǒng)是根據(jù)目前市面上已有的移動(dòng)端商城系統(tǒng)的設(shè)計(jì)理念以及設(shè)計(jì)框架的基礎(chǔ)上進(jìn)行改動(dòng)和優(yōu)化，該網(wǎng)上購物商城系統(tǒng)使用了B/S模型和MVC三層架構(gòu)，并采用JSP作為網(wǎng)頁模板引擎實(shí)現(xiàn)頁面的動(dòng)態(tài)效果，而后端的數(shù)據(jù)庫使用的是MySQL數(shù)據(jù)庫。本文首先介紹選題背景及設(shè)計(jì)意義，分析當(dāng)下電子商務(wù)的社會(huì)現(xiàn)狀；根據(jù)社會(huì)背景介紹本網(wǎng)站的所需要的基本功能分析以及系統(tǒng)的概要設(shè)計(jì)；將系統(tǒng)論述分為三個(gè)模塊：用戶與商家的需求分析設(shè)計(jì)、功能以及界面概要設(shè)計(jì)以及數(shù)據(jù)庫設(shè)計(jì)，最后討論該基于Java的網(wǎng)上購物商城的發(fā)展前景并做總結(jié)。關(guān)鍵詞：網(wǎng)購；JavaWeb；MySQL；目錄294981引言 11141.1課題背景 191561.2目的和意義 134192開發(fā)工具及技術(shù) 3231222.1IntelliJIDEA 3122932.2Tomcat 3181342.3MySQL 345032.4JSP 3161012.5JavaScript 473532.6Ajax 4262912.7SpringMVC 4246552.8Spring 4246552.9Mybatis 5100023系統(tǒng)分析 6188063.1可行性分析 63.1.1法律的可行性 63.1.2經(jīng)濟(jì)的可行性 63.1.3技術(shù)的可行性 63.1.4操作的可行性 6188063.2需求分析 73.2.1系統(tǒng)需求分析 73.2.2系統(tǒng)模型圖 73.2.3系統(tǒng)安全性 8159374系統(tǒng)概要設(shè)計(jì) 9120964.1功能模塊分析設(shè)計(jì) 9317934.1.1普通用戶模塊 9317934.1.2管理員模塊 9299664.2數(shù)據(jù)庫DE1分析與設(shè)計(jì) 10317934.2.1DB設(shè)計(jì) 10239914.2.2數(shù)據(jù)庫表結(jié)構(gòu)設(shè)計(jì) 12239914.2.3數(shù)據(jù)庫的連接 1392505系統(tǒng)功能詳細(xì)設(shè)計(jì)與實(shí)施 14145915.1普通用戶功能 14239915.1.1網(wǎng)站主頁面 14239915.1.2商品類別查詢 15239915.1.3用戶注冊(cè) 16239915.1.4用戶登錄 17239915.1.5用戶瀏覽商品 18239915.1.6加入購物車 19239915.1.7購物車 20239915.1.8我的訂單 2113055.2管理員模塊 21239915.2.1后臺(tái)登錄 21239915.2.2管理員主頁面 22239915.2.3用戶信息管理 22239915.2.4分類信息管理 22239915.2.5商品信息管理 23239915.2.6公告信息管理 25239915.2.7訂單信息管理 27239915.2.8留言信息管理 2713055.3其他功能 28239915.3.1通知的查看 28239915.3.2頁面復(fù)用 2835966系統(tǒng)測(cè)試 29180756.1系統(tǒng)測(cè)試目的與意義 2914056.2測(cè)試過程 29239916.2.1注冊(cè)功能測(cè)試 29239916.2.2登錄功能測(cè)試 2935967總結(jié) 317613參考文獻(xiàn) 331引言1.1課題背景在二十一世紀(jì)的今天，一種全新的技術(shù)正在以全新的方式影響人類的生活，那就是互聯(lián)網(wǎng)，在聯(lián)系的層面縮小世界中對(duì)象之間的范圍，政府和國(guó)家也在這個(gè)潮流中不斷進(jìn)行發(fā)展以及轉(zhuǎn)型，從數(shù)字化到數(shù)智化的政策轉(zhuǎn)變，號(hào)召各大企業(yè)行業(yè)都在進(jìn)行數(shù)智化的改革。因此本文從該角度出發(fā)，設(shè)計(jì)線上的網(wǎng)上購物商城系統(tǒng)，方便人們的日常所需，不被疫情地區(qū)所束縛，用戶就可以足不出戶體驗(yàn)云上不受限制的購物便利；對(duì)于商家而言，利用網(wǎng)絡(luò)的全覆蓋性實(shí)現(xiàn)低成本的推廣，降低企業(yè)的經(jīng)營(yíng)成本的同時(shí)提高商城盈利，還可以擴(kuò)大企業(yè)的規(guī)模和市場(chǎng)影響力。Internet的發(fā)展更改了社會(huì)的商品交易方式，在之前，就有馬云抓住了互聯(lián)網(wǎng)興起的風(fēng)口，創(chuàng)建了著名的阿里巴巴集團(tuán)。早期電商由于技術(shù)上的限制，網(wǎng)上購物的發(fā)展遭受了極大的障礙，其發(fā)展極其緩慢。但隨著時(shí)代的發(fā)展，技術(shù)的進(jìn)步，互聯(lián)網(wǎng)技術(shù)也越來越成熟，網(wǎng)上購物也逐漸受到人們的青睞，越來越多的人開始使用網(wǎng)購。1.2目的和意義眾所周知，信息產(chǎn)業(yè)是這個(gè)時(shí)代的主導(dǎo)產(chǎn)業(yè)?；ヂ?lián)網(wǎng)的發(fā)展改變了這個(gè)世界，也使商品交易的方式多了一種，那就是網(wǎng)上購物。在電子商務(wù)領(lǐng)域，阿里巴巴集團(tuán)作為領(lǐng)軍集團(tuán)，身后也興起了不少像京東、小米這樣的務(wù)實(shí)企業(yè)，極大地推動(dòng)了網(wǎng)絡(luò)購物的發(fā)展進(jìn)程。面對(duì)當(dāng)下的“元宇宙”、“精準(zhǔn)防控”這些網(wǎng)絡(luò)熱詞的形勢(shì)背景，離不開人們?nèi)粘Ｉ畹膮⑴c，這些所提出的框架都是基于人們?cè)诤笠咔闀r(shí)代的正常生活下提出的，面對(duì)不知終期的疫情形勢(shì)，眾多線下實(shí)體店都遭到了或多或少的經(jīng)濟(jì)打擊，電子商務(wù)則成為這些線下實(shí)體店的首選，實(shí)現(xiàn)無接觸營(yíng)業(yè)，積極響應(yīng)國(guó)家政府號(hào)召。如今，迅速發(fā)展起來互聯(lián)網(wǎng)的已經(jīng)普及到了千家萬戶，網(wǎng)上購物也越來越受歡迎，相比較傳統(tǒng)的實(shí)體店線下銷售的方式，網(wǎng)上購物具有極大的優(yōu)勢(shì)：（1）對(duì)于人們而言，網(wǎng)上購物讓人們的生活更加方便了，人們無需到線下的實(shí)體店就可以購買到了各種各樣的商品，也避免逛了好幾個(gè)商城才買到自己心儀的東西這種煩心事發(fā)生，大大的節(jié)約了時(shí)間。（2）對(duì)于賣家而言，網(wǎng)上購物使商品更容易賣出去了。因?yàn)椴挥脫?dān)負(fù)租實(shí)體店鋪的費(fèi)用以及水電費(fèi)之類的費(fèi)用，所以降低了商品銷售的成本，商品的成本降低了，出售的價(jià)格也隨之降低，相比線下實(shí)體店，網(wǎng)購可以更便宜，產(chǎn)品更有競(jìng)爭(zhēng)力。（3）網(wǎng)上購物的發(fā)展對(duì)于整個(gè)社會(huì)而言，也產(chǎn)生了非常大的影響，因?yàn)榫W(wǎng)上購物的原因，產(chǎn)生了不少新的就業(yè)崗位，如淘寶客服，快遞員等，這使人們的就業(yè)機(jī)會(huì)增加了。2可開發(fā)工具及技術(shù)2.1IntelliJIDEA在這次系統(tǒng)的開發(fā)中，我選擇的是IntelliJIDEA對(duì)系統(tǒng)進(jìn)行開發(fā)，根據(jù)各種調(diào)查數(shù)據(jù)顯示，它是在編程界中，使用用戶最多的Java語言開發(fā)工具，碼農(nóng)們對(duì)它好評(píng)如潮。它使用非常方便，可以對(duì)Java代碼進(jìn)行調(diào)試，還對(duì)支持重構(gòu)、支持JSP、完美支持XML，敲代碼時(shí)還會(huì)自動(dòng)提示。2.2Tomcat本次系統(tǒng)開發(fā)，我選擇使用了Tomcat服務(wù)器，它是Apache下的一個(gè)免費(fèi)開源的Web服務(wù)器。Tomcat是屬于輕量級(jí)的服務(wù)器，適用于中小型系統(tǒng)，而且隨著版本不斷的更新，其使用的技術(shù)也越來越先進(jìn)，性能也更穩(wěn)定了，其包含的功能也越來越多。Tomcat經(jīng)常與Servelet和JSP相互結(jié)合使用構(gòu)建網(wǎng)站。2.3MySQLMySQL數(shù)據(jù)庫是一款關(guān)系型DBMS，它是目前最常見也是最常使用的一款數(shù)據(jù)庫，它的體積小，查詢效率高，性能非常好，而且以前版本的MySQL是開放源碼的，價(jià)格免費(fèi)。很多中小型的網(wǎng)站都會(huì)使用MySQL數(shù)據(jù)庫，因?yàn)樗鼘?duì)于一些百萬級(jí)別的數(shù)據(jù)量的處理能力也比較強(qiáng)。本系統(tǒng)是一個(gè)比較小的網(wǎng)站，數(shù)據(jù)量比較少，所以選擇使用MySQL作為數(shù)據(jù)庫開發(fā)。2.4JSP技術(shù)JSP技術(shù)大致來說相當(dāng)于是HTML語言以及Java片段的組合，包含了Servlet和JDBC的接口相關(guān)內(nèi)容。JSP運(yùn)行在客戶端而不是在服務(wù)器端。在瀏覽器的地址欄獲取URL向服務(wù)端發(fā)起請(qǐng)求，Java的服務(wù)端用Servlet響應(yīng)HTML界面，在JSP的頁面上可以編寫多種編譯語言的代碼，可以從根本上解決程序員開發(fā)界面和功能的繁雜過程。JSP技術(shù)是為Servlet的開發(fā)更加簡(jiǎn)單而生。由于早期JavaWeb的開發(fā)只有Servlet，只能使用response對(duì)象作為網(wǎng)頁標(biāo)簽的數(shù)據(jù)輸出。JSP的頁面上既可以寫HTML代碼，又可以寫Java代碼，極大地簡(jiǎn)化了程序員開發(fā)web界面和功能的過程。但是如果不加限制的使用JSP，又會(huì)造成項(xiàng)目的開發(fā)不易維護(hù)，不易分工與合作等問題。2.5JavaScript有一款編程語言可以對(duì)HTML和Java語言進(jìn)行解釋，它就是JavaScript，它的主要功能是對(duì)網(wǎng)頁中的元素進(jìn)行控制，讓原來的靜態(tài)的頁面具備一些動(dòng)態(tài)的效果，增加用戶體驗(yàn)。JavaScript可以直接運(yùn)行，是不需要進(jìn)行預(yù)編譯的。2.6AjaxAjax是為web開發(fā)的異步請(qǐng)求而生的一個(gè)通訊組件。通過這項(xiàng)技術(shù)可以實(shí)現(xiàn)網(wǎng)頁的局部刷新，在用戶不發(fā)覺的情況下，不對(duì)整個(gè)網(wǎng)頁進(jìn)行刷新就可以和后端數(shù)據(jù)庫進(jìn)行數(shù)據(jù)交互。由于原生JavaScript的異步交互過于復(fù)雜，jQuery實(shí)現(xiàn)了一套更為簡(jiǎn)單的異步交互。2.7SpringMVCSpringMVC主要實(shí)現(xiàn)轉(zhuǎn)發(fā)用戶請(qǐng)求，并且管理視圖界面的功能。SpringMVC是Spring的模塊之一，它具有轉(zhuǎn)發(fā)請(qǐng)求和對(duì)視圖的管理的功能，SpringMVC就是個(gè)MVC框架，和Spring框架集成，可以實(shí)現(xiàn)零配置。C-Controller：控制層。負(fù)責(zé)接收請(qǐng)求然后將其轉(zhuǎn)發(fā)到業(yè)務(wù)層，調(diào)用方法處理請(qǐng)求，然后選擇合適的View并將查詢數(shù)據(jù)庫的結(jié)果返回給瀏覽器。M-Model：數(shù)據(jù)模型層。負(fù)責(zé)處理數(shù)據(jù)和業(yè)務(wù)，實(shí)現(xiàn)對(duì)數(shù)據(jù)庫的存取操作。V-View：視圖層。負(fù)責(zé)將查詢出來的數(shù)據(jù)庫數(shù)據(jù)的結(jié)果顯示給用戶。2.8SpringSpring實(shí)現(xiàn)業(yè)務(wù)對(duì)象管理，也是各個(gè)組件的粘合劑，可以很好的管理各層之間的框架。Spring的功能非常強(qiáng)大，它包括了IOC、AOP和事務(wù)管理等功能，其中IOC容器是我們?cè)陂_發(fā)中最常使用的，IOC容器具有依賴注入功能，它負(fù)責(zé)管理應(yīng)用程序中的對(duì)象，和建立對(duì)象之間的依賴。Spring是一個(gè)輕量級(jí)的可以實(shí)現(xiàn)業(yè)務(wù)對(duì)象管理，也是各個(gè)組件的粘合劑，可以很好的管理各層之間的框架，也是基于java的開源的容器框架，將依賴包導(dǎo)入并且管理對(duì)象，在需要使用的時(shí)候再從容器中取出來。Spring的核心思想是IOC，在以前我們是使用主動(dòng)控制的，需要我們?cè)诔绦蛑兄鲃?dòng)的new一個(gè)類的對(duì)象，使用控制反轉(zhuǎn)之后，不再需要我們主動(dòng)的去new對(duì)象了，而是交給了IOC容器管理，讓IOC容器進(jìn)行對(duì)象的創(chuàng)建，這一切都不需要程序員自己完成了，這也就是控制反轉(zhuǎn)。2.9MyBatisMyBatis作為一款數(shù)據(jù)對(duì)象的持久化框架，用做處理數(shù)據(jù)交互，對(duì)JDBC做了透明化的封裝，相比于hibernate這種全自動(dòng)的框架，Mybatis屬于半自動(dòng)化的，開發(fā)者可以自己配置SQL并優(yōu)化SQL，相比于hibernate更具有靈活性。3系統(tǒng)分析3.1可行性分析3.1.1法律的可行性在本次系統(tǒng)開發(fā)過程中，我使用的技術(shù)和軟件都不存在侵權(quán)問題，因?yàn)樗鼈兌际情_放源碼的，供人們免費(fèi)使用，而且在系統(tǒng)中的內(nèi)容，也都是正規(guī)合法的，不會(huì)包含有違法內(nèi)容，因此本系統(tǒng)在法律方面是完全可行的。3.1.2經(jīng)濟(jì)的可行性在本系統(tǒng)的開發(fā)過程中，不需要額外的費(fèi)用購買軟件，因?yàn)槲宜玫降能浖ǚ?wù)器都是免費(fèi)的。由于目標(biāo)客戶是普通用戶，平臺(tái)上線運(yùn)行后，客戶基數(shù)較大且客戶質(zhì)量較高，可以通過廣告頁面獲取盈利，盈利可用于系統(tǒng)維護(hù)，系統(tǒng)新功能開發(fā)（如VIP服務(wù)）或管理人員雇傭等方面。本系統(tǒng)體積較小，占用的內(nèi)存也較小，對(duì)硬件配置的要求不高，可以使用小型服務(wù)器，該系統(tǒng)是本人獨(dú)立完成，開發(fā)周期短，后期維護(hù)也只需要管理員一個(gè)人進(jìn)行維護(hù)，不需要額外的人力成本。所以本系統(tǒng)的開發(fā)在經(jīng)濟(jì)方面上不存在障礙。3.1.3技術(shù)的可行性本次網(wǎng)上購物商城系統(tǒng)的設(shè)計(jì)使用JavaWeb當(dāng)做為主要的開發(fā)技術(shù)，以IntelliJIDEA作為集成開發(fā)環(huán)境，配合jQuery、bootstrap、layui等優(yōu)秀前端框架以及Spring等后端框架，實(shí)現(xiàn)了快速開發(fā)，綜上，在技術(shù)上完成此次設(shè)計(jì)完全可行。設(shè)計(jì)本網(wǎng)站所用到的技術(shù)都比較常用，在學(xué)校的課程都有學(xué)習(xí)過，難度并不大。3.1.4操作的可行性本網(wǎng)站的界面非常簡(jiǎn)潔，一目了然，界面各處都有文字說明，用戶操作錯(cuò)誤也會(huì)有明顯的提示，用戶只需要簡(jiǎn)單的點(diǎn)點(diǎn)鼠標(biāo)按按鍵盤就可以很好的瀏覽本系統(tǒng)。該系統(tǒng)的可視性很好，在使用上不會(huì)有很大困難。3.2需求分析3.2.1系統(tǒng)需求分析為了能夠使開發(fā)出來的系統(tǒng)具備我們想要達(dá)到的功能和效果，在系統(tǒng)開發(fā)之前，我們應(yīng)該對(duì)系統(tǒng)的需求進(jìn)行分析。本次系統(tǒng)分析，通過對(duì)當(dāng)前的需求問題及運(yùn)行環(huán)境的調(diào)查和分析，針對(duì)之前分析的結(jié)果，涉及的信息，想要實(shí)現(xiàn)出來的功能及對(duì)本系統(tǒng)行為建立適合的模型，可以做到將用戶需求進(jìn)行實(shí)現(xiàn)，進(jìn)行演示，最終出來一個(gè)有關(guān)需求功能的說明報(bào)告。需求分析是很重要的，沒有它很難進(jìn)行下一步的系統(tǒng)開發(fā)。這個(gè)需求分析的報(bào)告是結(jié)合用戶所提出的有關(guān)系統(tǒng)的想法和條件，經(jīng)過仔細(xì)的分析，要知道本系統(tǒng)應(yīng)該具備的功能，可以在后期更方便清楚地了解用戶的需求，進(jìn)行功能的實(shí)現(xiàn)，完成后續(xù)設(shè)計(jì)與開發(fā)工作。在網(wǎng)上購物商城信息管理系統(tǒng)內(nèi)部最需要保障的是用戶的基本信息以及交易信息，在大數(shù)據(jù)的背景下，如果用戶個(gè)人信息的泄露會(huì)造成更大的安全隱患，因此用戶只有登錄之后才能修改自己的基本信息，游客身份登錄將不會(huì)有權(quán)限修改；也不會(huì)存在“一人多號(hào)”的刷數(shù)據(jù)現(xiàn)象，防止在數(shù)據(jù)庫中形成大量垃圾數(shù)據(jù)。針對(duì)于數(shù)據(jù)也需要建立備份機(jī)制，防止數(shù)據(jù)的丟失。在管理系統(tǒng)的后期維護(hù)過程中，需要定期進(jìn)行系統(tǒng)維護(hù)、漏洞檢測(cè)以及安全風(fēng)險(xiǎn)評(píng)估；定期檢查系統(tǒng)防火墻的使用情況，做到自動(dòng)防護(hù)和自動(dòng)清理病毒的運(yùn)營(yíng)。通過查找相關(guān)資料，然后結(jié)合參考一些大型的購物網(wǎng)站，本系統(tǒng)的設(shè)計(jì)主要包括以下五點(diǎn)：（1）系統(tǒng)分為兩種模塊，第一種是管理員功能模塊，第二種是普通用戶功能模塊。（2）網(wǎng)站的各個(gè)界面都非常簡(jiǎn)單，一眼就看得懂，對(duì)用戶友好，方便操作使用。當(dāng)用戶出現(xiàn)操作錯(cuò)誤時(shí)，會(huì)有錯(cuò)誤提示。（3）普通用戶進(jìn)入本系統(tǒng)時(shí)，在沒有登錄的情況下只可以瀏覽網(wǎng)站、查找物品，只有在登錄之后才可以進(jìn)行商品的購買和查看訂單等操作。（4）要進(jìn)入后臺(tái)管理頁面，必須要使用管理員專用的賬號(hào)進(jìn)行登錄，然后才可以對(duì)系統(tǒng)頁面通知、訂單信息等進(jìn)行管理和操作等。（5）保證系統(tǒng)在運(yùn)行期間的正常使用，保證系統(tǒng)的穩(wěn)定性。3.2.2系統(tǒng)用例圖（1）普通用戶模型圖。圖3-1普通用戶模型圖（2）管理員用戶模型圖。圖3-2管理員模型圖3.2.3系統(tǒng)安全性安全對(duì)于任何一個(gè)系統(tǒng)來說都很重要，是系統(tǒng)運(yùn)行的基本條件，安全設(shè)計(jì)在系統(tǒng)設(shè)計(jì)中是一項(xiàng)非常重要的指標(biāo)，它主要涉及到系統(tǒng)內(nèi)的數(shù)據(jù)是否安全，保證系統(tǒng)數(shù)據(jù)不泄露，也要保證使用者的信息以及財(cái)產(chǎn)的安全，這樣用戶才敢使用本系統(tǒng)，因此本系統(tǒng)將要做到，以SQL參數(shù)化對(duì)數(shù)據(jù)進(jìn)行查詢，防止系統(tǒng)被SQL注入的方式攻擊。由于本系統(tǒng)是購物商城系統(tǒng)，會(huì)有大額的金錢交易，所以要保證用戶登錄之后才能使用將商品加入購物車以及提交訂單功能，保證商城的數(shù)據(jù)不受威脅。4系統(tǒng)概要設(shè)計(jì)4.1功能模塊分析設(shè)計(jì)網(wǎng)上購物商城系統(tǒng)把用戶分為兩種：管理員用戶和普通用戶，按照對(duì)不同應(yīng)用的權(quán)限進(jìn)行劃分。4.1.1普通用戶模塊在進(jìn)入網(wǎng)上購物商城的網(wǎng)站之后，如果用戶未登錄，那他只可以逛逛網(wǎng)站、查找物品，只有在登錄之后才可以查看訂單，購買物品，查看購物車等操作。普通用戶模塊的功能如圖4-1所示。圖4-1普通用戶4.1.2管理員模塊在網(wǎng)上購物商城系統(tǒng)后臺(tái)使用管理員賬號(hào)登錄后，可進(jìn)行三大方面的操作管理：對(duì)商品信息的管理，對(duì)用戶信息的管理，對(duì)系統(tǒng)主頁公告的管理。管理員用戶模塊的功能如圖4-2所示。圖4-2管理員4.2數(shù)據(jù)庫的分析與設(shè)計(jì)4.2.1DB設(shè)計(jì)根據(jù)DB的設(shè)計(jì)規(guī)則，對(duì)數(shù)據(jù)庫的各個(gè)表建立了用戶信息、商品信息、公告信息、訂單信息以及系統(tǒng)總體的實(shí)體-聯(lián)系圖模型。圖4-3用戶信息圖4-4商品信息圖4-5公告信息圖4-6訂單信息圖4-7系統(tǒng)總體4.2.2數(shù)據(jù)庫表結(jié)構(gòu)設(shè)計(jì)（1）用戶信息表。表4.1user表（2）產(chǎn)品信息表。表4.2product表（3）公告信息表。表4.3notice表（4）訂單信息表。表4.4order表4.2.3數(shù)據(jù)庫的連接在網(wǎng)上購物商城系統(tǒng)的開發(fā)中，使用了Spring框架來獲取數(shù)據(jù)庫的連接池對(duì)象，使用Mybatis框架封裝的JDBC來執(zhí)行SQL語句，使用了Durid連接池，方便了數(shù)據(jù)庫的操作。5系統(tǒng)功能詳細(xì)設(shè)計(jì)與實(shí)施5.1普通用戶功能5.1.1網(wǎng)站主頁面（1）在本系統(tǒng)網(wǎng)站的最上方展示的是一些快捷方式，用戶可點(diǎn)擊鏈接進(jìn)行登錄退出等。主頁面正中間是自動(dòng)輪播圖，輪播圖的上方是網(wǎng)站的頭部，頭部包含有搜索框和本網(wǎng)站的logo，網(wǎng)站會(huì)員可以使用搜索框查找到自己想要查看和購買的商品。在輪播圖的上方有公告按鈕和留言按鈕，進(jìn)入后可以查看公告，或者給管理員留言。（2）程序運(yùn)行的效果如圖5-1、圖5-2所示。圖5-1首頁1圖5-2首頁25.1.2商品類別查詢（1）在主頁面輪播圖左側(cè)有商品的分類鏈接，用戶點(diǎn)擊后會(huì)跳轉(zhuǎn)到相關(guān)商品的頁面。（2）程序運(yùn)行的效果如圖5-3所示。圖5-3類別查詢界面5.1.3用戶注冊(cè)（1）普通用戶未登錄只能瀏覽本系統(tǒng)的商品，所以想進(jìn)一步使用本網(wǎng)站功能的話需要注冊(cè)賬戶。注冊(cè)界面提供一個(gè)表單，需要用戶輸入姓名，性別以及正確的郵箱等信息。用戶需要正確的填寫相關(guān)信息，如果填寫了錯(cuò)誤的信息，輸入框旁會(huì)有錯(cuò)誤提示。（2）程序運(yùn)行的效果如圖5-4、圖5-5。圖5-4會(huì)員注冊(cè)頁面圖5-5信息輸入錯(cuò)誤時(shí)提示5.1.4用戶登錄（1）普通游客在注冊(cè)會(huì)員賬戶之后即可登入網(wǎng)站了，登入之后即可進(jìn)行下單購物。當(dāng)用戶未注冊(cè)時(shí)登錄則會(huì)跳轉(zhuǎn)到注冊(cè)頁面。（2）運(yùn)行的效果截圖如圖5-6、圖5-7所示。圖5-6登錄頁面圖5-7未注冊(cè)時(shí)5.1.5用戶瀏覽商品（1）用戶要想查看某件商品的詳情，可以通過點(diǎn)擊主頁列表上的物品，這樣就可以跳轉(zhuǎn)到產(chǎn)品的頁面，頁面展示了商品的高清圖片和具體描述。用戶可通過輸入框旁邊的按鈕增加或減少商品數(shù)量。左側(cè)商品圖片處鼠標(biāo)懸?？娠@示商品的大圖，方便看清細(xì)節(jié)。（2）程序效果圖如圖5-8、圖5-9所示。頁面為HTML靜態(tài)頁面，通過Ajax異步請(qǐng)求獲得商品的相關(guān)信息寫到頁面。圖5-8商品詳情界面設(shè)計(jì)詳情頁面下方提供一個(gè)tabs標(biāo)簽頁，詳情和評(píng)價(jià)可以相互切換。圖5-9商品評(píng)價(jià)頁面5.1.6加入購物車（1）會(huì)員欲購買什么東西，可以點(diǎn)擊物品頁面里的加入購物車，該物品就會(huì)加購。如果用戶在沒有登陸的情況下點(diǎn)擊了加入購物車，系統(tǒng)就會(huì)提示用戶登陸。第一次添加會(huì)生成一個(gè)新的訂單，如果購物車中有了這件物品的話，再添加只是加數(shù)量。同時(shí)頁面左上角購物車圖標(biāo)上的數(shù)字會(huì)同步顯示用戶的訂單數(shù)。（2）運(yùn)行的效果截圖如圖5-10、圖5-11所示。會(huì)員在點(diǎn)擊加入購物車后會(huì)通過Ajax異步請(qǐng)求獲取會(huì)員的登陸信息，如果用戶已經(jīng)登陸了，就自動(dòng)跳轉(zhuǎn)到購物車，沒有登入的話就會(huì)提示用戶登錄。圖5-10商品詳情圖5-11提示5.1.7購物車（1）會(huì)員將物品放進(jìn)購物車后，要想查看購物車?yán)镉惺裁礀|西，可以點(diǎn)擊我的購物車，然后就可以在我的購物車?yán)锩娌榭匆鸭尤胭徫镘嚨纳唐妨?。購物車左下角為一個(gè)全選的復(fù)選框，單擊全選復(fù)選框即可將全部商品選中，最底下的操作欄提供刪除選中。在這個(gè)頁面上，還提供一個(gè)輸入框可直接輸入修改，還有一個(gè)加減按鈕，點(diǎn)擊后產(chǎn)品即可加一或減一，用戶要是想購買多件同一種產(chǎn)品，就可以直接在購物車上操作，非常的方便。操作之后同時(shí)使用Ajax異步請(qǐng)求將修改之后的數(shù)據(jù)更新到數(shù)據(jù)庫。每條訂單最后為一個(gè)刪除按鈕，點(diǎn)擊可將對(duì)應(yīng)的訂單刪除。商品總計(jì)及總金額使用JavaScript直接計(jì)算出來，數(shù)據(jù)會(huì)在用戶點(diǎn)擊結(jié)算按鈕后自動(dòng)提交。（2）程序的購物車運(yùn)行后如圖5-12所示。復(fù)選框使用jQuery進(jìn)行選中與否的判斷，有單個(gè)商品刪除，多選商品刪除，全部商品刪除功能。圖5-12購物車5.1.8我的訂單在購物車?yán)稂c(diǎn)擊了結(jié)算按鈕之后，就會(huì)自動(dòng)跳轉(zhuǎn)至訂單頁面，訂單頁面如圖5-13所示，該頁面把用戶所有的訂單都顯示在這里。圖5-13我的訂單5.2管理員模塊5.2.1后臺(tái)登錄（1）由于本系統(tǒng)用戶并不是都一樣的，他們的權(quán)限不同，不是所有用戶都可以進(jìn)入后臺(tái)管理頁面的，只有管理員用戶才有這個(gè)權(quán)利。管理員可以使用特定的賬號(hào)登入，只有輸入正確的信息，驗(yàn)證通過登錄成功之后，才可以進(jìn)入后臺(tái)管理頁面。（2）程序運(yùn)行的效果圖如圖5-14所示。圖5-14管理員登陸頁面5.2.2管理員主頁面（1）在后臺(tái)頁面中間展示了管理員可以使用的所有功能，頁面上方顯示當(dāng)前登錄的管理員的名字，左邊是不同的鏈接，點(diǎn)擊后可以跳轉(zhuǎn)到對(duì)應(yīng)的界面可以進(jìn)行相關(guān)數(shù)據(jù)管理。（2）進(jìn)入后臺(tái)頁面的運(yùn)行圖如圖5-15所示。圖5-15后臺(tái)頁面5.2.3用戶信息管理（1）管理員可以在這個(gè)頁面，對(duì)普通會(huì)員的信息進(jìn)行增刪查改的管理，頁面實(shí)現(xiàn)了分頁顯示。該頁面使用的bootstrap框架快速開發(fā)。（2）管理會(huì)員信息頁面如圖5-16。圖5-16管理會(huì)員信息5.2.4分類信息管理（1）由于商品是有兩個(gè)等級(jí)分類，例如在手機(jī)大類之下，還有各種品牌的小分類，點(diǎn)擊分類管理后即可查看所有的一級(jí)分類產(chǎn)品，再點(diǎn)擊右側(cè)的二級(jí)分類按鈕，即可查看該分類下的物品。（2）程序運(yùn)行的效果圖如圖5-17所示。圖5-17一級(jí)分類圖5-18二級(jí)分類5.2.5商品信息管理在后臺(tái)管理頁面上，還有一個(gè)商品管理的按鈕，點(diǎn)擊之后等待頁面跳轉(zhuǎn)，然后就可以查看商品所有的詳細(xì)信息了，同時(shí)還可以在這個(gè)頁面對(duì)商品進(jìn)行各種操作和管理。此界面使用bootstrap設(shè)計(jì)，實(shí)現(xiàn)了商品分頁查看的功能。（2）其功能展示圖如圖5-19、圖5-20、圖5-21、圖5-22所示。圖5-19物品管理圖5-20添加圖5-21下架圖5-22修改5.2.6公告信息管理（1）系統(tǒng)有什么通知都可以讓管理員使用這個(gè)功能，在這個(gè)頁面發(fā)布公告，供用戶查看。（2）程序運(yùn)行的效果圖如圖5-23、圖5-24、圖5-25所示。圖5-23公告管理界面圖5-24修改公告信息頁面圖5-25添加公告的彈出層5.2.7訂單信息管理分頁展示了商城產(chǎn)生的所有訂單信息，同時(shí)可以進(jìn)行發(fā)貨操作，查看該訂單里含有哪些東西。圖5-26所有訂單列表頁面圖5-27查看訂單5.2.8留言信息管理（1）由于用戶可以在前臺(tái)進(jìn)行留言操作給商城管理者反饋信息，提供意見，管理者可以在這個(gè)頁面查看其內(nèi)容。圖5-28反饋頁面5.3其他功能5.3.1通知的查看（1）最新發(fā)布的通知可以在主頁上方的公告鏈接里查看。（2）公告頁面如圖5-29。圖5-29查看公告5.3.2頁面復(fù)用header部和footer部的頁面多個(gè)頁面都一樣，提取出來使用Ajax復(fù)用。圖5-30頭部圖5-31腳部6系統(tǒng)測(cè)試6.1系統(tǒng)測(cè)試目的與意義在系統(tǒng)的開發(fā)過程中，主要是對(duì)代碼的編寫和系統(tǒng)的調(diào)試，在系統(tǒng)開發(fā)完成之后，為了能保證系統(tǒng)能夠順利運(yùn)行，保證其質(zhì)量和性能，我們還需要對(duì)系統(tǒng)進(jìn)行測(cè)試。系統(tǒng)測(cè)試是設(shè)計(jì)過程中必不可少的重要步驟，它可以檢測(cè)系統(tǒng)的質(zhì)量，找出系統(tǒng)中潛藏著的BUG，防止系統(tǒng)發(fā)布后被某些用戶惡意利用。6.2測(cè)試過程6.2.1注冊(cè)功能測(cè)試打開網(wǎng)上購物商城的首頁之后，點(diǎn)擊注冊(cè)鏈接，然后分別輸入有誤或無誤的登陸信息，單擊注冊(cè)，記錄測(cè)試結(jié)果。表6.1用戶注冊(cè)測(cè)試結(jié)果表6.2.2登錄功能測(cè)試打開在線商城首頁，點(diǎn)擊登錄鏈接，然后分別輸入有誤或無誤的登陸信息，單擊登錄，記錄測(cè)試結(jié)果。表6.2登錄測(cè)試結(jié)果表7總結(jié)四年的時(shí)間過的很快，不知不覺我就已經(jīng)快要畢業(yè)了，通過這段時(shí)間的努力與奮斗，我終于完成了系統(tǒng)的畢業(yè)設(shè)計(jì)。在這次畢業(yè)設(shè)計(jì)中，我運(yùn)用了我所學(xué)的理論和實(shí)際知識(shí)完成了這次畢設(shè)，鞏固了我之前所學(xué)的知識(shí)，對(duì)之前在學(xué)校所學(xué)的各種知識(shí)有了更深一步的了解。經(jīng)過反復(fù)的創(chuàng)建與修改，不斷地糾錯(cuò)與改正，終于完成了項(xiàng)目的創(chuàng)建。通過這次畢