基于ES6的網(wǎng)上體育商城的設(shè)計與實現(xiàn)

畢業(yè)設(shè)計說明書基于ES6的網(wǎng)上體育商城的設(shè)計與實現(xiàn)2020年5月15日中北大學(xué)信息商務(wù)學(xué)院2020屆畢業(yè)設(shè)計說明書第1章引言1.1系統(tǒng)開發(fā)背景伴隨著互聯(lián)網(wǎng)時代的到來，各種智能手機(jī)的大眾化和快速的工作節(jié)奏使得人們在緊張忙碌的工作后幾乎沒有時間去購物中心購物。因此，許多人選擇在網(wǎng)上購物中心購買他們喜歡的商品。而足夠大的門面店鋪實體的商城是不具備這個條件的，對于工作繁忙的上班族來說，逛街買商品簡直就是奢望，因為他們沒有足夠的時間去逛街。此外，目前的互聯(lián)網(wǎng)上的購物環(huán)境優(yōu)越，網(wǎng)上商城也沒有像實體店鋪那樣有店鋪租金的支出，商家只需要把自己的商品放在商城平臺上即可，而省出來的店鋪租金就以各種優(yōu)惠券的形式發(fā)放，所以在網(wǎng)上商城購買商品會更優(yōu)惠。在收到貨后，如果不滿意還可以免費退換，售后服務(wù)也很是讓人滿意。所以網(wǎng)上商城在互聯(lián)網(wǎng)上紛紛出現(xiàn)。由于我國的互聯(lián)網(wǎng)已經(jīng)基本全面覆蓋，速度很快而且信息量也很全面，極大的方便了人們的生活。其次就是我國的快遞行業(yè)也是飛速發(fā)展，成本低，送件速度快，從下單到收貨基本在2到3天，這也直接促成了網(wǎng)上商城的快速發(fā)展。越來越多的商家也從實體店鋪轉(zhuǎn)到網(wǎng)上虛擬店鋪，主要原因是因為網(wǎng)上商城的運營成本低，商家可以更少的投入人力、物力、財力等，商家同時獲得了更多的利潤。由于互聯(lián)網(wǎng)在我國的全面覆蓋，幾乎人人都可以上網(wǎng)，這無疑給好的商品提供了更大更好的銷售平臺，商家可以獲得更多的利潤，普通消費者可以用更低的價格買到更好的產(chǎn)品，所以網(wǎng)上商城蓬勃發(fā)展，基于以上言論，我認(rèn)為開發(fā)網(wǎng)上體育商城對于普通消費和普通商家是一個好的選擇，網(wǎng)上體育商城一定會有大的發(fā)展空間。普通消費者可以更快更優(yōu)惠的價格獲得自己所需要體育商品，商家也能獲得更多的利潤，形成一個互惠互利的局面。1.2國內(nèi)外研究現(xiàn)狀這些年以來，國內(nèi)的互聯(lián)網(wǎng)經(jīng)濟(jì)已經(jīng)呈井噴式發(fā)展，其中的主力軍還是以電商為主，所以最近幾年來，各種網(wǎng)上商城相繼出現(xiàn)，其中以大多數(shù)體育商城主要是以淘寶、天貓、京東等發(fā)展較早的大平臺為主，還有一些我們耳熟能詳?shù)捏w育品牌商家，同樣將線下的實體店轉(zhuǎn)到了線上，比如李寧、361、安踏等等，這些商城相繼建立了屬于自己的體育商城，且發(fā)展迅速。近些年來國家政府也出資金大力支持鼓勵大家做電子商務(wù)，農(nóng)村有政府支持的“樂村淘”網(wǎng)上商城項目，城市也有各種各樣的電商平臺相繼崛起，像聚美優(yōu)品、唯品會等優(yōu)秀的電商平臺。國外使用互聯(lián)網(wǎng)的時間要比咱們早，網(wǎng)絡(luò)技術(shù)和網(wǎng)絡(luò)銷售流程的發(fā)展相對也要強(qiáng)于我國，因此國外的電商行業(yè)的發(fā)展是相當(dāng)不錯的，比較有名的有亞馬遜，在這個網(wǎng)站上面可以買到很多來自全世界各地自己喜歡的商品?？v觀國內(nèi)外的發(fā)展，實體行業(yè)向互聯(lián)網(wǎng)上轉(zhuǎn)移十分有必要的，而且成效巨大，而且網(wǎng)上購買體育商品有很多傳實體線下購買方式?jīng)]有的優(yōu)勢，比如商家可以增加更多的營銷方法（如現(xiàn)在比較火的618、雙11等活動），普通消費者也能得到更多的優(yōu)惠，長此以往就會形成良性循環(huán)，促進(jìn)互聯(lián)網(wǎng)經(jīng)濟(jì)大力發(fā)展，也同時促進(jìn)了國名經(jīng)濟(jì)的發(fā)展。1.3系統(tǒng)開發(fā)目的及意義在如今互聯(lián)網(wǎng)經(jīng)濟(jì)大力發(fā)展的前提下，計算機(jī)和網(wǎng)絡(luò)技術(shù)的不斷進(jìn)步和提升，我國的信號基站的建設(shè)越來越廣，使得在我國任何一個位置都能網(wǎng)上沖浪，而實體商城也無法滿足人們的購物需求，商家也需要更加廣闊的平臺和市場來展示自己的商品。在有需求有技術(shù)的條件下，網(wǎng)上商城也隨之誕生，同時個人電腦和智能手機(jī)的大眾化，快遞行業(yè)越來越發(fā)達(dá)，即使再偏遠(yuǎn)的地方也會送到，越來越頻繁的網(wǎng)購使人類的信息傳播方式和生活方式都得到了改變，越來越多的人對網(wǎng)購的依賴度呈直線上升，這對提高我國的經(jīng)濟(jì)發(fā)展水平也是有利的，所以我認(rèn)為開發(fā)這個網(wǎng)上體育商城，對人們的生活有諸多的好處，值得開發(fā)。1.4本章小結(jié)本章主要論述本課題的選題背景、目的和意義，國內(nèi)外研究現(xiàn)狀以及本文將要開展的主要內(nèi)容，詳細(xì)敘述了各個模塊將要實現(xiàn)的功能。為以后的工作內(nèi)容明確了方向。第2章相關(guān)技術(shù)工具介紹2.1Struts2與MVCStruts2是一個Web應(yīng)用框架，是基于MVC設(shè)計模式設(shè)計的。Struts2是在模型和視圖之間建立數(shù)據(jù)交互中的控制器。對Struts2中用戶的請求是通過攔截器處理的。當(dāng)用戶在客戶端向瀏覽器發(fā)送一個HTTP請求時，過濾調(diào)度器接收請求，而請求是根據(jù)用戶配置的struts.xml中的配置找到相應(yīng)的返回結(jié)果。并通過IoC模式將值注入到Aciton中。操作調(diào)用業(yè)務(wù)邏輯組件來處理業(yè)務(wù)邏輯。這一步包括表單驗證。執(zhí)行該操作后，根據(jù)struts.xml中的配置找到相應(yīng)的返回結(jié)果，然后根據(jù)返回結(jié)果跳轉(zhuǎn)到相應(yīng)的頁面，同時向客戶端瀏覽器返回HTTP響應(yīng)。簡而言之，用戶在頁面上發(fā)送請求，通過struts找到相應(yīng)的處理方法，并在處理后返回結(jié)果。MVC模式是項目開發(fā)中最常用的設(shè)計模式，英文即Model-View-Controller，模型里有JavaBean，JavaBean的主要工作是負(fù)責(zé)數(shù)據(jù)模型，進(jìn)行業(yè)務(wù)邏輯和訪問數(shù)據(jù)庫，視圖中有JSP，JSP可以允許在HTML中插入JAVA代碼，控制層里有Servlet，Servlet的作用是接收請求和控制應(yīng)用程序，當(dāng)用戶在客戶端發(fā)送請求時，服務(wù)器響應(yīng)客戶端的執(zhí)行過程是，先執(zhí)行Servlet，JavaBean訪問數(shù)據(jù)庫，JavaBean被Servlet調(diào)用，JavaBean接收到數(shù)據(jù)庫發(fā)來的數(shù)據(jù)。在Servlet調(diào)用JavaBean之后，它轉(zhuǎn)到JSP頁面，然后JSP頁面可以動態(tài)地向用戶顯示數(shù)據(jù)。主要目的是單獨顯示大量數(shù)據(jù)，也就是將模型層與視圖層分開?？刂茖釉谥虚g用于協(xié)調(diào)和充當(dāng)類似的中介，將模型操作的結(jié)果發(fā)送給視圖，視圖負(fù)責(zé)向客戶顯示這部分?jǐn)?shù)據(jù)。模型（Model）、視圖（View）、控制器（controller)這三者之間的關(guān)系如圖2-1所示。圖2-12.2HibernateHibernate是一個開源的持久框架。它是加文金在2001年創(chuàng)造的。簡單地說，Hibernate是一個輕量級ORM(對象關(guān)系映射)解決方案或java工具，Hibernate框架的主要優(yōu)點是，與JDBC相比，Hibernate不需要編寫很多復(fù)雜的SQL語句。使用Hibernate框架，沒有必要在JDBC完成所有不必要的繁瑣工作。它的性能更好、更快，因為它使用了緩存內(nèi)部處理。Hibernate框架自動在數(shù)據(jù)庫中創(chuàng)建表，因此不需要手動創(chuàng)建表。它簡化了復(fù)雜的連接，由于這種簡化，它很容易從多個表中獲取數(shù)據(jù)。Hibernate支持繼承、集合和關(guān)聯(lián)。Hibernate有自己的獨立數(shù)據(jù)庫查詢語言。2.3Spring Spring是一個開源框架，spring的兩個主要特征是依賴注入和控制反轉(zhuǎn)。簡單地說，在代碼中實例化對象之后，需要調(diào)用對象的方法，但是在使用Spring之后，您可以在代碼中直接指向所需的對象和對象的方法。您只需要自動將類注入到配置文件中，而不需要自己編寫。降低了代碼的耦合度。這個方法的優(yōu)點是你只需要知道對象的名字，而不需要知道對象做什么。一旦對象改變，您只需要改變配置文件。2.4開發(fā)工具以及環(huán)境2.4.1Eclipse工具說明Eclipse是IBM公司投資開發(fā)的，是一個開源、功能強(qiáng)大、最為流行的Java編程工具,所以大多數(shù)人都是將Eclipse作為Java的集成開發(fā)環(huán)境使用。Eclipse里的插件非常多，基本上能想到的插件都有，可以無限的進(jìn)行擴(kuò)展，尤其是公司做項目時，用eclipse找各種插件非常的方便，對于初級開發(fā)者十分的友好。2.4.2MySQL工具說明MySQL數(shù)據(jù)庫軟件中的一種，是當(dāng)前比較受歡迎的開源的小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，因為它免費使用，體積小、占用系統(tǒng)內(nèi)存小，所以受到很多中小型企業(yè)的喜愛，其被甲骨文公司收購后，由甲骨文進(jìn)行開發(fā)、分發(fā)和支持。2.4.3Tomcat服務(wù)器介紹Tomcat服務(wù)器是和Jsp容器，由SUN公司官方推薦的由java語言開發(fā)的服務(wù)器，它只是一個servlet容器，主要用來處理動態(tài)網(wǎng)頁，如果網(wǎng)頁是純html靜態(tài)網(wǎng)頁，通過瀏覽器就可以直接解析查看效果，但實際上網(wǎng)頁一旦用jsp來生成動態(tài)網(wǎng)頁，瀏覽器就無法直接解析了，需要用Tomcat服務(wù)器來進(jìn)行解析，在這次開發(fā)中也應(yīng)用到了。2.4.4系統(tǒng)運行環(huán)境操作系統(tǒng)：Windows7、Windows8、Windows8.1、Windows10。Web服務(wù)器：tomcat7.0瀏覽器：FireFox、GoogleChrome。2.5本章小結(jié)本章主要介紹系統(tǒng)中使用的工具與技術(shù)，然后根據(jù)用戶需求制定一系列的功能，通過系統(tǒng)的設(shè)計去實現(xiàn)這一系列功能，以達(dá)到用戶的要求，以及產(chǎn)品質(zhì)量的保障。第3章系統(tǒng)的分析3.1系統(tǒng)可行性分析隨著互智能手機(jī)越來越大眾化，在選擇在網(wǎng)上商城進(jìn)行購物也漸漸變成了主流的購物方式，人們可以在任意時刻在手機(jī)上挑選自己喜愛的商品。如果這個系統(tǒng)開發(fā)成功，是否達(dá)到最初的開發(fā)目標(biāo)，讓它的最大價值發(fā)揮到極限。要想達(dá)到這種效果，必須對系統(tǒng)的可行性進(jìn)行分析，預(yù)估一下開發(fā)成功的概率和成功以后的可用性。系統(tǒng)的可行性分析主要包括經(jīng)濟(jì)可行性，技術(shù)可行性，操作可行性。本系統(tǒng)的可行性分析如下：3.1.1經(jīng)濟(jì)可行性由于開發(fā)網(wǎng)上商城的技術(shù)現(xiàn)如今已經(jīng)十分的成熟，各種開發(fā)工具和語言已經(jīng)十分的強(qiáng)大，獲取這些資源也很容易，因此開發(fā)環(huán)境可以很容易搭建好，系統(tǒng)的主要成本主要集中在本系統(tǒng)的前期開發(fā)上和后期的維護(hù)上，開發(fā)測試完成后只需少量的人就可以進(jìn)行維護(hù)，節(jié)省了很多的人力的支出，普通消費者進(jìn)入網(wǎng)上體育商城購買商品，可以高效率的獲得自己所需的商品，簡單的程序設(shè)計，少量的開發(fā)時間，從人力、物力、財力各個方面來看此系統(tǒng)是值得開發(fā)的。3.1.2技術(shù)可行性 該網(wǎng)上體育商城有關(guān)技術(shù)方面的可行性，主要代碼邏輯的實現(xiàn)、網(wǎng)站前臺界面的UI設(shè)計和后臺數(shù)據(jù)庫的建立。現(xiàn)在主流語言的Java語言用于開發(fā)該體育商城系統(tǒng)，數(shù)據(jù)庫用的是輕量級的Mysql，目前比較火的制作動態(tài)網(wǎng)頁的技術(shù)是jsp，因此使用它作為處理動態(tài)網(wǎng)頁的技術(shù)是比較好的選擇。技術(shù)成熟且穩(wěn)定，而且有許多開源的框架可以用，因此從技術(shù)方面來講開發(fā)此系統(tǒng)是可行的。3.1.3操作可行性 網(wǎng)上體育商城是一個基于Web的體育商城。美觀大方的頁面，流暢的操作體驗，無論用戶在什么地方，只要在瀏覽器中輸入網(wǎng)上體育商城的網(wǎng)址都可以訪問此商城，所有的操作流暢、簡單、符合大眾的邏輯，商家也不需要進(jìn)行專門的培訓(xùn)學(xué)習(xí)，就可以對商城里自己的商品進(jìn)行管理，因此在操作上該商城的系統(tǒng)是可行的。3.1.4時間可行性從現(xiàn)有的時間上來看，對于該商城系統(tǒng)的開發(fā)有將近四個月的時間，除過查詢資料學(xué)習(xí)技術(shù)的時間，剩下的時間足夠?qū)崿F(xiàn)該項目的最基本功能，因此該系統(tǒng)在時間上是可行的。3.2系統(tǒng)需求分析根據(jù)對該網(wǎng)上體育商城的功能進(jìn)行分析，為了盡可能的滿足用戶的需求，該系統(tǒng)應(yīng)該滿足以下功能，接下來從前臺的客戶端界面和后臺管理界面分別對該系統(tǒng)的功能加以描述。前臺頁面的功能主要包括：體育商品分類：商品功能進(jìn)行分類，用戶根據(jù)自己的功能需求找到自己所需要的體育商品。所售商品描述：商品的詳細(xì)介紹，方便用戶更加了解商品商品銷量排行：商場根據(jù)商品的銷量來推薦銷售量前五名的商品。商品的搜索欄：用戶在搜索框輸入關(guān)鍵字，系統(tǒng)根據(jù)用戶輸入的內(nèi)容進(jìn)行模糊查詢，幫助用戶快速查詢到用戶需要的體育商品。會員留言：用戶在登錄后可以進(jìn)行留言，賣家與買家溝通的渠道會員的注冊登錄：該功能是一個購物網(wǎng)站不可缺少的主要功能，用戶只有注冊登錄成功后，才可以進(jìn)行后續(xù)的一系列操作，不然就只能瀏覽商品，不能進(jìn)行購買。購物車：該功能也是一個購物網(wǎng)站必須的功能，用戶不可能看中一件商品就去付一次款，這樣對商家和用戶都不是很方便，用戶可以先將看中的商品加入購物車中，等挑選結(jié)束后，再進(jìn)行統(tǒng)一付款。查看訂單：該功能主要是方便用戶查看自己的訂單，當(dāng)用戶下一次單時，商家可以受理此訂單并進(jìn)行發(fā)貨，用戶收到貨后，可以確認(rèn)收貨并評價商品。查看個人信息：新用戶在按照其要求填寫自己的個人信息，注冊成功后，會把每一位注冊成功的用戶信息保存到數(shù)據(jù)庫中，用戶登錄成功后，可以查看并修改個人信息。聯(lián)系我們：該功能主要是給用戶提供商家的聯(lián)系方式，當(dāng)用戶有某些需求時，可以直接跟商家電話聯(lián)系。網(wǎng)站公告：該功能主要是方便商家對顧客發(fā)布一些公告，如商城搞活動或有新商品上架等。后臺登錄：在前臺頁面的下方提供一個管理員登錄后臺的按鈕，管理員點擊該按鈕，可以進(jìn)入后臺登錄界面，方便管理員進(jìn)行管理。后臺管理頁面的功能主要包括：系統(tǒng)參數(shù)：該功能可以使管理員看到該商城系統(tǒng)的版本號和作者及作者的郵箱，有需要改進(jìn)的地方可以直接和作者聯(lián)系。管理員維護(hù)：管理員擁有系統(tǒng)的最大權(quán)限，此處可以修改任何密碼。注冊會員的管理：管理員可以管理已經(jīng)注冊了會員用戶的用戶名與密碼。商品管理：商家可以對商城的商品進(jìn)行管理。訂單管理：當(dāng)某一用戶在前臺下單后，管理員在后臺可以查看訂單明細(xì)，受理此訂單或刪除該訂單，方便管理員對訂單的管理。銷量管理：管理員可自定義銷量排行。留言公告管理：管理員管理用戶的留言，發(fā)布最新的公告或刪除過期的公告。退出后臺：當(dāng)點擊“推出后臺”按鈕后，管理員退出后臺，可以迅速返回到后臺的登錄頁面。3.3業(yè)務(wù)流程分析網(wǎng)上體育商城的主要工作流程為：啟動服務(wù)器并打開瀏覽器，在瀏覽器地址欄輸入本商城的網(wǎng)址，進(jìn)入商城后用戶可以瀏覽商品，但是此時是無法下單購買商品的，在這里需要先注冊登錄后才能夠進(jìn)行挑選自己喜歡的體育商品然后下單，在下單時可以直接下單付款，也可以先把自己喜歡的體育商品加入購物車，然后繼續(xù)瀏覽頁面挑選體育商品，隨后在導(dǎo)航欄找到購物車按鈕，隨后進(jìn)入購物車界面進(jìn)行下單付款操作。在系統(tǒng)后臺管理員登錄界面，輸入管理員賬號和密碼，即可進(jìn)入管理員界面，隨后就可以進(jìn)行管理普通用戶的訂單和訂單的操作。當(dāng)用戶進(jìn)入該體育商城系統(tǒng)中的業(yè)務(wù)流程圖如圖3-1所示。圖3-1該系統(tǒng)是將程序技術(shù)與生活中的實際應(yīng)用緊密結(jié)合的好的案例，利用編程語言的技術(shù)改善了人們的生活，使不懂得技術(shù)的人也能與計算機(jī)進(jìn)行交互，并且在該系統(tǒng)中，為了提高服務(wù)的人性化，專門設(shè)計了一個交流平臺，功能完整，操作流暢，對工作效率和工作質(zhì)量的提高很有幫助。3.4本章小結(jié)本章主要講述了該系統(tǒng)在經(jīng)濟(jì)、技術(shù)、操作、時間等方面的可行性，以說明該系統(tǒng)的現(xiàn)實意義。還進(jìn)行了系統(tǒng)體系結(jié)構(gòu)的設(shè)計，主系統(tǒng)主要分為前臺與后臺，前臺主要是用戶從注冊到登錄瀏覽商品，再到加購物車下單的整個過程的功能介紹，后臺主要是管理員管理用戶信息和訂單信息的整個流程的功能介紹。

