水果購物商城的設計與實現(xiàn)摘要在開發(fā)水果購物商城設計與實現(xiàn)的時候使用到了B/S架構，代碼方面主要使用到java語言，框架會用到SpringMVC和Mybatis中的SSM。會用到的中間服務器是Tomcat，開發(fā)環(huán)境就是大家比較熟悉的SQLserver數(shù)據(jù)庫和Eclipse開發(fā)環(huán)境。水果購物商城主要分為管理員和用戶兩個主要功能模塊。管理員功能細劃分就有管理員首頁、管理員的個人中心、水果分類管理、留言板管理、訂單管理等；用戶功能細劃分就有用戶首頁、熱銷水果、用戶留言反饋等。水果購物商城的設計與開發(fā)會圍繞著使用到的技術展開介紹的，也會對背景進行一些簡短的介紹。緊接著就會對系統(tǒng)進行需求分析以及一些功能流程介紹，也會對數(shù)據(jù)庫里的主要的數(shù)據(jù)表進行展示。用戶在瀏覽首頁面的時候可以打關鍵字進行水果的搜索，這樣簡單又快速，最后最重要的就是還要對系統(tǒng)進行系統(tǒng)的測試。該論文有圖25幅，表6個，參考文獻17篇。關鍵詞：水果購物商城SQLserver數(shù)據(jù)庫Java技術ssm框架 目錄5627摘要緒論1.1課題背景、目的及意義1.1.1課題背景近年來，隨著網(wǎng)絡技術的不斷發(fā)展，越來越多人喜歡在網(wǎng)上進行購物，他們會將自己喜歡的物品收藏或者加入購物車，這樣就很方便自己進行購買東西。構建一個水果商城購物的平臺會對用戶和管理員提供非常大的幫助，水果購物商城通過前端HTML代碼和數(shù)據(jù)庫SQL語言管理系軟件來實現(xiàn)用戶與管理員之間相互操作的平臺，就是根據(jù)這一點的設計，我感覺設計出了一個水果購物商城是值得的。經(jīng)過對以上的情況進行分析，我們對用戶的實際需求進行了詳細的分析，指定出了相應的開發(fā)計劃，為了方便用戶在線進行查看水果信息以及可以在線進行購買方面的管理操作，幫助管理員節(jié)省很多的管理時間以及可以減少工作量，使得管理工作更加快捷順利的進行，因此開發(fā)設計了該系統(tǒng)。隨著計算機的不斷發(fā)展，網(wǎng)絡時代已經(jīng)融入到我們生活和工作的每一個區(qū)域中，而且還給我們的生活工作帶來了非常方便的便利，因此，希望可以通過該系統(tǒng)的開發(fā)也能使水果管理實現(xiàn)信息化管理，減輕人的負擔，提高工作效率計。1.1.2目的及意義隨著銷售市場的不斷變化，營銷方式的手段也隨之出現(xiàn)了變化。所以利用網(wǎng)絡平臺為消費者開發(fā)一個水果購物商城，讓那些忙于工作或者在家?guī)『⒉辉赋鲩T的人，可以通過線上選購各種新鮮的水果，也可以享受各類水果的優(yōu)惠活動，并享受送貨上門的服務。線上水果種類多，符合現(xiàn)代化的快節(jié)奏生活，滿足人們追求生活的質量，會受到很多年輕人的喜愛，更促進了快遞行業(yè)的發(fā)展。而水果通過在線銷售可以提高水果的銷售量，也會減少因為各種原因腐爛而導致的經(jīng)濟損失。水果購物商城的實現(xiàn)在很大程度上方便了每個人的生活。所以，開發(fā)一個水果在線銷售系統(tǒng)實用性非常強。1.2國內(nèi)外現(xiàn)狀1.2.1國內(nèi)研究現(xiàn)狀現(xiàn)在水果作為現(xiàn)在市民必不可少的生活必需品，線上交易會產(chǎn)生大量的訂單。但是現(xiàn)有的交易平臺還不夠完善，相當一部分的水果銷售平臺都比較低級，面向中高端的的客戶時，產(chǎn)品、概念和服務都跟不上?，F(xiàn)有的水果電商產(chǎn)業(yè)還有很長的路要走。水果產(chǎn)業(yè)在中國的發(fā)展從粗到精，從之前的散買散買到現(xiàn)在的網(wǎng)上銷售平臺，越來越多的人建立合作社，并在網(wǎng)上尋求銷路。銷路解決了，水果的品質也在不斷提升，因此也形成了長久的一個供應鏈條。1.2.1國外研究現(xiàn)狀國外的在線水果銷售模式快已經(jīng)接近一個完整供應鏈的狀態(tài)，其采摘要求嚴格，水果質量、存貨量、保鮮期都比較好控制。國外的網(wǎng)上生鮮產(chǎn)業(yè)起步較早因而發(fā)展模式眾多。例如美國鮮果電商的020模式和水果平臺運營模式，而且這些模式通過高密集,的倉儲實現(xiàn)了生鮮物流服務迅速發(fā)展。國外的大型電子商城，例如亞馬遜，沃爾瑪?shù)群茉缇屯瞥隽怂麑^(qū)，但是鮮有專門做水果銷售的網(wǎng)站。1.3研究內(nèi)容主要內(nèi)容：通過網(wǎng)絡平臺開發(fā)在線水果銷售系統(tǒng)，用戶通過注冊賬號可以在頁面實現(xiàn)在線瀏覽、選購水果、網(wǎng)上訂購以及留言。管理員可以對商品內(nèi)容的增加、刪除、修改和如何處理一些客戶的訂單的處理等功能。實施方案：水果購物平臺的設計系統(tǒng)主要是前臺管理和后臺管理的兩部分，前臺主要是呈現(xiàn)出用戶的注冊頁面、登錄界面（用戶和管理員）、界面瀏覽（主要有水果排行榜、熱銷水果、折扣水果）、商品收藏、訂單結算、訂單查詢以及留言板。前臺設計要考慮到網(wǎng)站整體的頁面盡量要簡潔明了。后臺主要通過SQL語言來構建數(shù)據(jù)庫，來供商店管理人員的使用，可對商品進行管理、查看以及訂單處理等功能。前后臺數(shù)據(jù)交互采用JAVA來實現(xiàn)。軟件開發(fā)一般是三個周期和八個階段，我設計的是水果購物商城的設計與實現(xiàn)也要遵守這一條，從本設計有關的可行性分析、系統(tǒng)整體框架設計都遵循這個。水果購物商城的設計與開發(fā)的過程中，要保證系統(tǒng)具有很強的時效性和它的穩(wěn)定性。對于代碼而言，要按照格式來書寫，這樣看起來能簡單明了一點，這次設計的主要任務和目標就是設計出一個方便大家使用的水果購物商城。1.4論文結構本論文主要分為以下幾個部分：第一章：主要介紹水果購物商城的背景、目的和意義、國內(nèi)外現(xiàn)狀、研究內(nèi)容等。第二章：主要介紹使用SQLserver數(shù)據(jù)庫和Eclipse開發(fā)環(huán)境、B/S架構、Java語言、HTML/CSS語言等相關技術。第三章：主要圍繞可行性分析、技術可行性、操作可行性、系統(tǒng)性能分析以及系統(tǒng)功能分析展開。第四章：主要從系統(tǒng)的功能結構圖、數(shù)據(jù)庫E-R圖、邏輯結構設計進行分析。第五章：主要展示前臺用戶的頁面和功能，后臺管理員的界面和每個功能模塊。第六章：主要進行一些系統(tǒng)測試的功能，從系統(tǒng)測試的過程中會得出一些結論和結果。2開發(fā)技術介紹我這次設計的水果購物商城主要用到了Java語言技術和SQLserver數(shù)據(jù)庫和前臺用到的HTML代碼。在設計這個整體模塊的時候，要先理清楚首先要干什么，第一步當然會是對整個水果購物商城的整體設計，然后再劃分到其余的主要模塊，在后就是針對每個部分模塊進行仔細的分析模塊功能。數(shù)據(jù)庫里還需要對數(shù)據(jù)里的表進行設計和主要信息的增加，頁面的設計要先要有個大概模型的設計，然后再按照程序進行代碼的敲定。2.1系統(tǒng)開發(fā)平臺在水果購物商城中用到的開發(fā)平臺就是大家很熟悉的Eclipse，我為什么選擇這個，因為我使用的好幾個代碼語言和數(shù)據(jù)庫都可以在它的軟件里進行或者瀏覽頁面也可以在這里打開看，就是很方便，還有就是它打開和運行的速度很快，很容易上手而不是那種很繁瑣的。我知道的存儲數(shù)據(jù)軟件有幾個，但是我上網(wǎng)查了查，它的存儲數(shù)據(jù)比我要知道的軟件的存儲量多的多。它的主要功能就是我現(xiàn)在所需要的主要功能，就是被數(shù)據(jù)庫中的數(shù)據(jù)進行一些查詢和編程。經(jīng)過我在做水果購物商城作品后，我發(fā)現(xiàn)利用這個軟件加進去一些主要的代碼就能實現(xiàn)自己想要的功能。所以說該系統(tǒng)數(shù)據(jù)庫開發(fā)主要是由Eclipse技術進行系統(tǒng)代碼管理。2.2平臺開發(fā)相關技術2.2.1B/S架構B/S結構可以說有很多很多的特性，具體的特性可以到網(wǎng)上去查詢，不過有好幾個大家都很熟悉的特性，比如可以在許多瀏覽器中進行信令應用。有的時候我們在安裝或配置少量客戶端軟件時，這個時候用戶的工作量就沒有那么多了，反而會慢慢地減少著。這個主要是由服務器來管理或者說是操作著這些相關的功能。伴隨著網(wǎng)絡技術的來臨，軟件技術也在不斷地向前發(fā)展，現(xiàn)在軟件出現(xiàn)了一個巨大的特點就是可以和瀏覽器打著配合。這就是我們所說的軟件的適應性吧，而目前對于我們來講，也就是說對于我們所需要的B/S結構的最大特點是各層的獨立性和各層的表示性。2.2.2Java技術介紹Java語言現(xiàn)在已經(jīng)幾乎面向所有的軟件需要了，而且也是目前使用最多的編程語言之一。Java語言具有很好的面向對象性，它比較的符合我們現(xiàn)在的思維模式，它有一個極大的好處也就是優(yōu)點就是它有封裝的特性，這個一般所有人在使用Java語言的時候都會用到這個特性。封裝的特點就像它的名字一樣，封閉和隱秘。不會讓別人知道這些的秘密。它這個一般都會有一個叫做父類的名稱，繼承就是和父類有很大的關系，有父類就會有子類的，而且子類還繼承了父類的特性，這可能就是和我們一般稱呼的遺傳吧。但是并不是遺傳所有的特點，只要有final字眼的就不能繼承。做的頁面多了，代碼也就會從簡單到復雜，從少的代碼慢慢地變多，這個時候會為了提高代碼和系統(tǒng)的速度也就是說的效率一方面，Java語言就要有多元話方式來解決。這樣就能提高效率。在Java中難能可貴的一點就是它的垃圾回收機制，它使得以往程序中大量存在的內(nèi)存泄漏的問題得到了較好的緩解。所謂的內(nèi)存泄漏就是程序向操作系統(tǒng)申請了一塊存儲空間，比如定義了一個變量，但是由于某種原因，這個變量一直沒有使用，但是仍然占用著系統(tǒng)的內(nèi)存空間，可能一兩個這樣的變量對程序和操作系統(tǒng)造不成什么大的影響，但是試想如果這樣的變量定義的多了系統(tǒng)的內(nèi)存空間就會一步步減少，從而造成機器的性能降低甚至宕機。但是在Java中有垃圾回收機制的存在，這種機制極大地避免了內(nèi)存泄漏的出現(xiàn)，在Java虛擬機中，垃圾回收機制會對長時間沒有引用變量指向的對象實施垃圾回收，簡單的說就是將這個對象銷毀，以避免內(nèi)存泄漏的情況出現(xiàn)[1]。2.2.3SQLserver數(shù)據(jù)庫介紹SQLserver最大的特點就是能夠有語言方面的交互性，它能為每一個使用它的用戶得到很大的方便。為什么我一般會選擇使用數(shù)據(jù)庫呢，因為它可以提高我們計算機的效率而減少我們的時間。SQLserver有著它獨特的特點，系統(tǒng)的吞吐量、響應時間以及并行處理能力,發(fā)出請求服務器回應的速度、還有不同屏幕之間切換的速度等等。SQLserver的優(yōu)點很多比如說它體積小，雖然現(xiàn)在大多數(shù)的軟件占用的體積也小，但這確實也是數(shù)據(jù)庫的優(yōu)點。它存儲數(shù)據(jù)和加載更新數(shù)據(jù)的速度也蠻快的。我設計的水果購物商城是真實的很現(xiàn)實的所以這也是我選擇SQLserver數(shù)據(jù)庫的很大原因。水果購物商城主要使用SQLserver數(shù)據(jù)庫，數(shù)據(jù)庫里可以建立好多張表，而這些表并不是沒用的，是用它們來存儲水果的一些基本信息和一些的主要數(shù)據(jù)。數(shù)據(jù)庫里最主要的就是要用到的是select，update，delete以及insert等語句來實現(xiàn)系統(tǒng)功能。2.2.4HTML/CSSHTML我們常常稱呼為超文本標記語言，也是網(wǎng)頁上最常用和最常用的通用語言。網(wǎng)頁的語言包含在帶有大于和小于符號的標記中。這些標簽中有一些成對出現(xiàn)，有些則沒有。我們一般寫的代碼都要用尖括號來括起來,寫好后有的地方需要點進去就要轉到另一個頁面，這個時候就要對它加上鏈接。標簽通常稱為標簽。這是一種用于在前臺創(chuàng)建可視界面的語言。這個語言由許多HTML標記組成。使用該語言創(chuàng)建的可視界面我們?nèi)绻胍４嫦聛砭鸵?html為后綴名命名，名字自己隨便起，只要后綴名對就行。CSS樣式可以在源代碼里添加，但是如果代碼多了就會到一個后綴名為.css的頁面里進行添加代碼，它一般都是設置頁面的布局和調整界面的樣式，例如，DIV標簽是鼠標單擊前的原始樣式，而DIV塊在單擊后變?yōu)榧t色。這是一種風格。在CSS樣式里可以設置前臺頁面的文字顏色、邊框顏色、圖片大小、整體間距等樣式。3系統(tǒng)分析對系統(tǒng)功能反復設計后可以看出，其中的一些項目元素的組合、一些功能的分解和功能的更換要及時做出它們互相相對應的單元模式，然后它們的原則是要根據(jù)設計的模塊的功能來實現(xiàn)的，水果購物商城的設計會首先考慮到管理員功能模塊的需求，然后再進行開發(fā)設計和主要功能實現(xiàn)的，因為管理員模塊比較重要，它是管理后臺大小事務和服務每一個用戶的，其次就是要對水果的分類進行模塊設計和開發(fā)，，最后的開發(fā)和設計是一定要必須要照顧到管理員和每一個用戶的需求，這樣才能體現(xiàn)出水果購物商城的最大意義和價值。3.1可行性分析可行性分析是整個水果購物商城的項目和模塊開發(fā)過程中不能缺少的一個分析?？尚行苑治鍪撬徫锷坛侵凶钪匾模驗樗軌蛑苯佑绊懰徫锷坛堑膶崿F(xiàn)，而不是間接性的影響。從水果購物商城的開發(fā)角度來看，還有從水果分類管理的每個系統(tǒng)功能來看，它們能不能很好的的解決一些水果分類管理上面的主要問題，通過開發(fā)和設計水果購物商城的過程中，我發(fā)現(xiàn)了這個水果購物商城的最大意義和主要的價值所在之地，就是對工作人員來說，在某一方面減少了他們的工作量和提升他們的能力，還使整個功能進行的非常高效，還很順利的能夠進行上下等級的管理。在水果購物商城的設計完成后，還要從可行性的角度進行利益分析和預期效果的分析，利益是不是能夠大于或者小于成本呢？是不是在這個基礎上達到了心里估算的那個預期效果？這都是我要考慮的事情。然后經(jīng)過深思熟慮后決定開發(fā)水果購物商城的設計與實現(xiàn)。從水果購物商城的開發(fā)設計中來分析，從可行性分析中的其中之一的技術可行性分析來看：整體其中主要一項的語言使用Java語言來敲寫，因為隨著Java技術不斷的完善和成熟，可以完美的將水果購物商城具有一定方面的的可行性的。從水果購物商城的經(jīng)濟可行性方面來看，在水果購物商城的功能和設想方面過程中，水果商城的利益能不能從剛開始就持續(xù)的大于或者等于開發(fā)成本。從水果購物商城的操作可行性方面來看，管理員很好的操作一些后臺方面的東西，用戶可以很順利的瀏覽和收藏購買東西，結合兩者就是方便了管理員的管理和用戶的使用感覺。3.1.1技術可行性在水果購物商城中會用到好幾個語言，其中對于本次設計的最主要的語言就是Java語言，因為Java會隨著網(wǎng)絡的時代會不斷地及時更新和適應各種軟件的使用。水果購物商城的開發(fā)主要是采用Java語言、B/S結構和SQLserver數(shù)據(jù)庫進行它們之間的聯(lián)系和開發(fā)使用。通過用到這主要三項的技術功能方面，確定了水果購物商城的系統(tǒng)和功能的完善性和簡單明了性。因為數(shù)據(jù)庫具有保證數(shù)據(jù)的安全性和穩(wěn)定性和完整性和隱蔽性的功能。在校學習期間我們SQLserver數(shù)據(jù)庫老師教了我們半學期的數(shù)據(jù)庫知識，Java我們還未接觸，不過可以在別的軟件找視頻學習，對這兩個語言也有瀏覽過和一定的認知和理解。而且還知道怎樣能簡單明了的對軟件進行簡單的測試。最后可以結合學習到的知識和在網(wǎng)上學習到的知識做出一個簡簡單單的怎樣進行系統(tǒng)開發(fā)、系統(tǒng)的如何檢驗和系統(tǒng)怎樣的辨別概念功能。水果購物商城使用了Java語言和SQLsever數(shù)據(jù)庫兩者之間的結合產(chǎn)生一個可以能夠穩(wěn)定的比較能夠高效度的系統(tǒng)和功能模塊。（1）輕量級系統(tǒng)，在對水果購物商城設計方面時，一定得考慮大對數(shù)用戶的習慣，然后總結出大多數(shù)用戶的習慣來構成系統(tǒng)的實用性，而且系統(tǒng)不能太大兆，要很簡單的安裝，不能過于繁瑣。這樣系統(tǒng)就比較輕量和受人喜愛。在這同時也可以同時設計系統(tǒng)的功能，如果后面再想到什么可以再補功能。通過這個方面的設計和構思后，就可以慢慢地實施，在進一步的進行系統(tǒng)測試后，找出不足的地方進行系統(tǒng)功能的完善。（2）接近于零的成本開發(fā)：在水果購物商城中主要以我的電腦上的Windows10操作系統(tǒng)為最最基本的操作基礎，同時還要采用Java技術進行一些主要的編碼和一些功能上的開發(fā)，還使用了SQLsever數(shù)據(jù)庫，還有較多的HTML語言來展示頁面，這些都是接近于零的開發(fā)成本。（3）覆蓋的范圍廣：現(xiàn)在網(wǎng)絡技術遍布每個地方，只要有網(wǎng)絡的地方，大多數(shù)都可以安裝和使用我設計的水果購物商城，而且我設計的主要目的就是讓很多用戶使用和認可我的成品，所以水果購物平臺搭建好了就能很快的上手使用，這個對哪一方面都沒有太大的要求。3.1.2經(jīng)濟可行性現(xiàn)在的社會中，經(jīng)濟效益是受大家非?？粗氐?，因為大家的主要目的就是通過設計的軟件來達到一定的經(jīng)濟效益，其中還不缺乏當中的社會價值。開發(fā)一個水果購物平臺，從管理員角度來分析，它可以減少管理員的一些工作，從用戶方面分析，可以隨時隨地的進行軟件的使用，然后對想買的水果進行購買。如果剛剛闡述的功能和效益、使用方面達不到自己預計所想的，或者在自己所想的上面投入很多的成本、時間、精力。那這個水果購物平臺的開發(fā)就沒有起到任何價值之處，就沒有開發(fā)的條件和展現(xiàn)的機會。3.1.3操作可行性水果購物平臺的開發(fā)和一般軟件一樣，想要看或者是購買水果就要進行用戶登錄，而且手機電腦都可以進行注冊，注冊就只需要用戶名、密碼、角色三種信息，注冊成功后就能登錄了。水果購物商城在語言方面主要是采用Java語言技術以及SQLsever數(shù)據(jù)庫進行模塊的開發(fā)功能的設計的，現(xiàn)在大多數(shù)都是用它們的結合，因為它們比較符合現(xiàn)代化和規(guī)范化和使用話的，如果有想要學習這方面的，直接可以查看源代碼進行學習。水果購物商城的開發(fā)主要的特點就是簡單、好管理、大眾話和好操作。3.2系統(tǒng)性能分析（1）功能的完整性：對于每一個模塊的設計都要反復斟酌然后確定下來進行構思和設計，并不是了了而想的就確定下來。而且還要保證自己設計的模塊和功能自己都能夠設計出來算法和代碼，其中用戶的信息通過數(shù)據(jù)庫來保存，而且主要是用文字和表格的模式進行填寫的模式。（2）系統(tǒng)運行的分析：對設計的每一個大功能和小功能都要有對應的代碼和完整數(shù)據(jù)的填寫。比如說其中最主要的系統(tǒng)的物理的數(shù)據(jù)就是主要是由分析中的需求分析來顯示的。（3）界面的設計：水果購物商城的界面是由幾個不同的代碼進行呈現(xiàn)的，而且這幾種代碼自己還要牢牢地掌握，能夠確保如果有一項出錯，可以找出來分析和處理的。這樣界面就能夠對于我們來說是簡單容易操作的。（4）安全分析：水果購物商城主要的角色就是這兩個：用戶、管理員。因為角色的不同，所以填寫信息方面就不一樣，當?shù)卿浀臅r候一定要填寫正確的信息，如果填寫錯了其中一項都是登錄不進去的。只有兩個都正確才能登錄成功。3.3系統(tǒng)功能分析在水果購物商城中最主要也就是最不可缺少的的就是任務需求分析。它是直接影響著系統(tǒng)，而不是間接性的影響系統(tǒng)，所以說是不可缺少的一個分析。在前期構思水果購物商城中的分析中占非常大的比例。所以在分析功能的時候一定要分析的準確無誤。只有這樣才能順利的進行下一階段而不是止步不前。這樣既保證了我們構思的通順性和用戶和管理員的滿意程度。（1）用戶前臺功能當用戶注冊登錄后，首先看到的是水果的首頁面，首頁面的導航欄中有熱銷/特價水果、水果資訊、用戶的留言反饋、購物車等模塊功能，點擊其中任意一個就能跳轉到相應的頁面，用戶前臺功能圖如圖3-1所示。圖3-1用戶前臺功能圖（2）管理員功能對于管理員而講，管理員的功能模塊主要有管理員的首頁、管理員管理用戶的個人中心、管理員對用戶的管理、水果分類管理、熱銷/特價水果管理、留言板管理、訂單管理等功能。管理員功能圖如圖3-2所示。圖3-2管理員功能圖4系統(tǒng)設計4.1系統(tǒng)功能結構圖系統(tǒng)設計階段中，最主要的就是如何針對論文的內(nèi)容描繪出系統(tǒng)架構圖的設計，從整體來看，水果購物商城分為管理員和用戶兩個模塊，再細想一下管理員的功能和會員的功能，再針對兩個主要模塊進行各功能的設計，通過反復調整，確定兩個主要模塊的各項功能，因為設計的架構與整個系統(tǒng)的模式有很大的關系，所以必須反復調整，最后再確定下來。系統(tǒng)架構圖采用Visio軟件進行布局和調整，通過系統(tǒng)需求分析，本課題水果購物商城的功能結構圖如圖4-1所示：圖4-1系統(tǒng)功能結構圖4.2數(shù)據(jù)庫概念結構設計4.2.1數(shù)據(jù)庫E-R圖對于怎樣建立數(shù)據(jù)庫的邏輯結構主要是有一個概念和一個功能相組成，分別是數(shù)據(jù)庫的概念結構、模塊。再通過我們常用的數(shù)據(jù)庫的DBMS技術來這樣進行工作。通過看整個系統(tǒng)的模塊功能和系統(tǒng)這兩方面，水果購物商城里的數(shù)據(jù)主要是通過數(shù)據(jù)庫來進行用戶的信息和水果的管理等操作。每個系統(tǒng)的開發(fā)和設計都離不開數(shù)據(jù)庫，不僅僅是因為它的功能強大，而是它幾乎適應很多系統(tǒng)里的功能，根據(jù)這一段話進行分析，以下是水果購物商城里的幾個最重要的關鍵實體的實體關系圖：(1)管理員的信息：用戶名、密碼、角色，管理員模塊的E-R圖如圖4-2所示：圖4-2管理員信息屬性圖用戶的信息：用戶名、姓名、頭像、性別、聯(lián)系電話實體E-R圖如圖4-3所示：圖4-3用戶信息屬性圖(3)熱銷水果信息：水果名稱、水果分類、圖片、規(guī)格、產(chǎn)地、價格，E-R圖如圖4-4所示：圖4-4熱銷水果信息屬性圖4.2.2數(shù)據(jù)庫邏輯結構設計做水果購物商城最主要的一方面就是數(shù)據(jù)怎樣如何存儲，這時候就要用到在課堂上學到的數(shù)據(jù)庫，數(shù)據(jù)庫里的數(shù)據(jù)進行存儲時是有順序的，也就是數(shù)據(jù)會井井有條的排列，而不是雜亂無章，這樣找起數(shù)據(jù)來比較容易。通過對系統(tǒng)的每個功能模塊設計的要求和功能模塊如何的進行規(guī)劃，水果購物商城的設計與實現(xiàn)中就會用到很多個數(shù)據(jù)表。以下是介紹數(shù)據(jù)庫表的設計和主要功能相關的數(shù)據(jù)庫表：表4-1配置文件表字段名稱類型長度字段說明主鍵默認值idbigint50主鍵是namevarchar100配置參數(shù)名稱否valuevarchar100配置參數(shù)值否表4-2用戶表字段名稱類型長度字段說明主鍵默認值idbigint100主鍵是addtimetimestamp150創(chuàng)建時間否CURRENT_TIMESTAMPyonghumingvarchar50用戶名否mimavarchar150密碼否xingmingvarchar200姓名否touxiangvarchar200填寫否xingbieint50性別否lianxidianhuavarchar100聯(lián)系電話否表4-3熱銷水果表字段名稱類型長度字段說明主鍵默認值idbigint100主鍵是addtimetimestamp150創(chuàng)建時間否CURRENT_TIMESTAMPshuiguomingchengvarchar200水果名稱否shuiguofenleivarchar200水果分類否tupianvarchar200圖片否guigevarchar200規(guī)格否chandivarchar200產(chǎn)地否shuiguoxiangqingint400水果詳情否表4-4特價水果表字段名稱類型長度字段說明主鍵默認值idbigint100主鍵是addtimetimestamp150創(chuàng)建時間否CURRENT_TIMESTAMPshuiguomingchengvarchar200水果名稱否shuiguofenleivarchar200水果分類否tupianvarchar200圖片否guigevarchar200規(guī)格否chandivarchar200產(chǎn)地否shuiguoxiangqingint400水果詳情否4.3詳細設計4.3.1用戶/管理員的登錄流程當用戶或者管理員輸入自己的用戶名、密碼、選擇角色后，就要點擊登錄按鈕進行登錄。如果其中有一個填寫的是錯誤的信息，就會跳出來一個提示框，用戶/管理員的登錄流程圖如圖4-5。圖4-5用戶/管理員登錄流程圖4.3.2系統(tǒng)的操作流程當用戶或管理員輸入用戶名、密碼、角色，系統(tǒng)會自動判斷信息是否有空缺的，如果有信息沒填，就會再提醒，，如果有信息填寫不正確，就還會再提醒，如果信息填寫完整且信息是正確的，就會登錄成功。用戶/管理員系統(tǒng)操作流程如圖4-6。圖4-6用戶/管理員系統(tǒng)操作流程4.3.3管理員添加信息流程管理員可以對水果的種類、水果的名稱、、水果的簡介等進行添加，用戶可以在自己的權限內(nèi)添加一些信息，管理員添加信息后，系統(tǒng)判斷信息是否正確，如果不正確，則再重新輸入，如果填寫正確，則數(shù)據(jù)進入數(shù)據(jù)庫中。管理員添加信息流程圖如圖4-74-7管理員添加信息流程圖4.3.4管理員修改信息流程管理員對水果的信息進行修改，輸入修改的數(shù)據(jù)，系統(tǒng)判斷是否正確，如果不正確，則重新輸入，如果正確，則信息存進數(shù)據(jù)庫中。管理員修改信息流程圖如圖4-84-8管理員修改信息流程圖4.3.5管理員刪除信息流程管理員對水果數(shù)據(jù)進行刪除，刪除后，數(shù)據(jù)庫會更新。管理員刪除信息流程圖如圖4-9圖4-9管理員刪除信息流程5系統(tǒng)功能實現(xiàn)5.1前臺功能模塊5.1.1用戶注冊當一個用戶在注冊頁面時，通過填寫用戶名、密碼、姓名、聯(lián)系電話等內(nèi)容進行注冊，如果有一項沒有填寫就會彈出提示框，填寫完整后點擊注冊，信息填寫正確，沒有問題就可以進行登陸，如圖5-1所示。圖5-1注冊界面圖5.1.2用戶登錄當一位用戶注冊后，然后用戶在登錄頁面通過填寫用戶名、密碼，點擊用戶，確認登錄，如果其中一項和填寫的信息有誤，就進不去首頁面，填寫正確的信息后就能夠及時的進入首頁，如圖5-2所示。圖5-2登陸界面圖部分代碼如下：form.on('submit(login)',function(data){ data=data.field;if(!data.role){layer.msg('請選擇登錄用戶類型',{time:2000,icon:5});returnfalse;} if(false){ vararr=[] for(vari=0;i<codes.length;i++){ arr.push(codes[i].num) } if(arr.join('').toLowerCase()!=jquery('#code').val().toLowerCase()){ alert("請輸入正確的驗證碼"); randomString() returnfalse; } }http.request(data.role+'/login','get',data,function(res){layer.msg('登錄成功',{time:2000,icon:6});//登錄憑證localStorage.setItem('Token',res.token);localStorage.setItem('role',jquery('#role:checked').attr('title'));//當前登錄用戶角色localStorage.setItem('userTable',data.role);localStorage.setItem('sessionTable',data.role);//用戶名稱localStorage.setItem('adminName',data.username);http.request(data.role+'/session','get',{},function(res){//用戶idlocalStorage.setItem('userid',res.data.id);//路徑訪問設置window.location.href='../../index.html';})});returnfalse});});5.1.3用戶瀏覽界面在水果購物商城的首頁，用戶在系統(tǒng)首頁上半部分可以看到首頁、熱銷水果、特價水果、水果資訊、留言反饋、個人中心、后臺管理、購物車，點擊其中一個就能跳轉想看的頁面，也可以在搜索框中輸入想要買的水果名字，點擊搜索就能搜到，到如圖5-3所示。圖5-3用戶前臺功能界面圖5.1.4個人中心用戶點擊個人中心頁面，可以查看我的訂單、我的地址、我的收藏，也可對一些自己的基本信息例如用戶名、聯(lián)系電話、等信息進行一些修改、照片上傳操作。圖5-4個人中心界面圖5.1.5余額充值用戶點擊個人中心，需要購買水果的前提是要進行充值，點擊余額填寫充值的金額，再選擇其中一個的支付方式，再點擊確認支付，這時候彈出充值成功對話框，然后在個人中心中查看充值的錢后就可以購買水果了。如圖5-5所示。圖5-5余額充值界面圖5.1.6熱銷水果界面用戶瀏覽熱銷水果頁面，有想要買的可以在搜索框里搜索想要買的水果名字，點擊搜索就能查詢到，用戶也可以點擊其中一個查看熱銷水果信息，如圖5-6所示。圖5-6熱銷水果界面圖5.1.7特價水果界面用戶在特價水果頁面中可以查看水果名稱、價格、規(guī)格、產(chǎn)地、價格，可進行添加購物車、立即購買、收藏操作，也可根據(jù)需要輸入特價水果進行搜索操作，如圖5-7所示。圖5-7特價水果界面圖部分代碼如下：addCartTap(){ //活動倒計時限制 //查詢是否已經(jīng)添加到購物車 layui.http.request('cart/list','get',{ userid:localStorage.getItem('userid'), tablename:`${this.detailTable}`, goodid:this.detail.id },(res)=>{ if(res.data.list.length>0){ layer.msg("該商品已經(jīng)添加到購物車",{ time:2000, icon:5 }); return } layui.http.requestJson('cart/save','post',{ tablename:`${this.detailTable}`, goodid:this.detail.id, goodname:this.title, picture:this.swiperList[0], buynumber:this.buynumber, userid:localStorage.getItem('userid'), price:this.detail.price, discountprice:this.detail.vipprice?this.detail.vipprice:0 },(res)=>{ layer.msg("添加到購物車成功",{ time:2000, icon:6 }); }); }) },5.2管理員功能模塊5.2.1管理員登錄管理員通過填寫用戶名、密碼、選擇管理員進行登錄，如果有一個沒有填寫或填寫錯誤就進不去首頁面，只有填寫信息正確，再點擊登錄的按鈕就能進入首頁面。如圖5-8所示。圖5-8管理員登錄界面圖5.2.2管理員首頁管理員登錄進入水果購物商城首先可以有很多的特權，可以查看首頁的信息也可以修改自己的個人中心，對水果的管理以及大家留的言回復，對客戶的訂單管理等信息，如圖5-9所示。圖5-9管理員功能界面圖5.2.3個人中心管理員對個人中心進行操作填寫原密碼、新密碼、確認密碼并進行添加、刪除、修改以及查看。如圖5-10所示。圖5-10密碼修改界面圖5.2.4用戶管理管理員在用戶管理中可以看到用戶的一些基本信息，而且還能在后臺對這些信息根據(jù)需要進行一些稍微的修改或對一些文字內(nèi)容的刪除等操作，如圖5-11所示。圖5-11用戶管理界面圖部分代碼如下：<el-table-column:sortable="contents.tableSortable":align="contents.tableAlign"prop="xingming"header-align="center" label="姓名"> <templateslot-scope="scope">{{scope.row.xingming}}</template></el-table-column> <el-table-column:sortable="contents.tableSortable":align="contents.tableAlign"prop="touxiang"header-align="center"width="200"label="頭像"><templateslot-scope="scope"><divv-if="scope.row.touxiang"><img:src="scope.row.touxiang.split(',')[0]"width="100"height="100"></div><divv-else>無圖片</div></template></el-table-column> <el-table-column:sortable="contents.tableSortable":align="contents.tableAlign"prop="xingbie"header-align="center" label="性別"> <templateslot-scope="scope">{{scope.row.xingbie}}</template></el-table-column> <el-table-column:sortable="contents.tableSortable":align="contents.tableAlign"prop="lianxidianhua"header-align="center" label="聯(lián)系電話"> <templateslot-scope="scope">{{scope.row.lianxidianhua}}</template></el-table-column>5.2.5熱銷水果管理管理員在熱銷水果列表可以查看水果名稱、水果分類、圖片、規(guī)格、產(chǎn)地、價格等信息，并可根據(jù)需要對其中的任意一項詳情進行修改或刪除等操作，如圖5-12所示。圖5-12熱銷水果管理界面圖部分代碼如下：<el-col:span="12"><el-form-itemclass="input"v-if="type!='info'"label="規(guī)格"prop="guige"><el-inputv-model="ruleForm.guige"placeholder="規(guī)格"clearable:readonly="ro.guige"></el-input></el-form-item><divv-else><el-form-itemclass="input"label="規(guī)格"prop="guige"><el-inputv-model="ruleForm.guige"placeholder="規(guī)格"readonly></el-input></el-form-item></div></el-col><el-col:span="12"><el-form-itemclass="input"v-if="type!='info'"label="產(chǎn)地"prop="chandi"><el-inputv-model="ruleForm.chandi"placeholder="產(chǎn)地"clearable:readonly="ro.chandi"></el-input></el-form-item><divv-else><el-form-itemclass="input"label="產(chǎn)地"prop="chandi"><el-inputv-model="ruleForm.chandi"placeholder="產(chǎn)地"readonly></el-input></el-form-item></div></el-col><el-col:span="12"><el-form-itemclass="input"v-if="type!='info'"label="價格"prop="price"><el-inputv-model="ruleForm.price"placeholder="價格"clearable:readonly="ro.price"></el-input></el-form-item><divv-else><el-form-itemclass="input"label="價格"prop="price"><el-inputv-model="ruleForm.price"placeholder="價格"readonly></el-input></el-form-item></div></el-col></el-row>5.2.6系統(tǒng)管理管理員通過系統(tǒng)管理頁面可以查看和添加輪播圖/水果資訊等進行上傳圖片，也可以對資訊發(fā)布的內(nèi)容進行修改。對資訊內(nèi)容的查看也是可以的，也能對系統(tǒng)的整個功能進行維護。如圖5-13所示。圖5-13系統(tǒng)管理界面圖5.2.7訂單管理管理員在訂單列表可以查看用戶已支付訂單、已退款訂單、已完成訂單、已發(fā)貨訂單、未支付訂單、等內(nèi)容，并且根據(jù)需要并進行詳情、刪除、修改操作操作，如圖5-14所示。圖5-14訂單管理界面圖6系統(tǒng)測試水果購物商城的大概功能基本完善后，就要對這些功能進行測試，找出其中不符合邏輯或者可以說是出錯的功能進行修改。這個測試的功能并不是說隨便的測試一下就好了，而是要拿出十二分的態(tài)度來面對，因為找出錯誤是對整個系統(tǒng)和功能完善的基礎?？梢哉f是因為有了好幾個代碼語言的存在，測試這一個環(huán)節(jié)是更不能缺少的了。我感覺只要是做出來的系統(tǒng)，都得進行測試，這個測試就像系統(tǒng)分析一樣重要。當對水購物商城進行測試的時候，也會出現(xiàn)一些大大小小的問題，如果要是用人來查找問題，就相當?shù)睦速M時間，因為你不知道可能哪一個你不注意的地方就成了那個問題。所以進行水果購物我們一般會找到一些符合自己系統(tǒng)的測試工具進行測試和分析，這就大大節(jié)約了時間方面的問題。在水果購物商城的系統(tǒng)中，難免會出現(xiàn)一些在錯的信息。當在語法上出現(xiàn)錯誤的時候，不要著急的去尋找錯誤，因為在程序執(zhí)行的時候會跳出來一些對于我們有用的提示，這樣我們將這兩個出現(xiàn)的提示相結合，再去尋找那些錯誤就是很容易的。當然可能對于我這種而言并不是很容易能夠順利迅速的找到。最難的是有的錯誤它不明著出來。而是帶有隱藏的成分將錯誤隱藏起來，這是更費勁的事情。為什么要進行測試，就是讓我提前找出毛病，而不是一切都準備好了就是好了，提前的發(fā)現(xiàn)錯誤要比最后發(fā)現(xiàn)一大堆錯誤重要多，因為一點點的解決總比大量集中在一起解決要好的多。這樣就能夠保證水果購物商城的系統(tǒng)能夠安安穩(wěn)穩(wěn)的長期有效的保持著運行。6.1測試方案黑盒測試技術主要是將水果購物商城里的主要的一些數(shù)據(jù)將它們劃分后，然后再按照書本上教的如何進行等價類的數(shù)據(jù)進行水果購物商城的程序測試。緊接著就得在不同的地方或者說是區(qū)域進行輸入有效信息的測試，這是很關鍵的一點，不要記錯輸入的信息。這樣就能夠很高效的順利的進行測試。測試的次數(shù)全憑自己來決定最好是3次以上。以下就是我怎樣利用等價類進行測試數(shù)據(jù)的過程。1.水果管理測試點測試點：水果的分類管理方面測試目標：需要對輸入的水果信息驗證一下是不是能用。測試環(huán)境：自己的電腦Windows10和自帶的瀏覽器。輸入數(shù)據(jù)：水果的名稱、水果的一些介紹、水果的圖片等一些基本內(nèi)容。步驟：(1)需要打開自己電腦自帶的瀏覽器或者別的瀏覽器也行，然后進入水果購物商城的主要頁面。(2)想要添加一些水果的信息，就要找到添加的主界面，然后點擊添加按鈕，就會蹦出來一個頁面，根據(jù)上面需要填寫的信息進行填寫后，點擊完成就可以了。(3)如果填寫的東西比較多，那就填重要的信息，輸入信息的情況見表6.1。表6-1水果管理測試用例表用例編號YongHu-001測試名稱進行水果管理功能前提條件管理員對水果信息管理有權限步驟操作描述數(shù)據(jù)期待的最后的結果1水果信息的查看詳情無跳轉到水果信息詳情2進行點擊添加按鈕無跳轉到添加頁面3進行添加后按鈕無跳轉到水果信息頁面整個頁面測試說明如果用戶沒有進行登錄的操作，上面的步驟3就會直接跳轉到登錄頁面測試結果成功2、登錄測試點測試點：用戶或者是管理員進行登錄測試的目標：進行登錄的人輸入的賬號和密碼和角色后，系統(tǒng)就會自動識別輸入的信息是不是對的。所用的環(huán)境：自己的電腦Windows10和自帶的瀏覽器。輸入信息：用戶名、密碼。步驟：（1）打開電腦里的瀏覽器，找到用戶或者管理員的登錄界面。（2）在登錄界面上輸入需要輸入的信息，具體的測試輸入情況如下表6.2所示。表6-2登錄測試情況用戶名輸入密碼輸入期望的結果(1)157158123456提示“用戶名或者密碼錯誤，或賬號未經(jīng)審核”(2)ddddd1123456提示“用戶名或密碼錯誤，或者賬號未經(jīng)審核”(3)157158yonghuya登陸成功6.2測試結論 經(jīng)過以上很多次的測試的結果證明點擊查看水果的詳情、添加水果信息、選中添加后按鈕，都能回到對應的界面。用戶輸入用戶名和密碼，其中有一個輸入錯誤就就會跳出提示框，兩個都輸入正確才登陸成功。水果購物商城的主要一部分特點：是含兆數(shù)小，簡單的安裝、功能可以說是蠻齊全的，運行的效果我感覺還可以就是不知道他人使用感覺怎樣。這個第六章主要就是對系統(tǒng)的測試還有要怎樣進行測試要仔細說明，而且不能光說還要舉幾個例子。我可以很用心的說進行測試都是我很用心的測試而不是胡亂的進行。其實測試的目的就是要很早的發(fā)現(xiàn)毛病及時的解決。不要到最后出現(xiàn)大量的錯誤到時候不知從何下手。所以進行這個測試是非常有必要的。水果購物商城進行測試的時候，不要急于時間，要慢慢地按照計劃有順序執(zhí)行，如果出現(xiàn)一個小錯誤的時候，不要放過這個小問題，因為這個小問題也是問題，也可能是最后出現(xiàn)的矛盾處。在水果購物商城測試的時候，可能自己修改了這一個地方，其它和它相關的一些地方也受到了改變。可以說是直接性的影響了模塊功能的設計。注意到這一點我感覺已經(jīng)是很大的收獲了。無論進行幾次的測試，都要記錄下來，因為老話就是說好記性不如爛筆頭。記錄下來以防以后會用得到。有時候錯誤會出現(xiàn)的很多，但是并不能打倒我，因為有錯才能改進，改善后才能使自己的作品更加的完善。其實對于敲代碼而言，剛開始的時候就要下足精力在代碼這一方面，后來進行測試的時候可能就會減少一些錯誤。7結論在對水果購物商城的設計與實現(xiàn)的設計過程中，我剛開始很蒙圈，根本不知道要從哪一方面著手準備，我?guī)缀鯊拇_定