第4章系統(tǒng)的設(shè)計4.1系統(tǒng)的設(shè)計在該網(wǎng)上體育商城的設(shè)計過程中，突出了面向?qū)ο蟮脑O(shè)計理念，使用的開發(fā)模式為B/S模式，后臺管理系統(tǒng)與前臺客戶端的處理層次分的很清楚，并且考慮到了不同用戶瀏覽網(wǎng)頁的方式不同，特地在主頁面設(shè)置了一個搜索欄，系統(tǒng)的界面美觀大方，用戶在瀏覽商品的時候，操作方便，占用的資源少，可以很輕松的找到自己想要的商品。在設(shè)計和開發(fā)這個系統(tǒng)時，模塊化的設(shè)計理念也很突出，把一個大的系統(tǒng)劃分成好幾個小的模塊，簡化設(shè)計，有利于更好的開發(fā)。4.2業(yè)務(wù)對象設(shè)計 在該體育商城的系統(tǒng)設(shè)計中，普通消費者在進(jìn)入商城后會進(jìn)行注冊會員、登錄網(wǎng)站、瀏覽體育商品、查詢體育商品、加入體育商品商城的購物車、下單購買等購物操作，普通會員用戶的用例圖如圖4-1所示。圖4-1也有一些訪問者可能是匿名用戶，用例圖如圖4-2所示。圖4-2在該商城系統(tǒng)中，核心的管理者是系統(tǒng)管理員，管理員對商城里的各個功能模塊都可以進(jìn)行操作，商城里所有的體育商品都要經(jīng)過管理員管理，從用戶的訂單信息、用戶的留言管理到商品的銷量管理，都需要系統(tǒng)管理員的管理，管理員的用例圖如圖4-3所示。圖4-34.3業(yè)務(wù)流程設(shè)計4.3.1業(yè)務(wù)流程圖在該體育商城的系統(tǒng)中，普通用戶在沒有注冊會員的情況下訪問商城網(wǎng)站，就只能在主頁面進(jìn)行瀏覽操作，如果此普通用戶想要進(jìn)行購物操作就必須要注冊會員，點擊注冊按鈕，在彈出的對話框中輸入自己的基本信息，然后設(shè)置正確格式的用戶名和密碼，最后登錄進(jìn)入系統(tǒng)進(jìn)行購物操作，而對于系統(tǒng)管理員，管理員成功登陸后可以對訪問該網(wǎng)站的會員人員進(jìn)行管理、對商品的基本信息管理、對訂單、銷量、留言等進(jìn)行管理。根據(jù)以上的敘述，建立了普通用戶的系統(tǒng)流程圖，如圖4-4所示。客戶注冊登錄系統(tǒng)登陸客戶注冊登錄系統(tǒng)登陸N首頁商品查看商品購買······Y是否繼續(xù)是否留言圖4-4后臺系統(tǒng)管理登陸登陸N首頁商品分類訂單管理會員管理Y后臺系統(tǒng)管理登陸登陸N首頁商品分類訂單管理會員管理Y是否繼續(xù)是否管理員管理商品管理··········圖4-54.3.2系統(tǒng)前臺功能圖根據(jù)系統(tǒng)的需求分析，設(shè)計了普通用戶的功能模塊圖，如圖4-6所示。圖4-64.3.3系統(tǒng)后臺功能圖根據(jù)系統(tǒng)的需求分析，設(shè)計了系統(tǒng)管理員的用戶模塊圖，如圖4-7所示。圖4-74.4數(shù)據(jù)庫數(shù)據(jù)庫是系統(tǒng)的數(shù)據(jù)管理中心，所有需要的數(shù)據(jù)都可以往里面存,現(xiàn)在我們生活中的各行各業(yè)都離不開它,最普通的例子，我們平時使用微信聊天,所有的好友,聊天記錄都是存在數(shù)據(jù)庫中的,我們手機(jī)里的聯(lián)系人，短信也都是存在數(shù)據(jù)庫里的,這也就是所謂的數(shù)據(jù)庫,它產(chǎn)生于二十世紀(jì)六十年代，特別是最近幾年,隨著電子商務(wù)技術(shù)的不斷發(fā)展，市場需求的不斷變化，數(shù)據(jù)庫不再僅僅具有存儲數(shù)據(jù)的功能,而要滿足對不同的數(shù)據(jù)進(jìn)行管理的功能,現(xiàn)在各行各業(yè)的發(fā)展都有大量的數(shù)據(jù)，都離不開對數(shù)據(jù)的管理，為了科學(xué)的和有效的管理,都需要依靠數(shù)據(jù)庫，因此數(shù)據(jù)庫技術(shù)得到了廣泛的應(yīng)用。4.4.1數(shù)據(jù)庫需求分析該體育商城的數(shù)據(jù)庫主要是儲存所有商品信息、用戶、訂單、留言。這些數(shù)據(jù)是隨時進(jìn)行更新的，并且要保證每條數(shù)據(jù)準(zhǔn)確，所以數(shù)據(jù)庫要求穩(wěn)定、輕量、安全。4.4.2數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計數(shù)據(jù)庫的概念結(jié)構(gòu)設(shè)計在整個開發(fā)過程中非常的重要，沒有一個好的概念設(shè)計,編碼做得再好都是徒勞,一般可以利用E-R圖進(jìn)行數(shù)據(jù)庫的概念設(shè)計，E-R圖可用于描述各個實體之間的關(guān)系。經(jīng)過對該體育商城系統(tǒng)的分析：得出一個系統(tǒng)系統(tǒng)管理員可以管理多個體育商品，而一個體育商品也可以被多個管理員進(jìn)行管理，是多對多的關(guān)系，如圖4-8所示。圖4-8管理員實體的E-R圖如圖4-9所示。圖4-9登錄用戶的E-R圖如圖4-10所示。圖4-10每個體育商品的E-R圖如圖4-11所示。圖4-11商品訂單的E-R圖如圖4-12所示。圖4-124.4.3數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計網(wǎng)上體育商城數(shù)據(jù)庫中各個表的設(shè)計如下所示，每個表格表示在數(shù)據(jù)庫中的一個表。描述管理員各個屬性的表為管理員表t_admin，包含管理員的ID號、用戶名和密碼，如表4-1所示。表4-1列名數(shù)據(jù)類型長度允許空用戶序號userIdint11主鍵用戶名userNamevarchar50notnull密碼userPwvarchar50notnull描述商品所有類別的表為商品類別表t_catelog，表中包含商品類別的ID號、類別的名稱和具體描述，如表4-2所示。表4-2列名數(shù)據(jù)類型長度允許空類別序號catelog_idint4主鍵類別名稱catelog_namevarchar50notnull類別描述catelog_miaoshuvarchar5000notnull描述公告信息的表為t_gonggao，包含某條公告的ID號、公告的標(biāo)題、公告的內(nèi)容、公告的發(fā)布時間和發(fā)布者，如表4-3所示。表4-3列名數(shù)據(jù)類型長度允許空列名公告序號gonggao_idint4主鍵公告標(biāo)題gonggao_titlevarchar50notnull公告內(nèi)容gonggao_contentvarchar50notnull發(fā)布時間gonggao_datadatetime50null發(fā)布者gonggao_fabuzhevarchar50null描述用戶留言的表為t_liuyan，包含用戶留言的ID號、留言的標(biāo)題、留言內(nèi)容、留言的日期和留言人，如表4-4所示。表4-4列名數(shù)據(jù)類型長度允許空留言序號liuyan_idint4主鍵留言標(biāo)題liuyan_titlevarchar10notnull留言內(nèi)容liuyan_contentvarchar8notnull留言日期liuyan_datevarchar10notnull留言者liuyan_uservarchar4null描述商品具體屬性的表為t_goods，包含某件商品的ID號、商品的名稱、商品的詳細(xì)描述、商品圖片和該商品所屬類別的ID號，如表4-5所示。表4-5列名數(shù)據(jù)類型長度允許空商品序號goods_idint4主鍵商品名稱goods_namevarchar10notnull商品描述goods_miaoshuvarchar8notnull商品圖片goods_picvarchar10notnull類別IDgoods_catelog_idint11描述商品訂單屬性的表為t_order，包含訂單的ID號、某條訂單的編號、訂單的日期、訂單目前的狀態(tài)、訂單的金額、訂單的送貨方式和付款方式，還有下此條訂單的用戶ID號，如表4-6所示。表4-6列名數(shù)據(jù)類型長度允許空訂單序號order_idint4主鍵訂單編號order_bianhaovarchar10notnull訂單日期order_datevarchar8notnull訂單狀態(tài)order_zhuangtaivarchar10notnull訂單金額order_jinevarchar4null訂單送貨方式order_songhuodizhivarchar4訂單付款方式order_fukuangfangshivarchar4用戶IDorder_user_idint4描述商品訂單明細(xì)的表為t_orderitem，包含該訂單明細(xì)的ID、訂單的ID號、商品的ID號和商品的數(shù)量，如表4-7所示。表4-7列名數(shù)據(jù)類型長度允許空訂單明細(xì)IDorderItem_idint4主鍵訂單IDorder_idint4notnull商品IDgoods_idint4notnull商品數(shù)量goods_quantityint4描述會員用戶屬性的表為t_user，包含用戶的ID號、用戶名、密碼、真實姓名、地址、性別、電話、郵箱和QQ號，如表4-8所示。表4-8列名數(shù)據(jù)類型長度允許空用戶序號user_idint4主鍵用戶名user_namevarchar50notnull密碼user_pwvarchar50notnull真實姓名user_realnamevarchar50notnull地址user_addressvarchar50null性別user_sexvarchar50null電話user_telvarchar50null郵箱user_emailvarchar50nullQQuser_qqvarchar50null描述用戶評價的表為t_ping，包含該評價的ID號、評價某條訂單的ID、訂單明細(xì)的ID、所評價商品的ID、商品的名稱、用戶的ID、寫該條評價的用戶名、評價的具體內(nèi)容和評價的日期，如表4-9所示。表4-9列名數(shù)據(jù)類型長度允許空評價序號idint4主鍵訂單序號order_idint50null訂單明細(xì)序號orderitem_idvarchar50null商品編號goods_idvarchar50null名稱mingchengvarchar50null用戶序號user_idvarchar50null用戶名loginnamevarchar50null評價信息infovarchar50null添加日期adddatevarchar50null4.5本章小結(jié)本章主要進(jìn)行系統(tǒng)數(shù)據(jù)庫的設(shè)計，使用的是MySql數(shù)據(jù)庫語言來講進(jìn)行商品、訂單的存儲操作以及用戶的管理，以及數(shù)據(jù)庫的環(huán)境配置和要求和數(shù)據(jù)庫的管理和維護(hù)更新。

第5章系統(tǒng)的實現(xiàn)該商城的界面主要分為后臺管理頁面和前臺客戶端頁面，前臺客戶端頁面只有用戶可以操作，商城前端的所有功能都是通過后臺的管理來實現(xiàn)的，所顯示的所有商品信息都需要通過后臺管理系統(tǒng)來增加、修改和刪除，后臺管理頁面只有管理員可以訪問。因為在后臺需要對所有商品的信息進(jìn)行處理，所以后臺管理部分的開發(fā)比前臺客戶端要復(fù)雜。5.1體育商城前臺界面5.1.1首頁界面用戶第一次登錄商城時，可以在瀏覽器中輸入localhost:8087/tyypsc，稍等一會兒，用戶可以看體育商城主界面，主要分為三個主要模塊，上面為一塊，下面一塊，下面一塊又分成左右兩塊，界面如圖5-1所示。圖5-1當(dāng)用戶在主頁面點擊在線留言、我的信息、購物車、我的訂單，都會提示請先登錄，主要是通過以下代碼實現(xiàn)的：<s:iftest="#session.user==null"> alert("請先登錄");//彈出用戶對話框</s:if>按照商品ID號進(jìn)行降序排列，主要代碼如下：Stringsql="fromTGoodswheregoodsDel='no'andgoodsIsnottejia='yes'orderbygoodsIddesc";//按商品ID號降序排列ListgoodsYesTejiaList=goodsDAO.getHibernateTemplate().find(sql);if(goodsYesTejiaList.size()>5){ goodsYesTejiaList=goodsYesTejiaList.subList(0,5);//商品列表中的前五個商品品} request.put("goodsYesTejiaList",goodsYesTejiaList);5.1.2商品分類根據(jù)商品功能分類，用戶可以高效率的找到自己需要的商品，如圖5-2所示。圖5-2點擊商品信息，可以查看該商城所售的所有商品，如圖5-3所示圖5-35.1.3商品描述用戶在商城主頁面點擊任意一張喜歡的商品圖片可以跳轉(zhuǎn)到一個新的jsp頁面，在該頁面用戶可以看到該體育用品的基本介紹，和已購買用戶的評價，如圖5-4所示。圖5-45.1.4銷量排行根據(jù)顧客的喜歡程度，將銷售情況較好的前五件商品展示出來，這樣更有利于顧客的挑選，如圖5-5所示。圖5-5銷量排行的關(guān)鍵代碼如下：sql="selectsum(goodsQuantity),goodsIdfromTOrderItemgroupbygoodsIdorderbysum(goodsQuantity)desc";//按照商品銷售數(shù)量的多少進(jìn)行降序排列5.1.5商品搜索該搜索功能支持模糊查詢，只要輸入所需商品關(guān)鍵字，點擊商品搜索按鈕，調(diào)用goodsAction.java中的goodSearch方法，可跳轉(zhuǎn)到goodSearch.jsp頁面，可以查詢到用戶需要的商品，如圖5-6所示。圖5-65.1.6會員注冊注冊功能是購物網(wǎng)站最基本的功能，只有用戶成功注冊了會員，才能正常使用其他功能，在該體育商城中，當(dāng)用戶在前臺頁面點擊注冊按鈕后，jsp頁面就會彈出，用戶現(xiàn)在需要填寫form表單，check1方法會判斷用戶剛剛填入的信息是否符合要求，如果符合要求，點擊確定按鈕，提示注冊成功，如圖5-7所示。圖5-7注冊成功后，在用戶點擊了登錄按鈕后，會彈出一個對話框，這時用戶輸入已經(jīng)注冊好的用戶名和密碼，即可成功登錄該網(wǎng)站，登錄后點擊我的信息，可以跳轉(zhuǎn)到userXinxi.jsp頁面，在該頁面中，用戶可以修改自己的基本信息，如圖5-8所示。圖5-8用戶點擊注冊按鈕后，填完基本信息，點擊確定按鈕時，會彈出操作成功，提示本窗口將在3秒后自動關(guān)閉，這個功能主要是通過以下代碼實現(xiàn)的。functionclock(){ i=i-1; if(i>0) { document.getElementById("info").innerHTML="本窗口將在"+i+"秒后自動關(guān)閉";//先獲取到id為info的標(biāo)簽 setTimeout("clock();",1000); } else { closewindow(); }}5.1.7購物車購物車功能是維了方便用戶在瀏覽商城時進(jìn)行商品匯總，像去實體購物商城推著購物車進(jìn)行購物，用戶在瀏覽過程中可以將喜歡的商品先放入購物車中，在稍后的結(jié)賬環(huán)節(jié)中會跳轉(zhuǎn)到購物車的jsp頁面，在這個頁面中，用戶可以查看自己已挑選的商品，還可改變購買數(shù)量，這里的個數(shù)后臺通過正則表達(dá)式進(jìn)行限制，只可以輸入正整數(shù)，如圖5-9所示。圖5-9限制商品數(shù)量的關(guān)鍵代碼如下：functionmodiNum(goodsId,quantity) { varr1=/^[0-9]*[1-9][0-9]*$///運用正則表達(dá)式限制為正整數(shù) varval=r1.test(quantity);//str為你要判斷的字符執(zhí)行返回結(jié)果true或false if(val==false) { alert("數(shù)量必須是正數(shù),請重新輸入"); } else { document.getElementById("indicator1").style.display="block"; cartService.modiNum(goodsId,quantity,callback); } }若已經(jīng)挑好了體育商品而沒有輸入購買個數(shù)，這時會彈出提示對話框，提示為“請輸入購買數(shù)量”。if(document.buy.quantity.value=="") { alert("請輸入購買數(shù)量"); returnfalse; }5.1.8訂單管理在主頁面點擊“我的訂單”會顯示用戶已經(jīng)下單的訂單信息，點擊這個訂單信息后會跳轉(zhuǎn)到myOrder.jsp頁面，如圖5-10所示。圖5-10如果自己已經(jīng)收到貨物，可以點擊收獲按鈕，會顯示收貨成功的對話框。點擊評價按鈕，可跳轉(zhuǎn)到orderDetailPing.jsp頁面，這個頁面可顯示已購買的商品名稱和圖片，還可填寫評價，如圖5-11所示。圖5-115.1.9留言顧客在導(dǎo)航欄點擊在線留言，可跳轉(zhuǎn)到liuyanAll.jsp頁面，在這個頁面可以發(fā)表問題，咨詢，建議并進(jìn)行提交，如圖5-12所示。圖5-125.1.10公告點擊網(wǎng)站公告下的任意一條，可跳轉(zhuǎn)到gonggaoDetailQian.jsp頁面，該頁面可詳細(xì)介紹這條公告的完整信息，如圖5-13和5-14所示。圖5-13圖5-145.1.11聯(lián)系我們顧客點擊導(dǎo)航欄的聯(lián)系我們，跳轉(zhuǎn)到lianxi.jsp頁面，該頁面可顯示網(wǎng)站的聯(lián)系方式，如圖5-15所示。圖5-155.2體育商城后臺管理5.2.1首頁界面在該體育商城中，在前臺頁面的下方有個管理登錄按鈕，管理員點擊后，可跳轉(zhuǎn)到后臺的登錄頁面，管理員按要求輸入用戶名、密碼和驗證碼，就可成功登錄后臺管理系統(tǒng)，后臺通過frame框架分成三部分，頁面頂部為一部分，下面分成左右兩部分，如圖5-16、5-17和5-18所示。圖5-16以下這段代碼主要實現(xiàn)了后臺登錄時驗證碼的功能publicclassRandomValidateCode{publicstaticfinalStringRANDOMCODEKEY="RANDOMVALIDATECODEKEY";//放到session中的keyprivateRandomrandom=newRandom();privateStringrandString="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";//從這里面隨機(jī)產(chǎn)生一個字符串privateintwidth=80;//圖片寬privateintheight=26;//圖片高privateintlineSize=40;//干擾線數(shù)量privateintstringNum=4;//隨機(jī)產(chǎn)生字符數(shù)量//獲得字體privateFontgetFont(){returnnewFont("Fixedsys",Font.CENTER_BASELINE,18);}//獲得顏色privateColorgetRandColor(intfc,intbc){if(fc>255)fc=255;if(bc>255)bc=255;intr=fc+random.nextInt(bc-fc-16);intg=fc+random.nextInt(bc-fc-14);intb=fc+random.nextInt(bc-fc-18);returnnewColor(r,g,b);}//生成隨機(jī)圖片publicvoidgetRandcode(HttpServletRequestrequest,HttpServletResponseresponse){HttpSessionsession=request.getSession();//BufferedImage類是具有緩沖區(qū)的Image類,Image類是用于描述圖像信息的類BufferedImageimage=newBufferedImage(width,height,BufferedImage.TYPE_INT_BGR);Graphicsg=image.getGraphics();//產(chǎn)生Image對象的Graphics對象,該對象可以對圖像進(jìn)行各種繪制操作g.fillRect(0,0,width,height);g.setFont(newFont("TimesNewRoman",Font.ROMAN_BASELINE,18));g.setColor(getRandColor(110,133));//繪制干擾線for(inti=0;i<=lineSize;i++){drowLine(g);}//繪制隨機(jī)字符StringrandomString="";for(inti=1;i<=stringNum;i++){randomString=drowString(g,randomString,i);}session.removeAttribute(RANDOMCODEKEY);session.setAttribute(RANDOMCODEKEY,randomString);System.out.println(randomString);g.dispose();try{ImageIO.write(image,"JPEG",response.getOutputStream());//將內(nèi)存中的圖片以流動的形式顯示到客戶端}catch(Exceptione){e.printStackTrace();}}//繪制字符串privateStringdrowString(Graphicsg,StringrandomString,inti){g.setFont(getFont());g.setColor(newColor(random.nextInt(101),random.nextInt(111),random.nextInt(121)));Stringrand=String.valueOf(getRandomString(random.nextInt(randString.length())));randomString+=rand;g.translate(random.nextInt(3),random.nextInt(3));g.drawString(rand,13*i,16);returnrandomString;}//繪制干擾線privatevoiddrowLine(Graphicsg){intx=random.nextInt(width);inty=random.nextInt(height);intxl=random.nextInt(13);intyl=random.nextInt(15);g.drawLine(x,y,x+xl,y+yl);}//獲取隨機(jī)的字符publicStringgetRandomString(intnum){returnString.valueOf(randString.charAt(num));}}圖5-17通過frameset框架集，把后臺管理界面分成了三塊。<framesetrows="59,*"cols="*"frameborder="no"border="0"framespacing="0"><framesrc="top.jsp"name="topFrame"scrolling="No"noresize="noresize"id="topFrame"title="topFrame"/><framesetcols="213,*"frameborder="no"border="0"framespacing="0"><framesrc="left.jsp"name="leftFrame"scrolling="No"noresize="noresize"id="leftFrame"title="leftFrame"/><framesrc="version.jsp"name="mainFrame"id="mainFrame"title="mainFrame"/></frameset></frameset>圖5-185.2.2系統(tǒng)參數(shù)可以查看此刻該系統(tǒng)運行環(huán)境，如圖5-19所示。圖5-195.2.3管理員維護(hù)點擊管理員維護(hù)，可以修改密碼，如圖5-20所示。圖5-205.2.4會員管理點擊會員管理，可以對該網(wǎng)站會員的信息進(jìn)行查看和刪除，如圖5-21所示。圖5-215.2.5商品管理該商城的商品管理主要分為兩部分，一部分是添加和刪除某個商品類別，另一部分是對具體某個類別的商品進(jìn)行管理，如圖5-22和5-23所示。圖5-22圖5-235.2.6訂單管理訂單管理主要包含三個功能，一是對用戶剛買的訂單進(jìn)行受理，二是查看訂單明細(xì)，三是刪除任意一條訂單，如圖5-24所示。圖5-245.2.7銷量管理管理員點擊銷量管理，可查看該商城所有商品的銷量情況，按從高到低排列，如圖5-25所示。圖5-255.2.8留言公告管理當(dāng)管理員點擊留言公告，即可進(jìn)行對用戶留言進(jìn)行管理，添加商城公告信息或刪除已發(fā)布的消息，如圖5-26和5-27所示。圖5-26圖5-27點擊退出系統(tǒng)就可返回到后臺登錄界面。由于該系統(tǒng)在開始設(shè)計的時候就沒有考慮的復(fù)雜，所以系統(tǒng)界面比較簡單明了，用戶使用起來也非常方便，在此不再詳細(xì)敘述如何操作?？偠灾?，該系統(tǒng)界面設(shè)計雖然簡單，但功能齊全無遺漏，是該體育商城的最大亮點。5.3本章小結(jié)本章主要進(jìn)行系統(tǒng)界面的介紹，包括前臺登錄界面和商城主頁面界面，后臺管理員管理用戶和訂單的界面。第6章系統(tǒng)的測試6.1用戶的登錄測試6.1.1用戶輸入正確的用戶名和密碼當(dāng)用戶登錄時，輸入已經(jīng)注冊過的用戶名和密碼，提示登錄成功，如圖6-1所示。圖6-16.1.2用戶輸入錯誤的用戶名和密碼當(dāng)輸入已經(jīng)注冊過但是填寫錯誤的用戶名或密碼時，提示用戶名或密碼錯誤，如圖6-2所示。圖6-26.1.3用戶未輸入用戶名當(dāng)忘記用戶名時，提示請輸入用戶名如圖6-3。圖6-36.1.4未輸入密碼圖6-46.2系統(tǒng)注冊測試6.2.1按要求填寫當(dāng)進(jìn)行用戶注冊時，按要求填寫基本信息，點擊確定后，提示操作成功，如圖6-5和6-6所示。圖6-5圖6-66.2.2注冊已存在的用戶在新用戶注冊用戶時，如果輸入了已經(jīng)注冊過的用戶名，則提示該用戶名已存在，請重新注冊，如圖6-7所示。圖6-76.2.3用戶信息修改當(dāng)用戶登錄成功，修改個人基本信息時，如果按照要求修改，提示操作成功，如圖6-8所示。圖6-86.2.4購物管理當(dāng)用戶購買商品時，商品數(shù)量為負(fù)數(shù)或不填都購買不成功，提示數(shù)量必須為正數(shù)，如圖6-9所示。圖6-96.2.5后臺登錄當(dāng)管理員進(jìn)入后臺進(jìn)行登錄時，如果輸入正確的用戶名、密碼和驗證碼，會提示通過驗證登錄成功，如圖6-10所示，當(dāng)用戶名、密碼和驗證碼三者中有一個沒有輸，都會提示輸入。圖6-106.2.6密碼修改當(dāng)管理員進(jìn)行密碼修改時，輸入原密碼、新密碼，再確認(rèn)密碼，點擊修改按鈕后，提示修改成功，如圖6-11所示。圖6-116.2.7會員管理當(dāng)管理員刪除會員時，首先會彈出提示框提醒是否進(jìn)行刪除操作，若確定刪除則點擊確定按鈕后，會提示刪除成功，如圖6-12和6-13所示。圖6-12圖6-136.2.8商品管理對商品的類別和具體商品添加時，都會提示操作成功，如圖6-14所示。圖6-146.3系統(tǒng)測試結(jié)果通過對該體育商城的測試，整個系統(tǒng)的測試結(jié)果如表6-1所示。表6-1序號用例名稱測試內(nèi)容結(jié)果1用戶登錄輸入正確的用戶名和密碼登錄成功輸入錯誤的用戶名和密碼登錄失敗提示用戶名或密碼錯誤返回登錄界面未輸入用戶名登錄失敗提示輸入用戶名未輸入密碼登錄失敗提示輸入密碼2用戶注冊按要求填寫注冊成功注冊已存在的用戶注冊失敗未按要求填寫注冊失敗3用戶信息修改按照要求修改修改成功未按照要求修改修改失敗4購物管理商品數(shù)量為負(fù)數(shù)購買失敗商品數(shù)量為正數(shù)購買成功商品數(shù)量為空購買失敗5商品搜索在搜素欄輸入關(guān)鍵字進(jìn)行模糊查詢搜索成功6后臺登錄管理員輸入正確的用戶名、密碼、驗證碼登錄成功用戶名、密碼、驗證碼，任意一個不正確登錄失敗7密碼修改在后臺輸入原密碼和新密碼修改成功8會員管理在后臺點擊刪除按鈕刪除成功9商品管理對類別進(jìn)行添加和刪除操作成功對某類別商品添加和刪除10訂單管理受理訂單和刪除訂單操作成功11留言公告管理添加或刪除留言公告操作成功6.4本章小結(jié)本章主要進(jìn)行系統(tǒng)的測試，驗證其是否能夠完美的實現(xiàn)用戶需求，主要使用功能性測試。

第7章總結(jié)與展望7.1系統(tǒng)總結(jié)該體育商城系統(tǒng)采用的主要編碼語言是主流語言Java，數(shù)