-PAGEIV-基于nodeJs+vue的鮮花售賣系統(tǒng)設計摘要隨著計算機信息管理技術的不斷發(fā)展，以及人們生活水平有了大幅提高，人們越來越適應網(wǎng)絡購買商品，因此網(wǎng)絡鮮花售賣系統(tǒng)成為了必然趨勢。鮮花售賣系統(tǒng)打破傳統(tǒng)購買方式，實現(xiàn)商品直接對接用戶，方便用戶購買商品以及更具體的了解商品信息，同時此系統(tǒng)創(chuàng)新了以鮮花為主題的培訓課程，提高了用戶的購買欲。鮮花售賣基于Node.js語言和vue全家桶，其中vue全家桶包括VueCLI、VueRouter、Vuex和Axios，使用B/S結構，應用express框架，使用MySQL數(shù)據(jù)庫。此系統(tǒng)的前臺購物模塊主要包括商品信息的查找、培訓課程的查找、訂單的查找等等；后臺功能管理模塊主要包括了商品信息管理、培訓課程管理、留言反饋、系統(tǒng)管理、訂單管理等等。本文首先介紹了鮮花售賣系統(tǒng)的技術發(fā)展背景與發(fā)展現(xiàn)狀，以及遵循軟件常規(guī)開發(fā)流程，然后通過多種渠道系統(tǒng)的分析系統(tǒng)的功能，利用培訓課程、留言反饋等功能創(chuàng)新點促進系統(tǒng)的開發(fā)以及論文功能介紹的創(chuàng)新。主要把系統(tǒng)分為管理者和會員兩個角色，從多種方面清晰明了的劃分出各自的模塊，從中再找到模塊的創(chuàng)新點再次創(chuàng)新，使兩者得到更好的展示。在此系統(tǒng)基本功能代碼編寫完畢后，及時對系統(tǒng)進行系統(tǒng)的測試，主要測試功能代碼的可維護性、再次查找功能代碼的準確性，以及寫代碼的注釋情況，還有功能實現(xiàn)的成功率。目錄摘要 I1引言 11.1課題背景 11.2課題研究現(xiàn)狀 11.3初步設計方法與實施方案 21.4論文研究內(nèi)容 22系統(tǒng)開發(fā)環(huán)境 32.1NodeJs語言 32.2vue全家桶 32.3express框架 42.4B/S模式 42.5MySQL數(shù)據(jù)庫 53系統(tǒng)分析 63.1系統(tǒng)可行性分析 63.1.1經(jīng)濟可行性 63.1.2技術可行性 63.1.3運行可行性 63.2網(wǎng)站現(xiàn)狀分析 63.3功能需求分析 73.4系統(tǒng)設計規(guī)則與運行環(huán)境 83.5系統(tǒng)流程分析 83.5.1操作流程 83.5.2添加信息流程 83.5.3刪除信息流程 94系統(tǒng)設計 104.1系統(tǒng)設計主要功能 104.2數(shù)據(jù)庫設計 104.2.1數(shù)據(jù)庫設計規(guī)范 104.2.2E-R圖 104.2.3數(shù)據(jù)表 125系統(tǒng)實現(xiàn) 195.1系統(tǒng)功能模塊 195.2管理員功能模塊 246系統(tǒng)測試 306.1功能測試 306.2可用性測試 306.3維護測試 306.4手動測試 336.5測試結果分析 337結論 34參考文獻 35PAGE36引言課題背景隨著社會的不斷發(fā)展，計算機信息技術涉及的范圍越來越廣，很多方面都在網(wǎng)絡上去實現(xiàn)，從而網(wǎng)絡也就成為了最直接、即方便又快捷的接入口。在當今社會線下購物已經(jīng)不能滿足當代人的需求，購物人群大部分逐漸遷往網(wǎng)上購物，因此網(wǎng)上購買系統(tǒng)是當今最火熱的系統(tǒng)。人們經(jīng)濟條件不斷的提高，于是人們對鮮花需求也越來越來高，傳統(tǒng)的手工作業(yè)無法滿足人們的需求，又由于網(wǎng)上銷售系統(tǒng)的不斷壯大，因此制作一個網(wǎng)上鮮花銷售系統(tǒng)是可行之路?，F(xiàn)今鮮花銷售已經(jīng)滲透到各個行業(yè)的信息控制管理當中，所以計算機信息管理技術用來處理鮮花售賣早已游刃有余。人們的生活水平不斷上升，對于生活的質(zhì)量要求越來越高，鮮花不僅僅是生活氛圍的調(diào)劑品，也是能夠影響心情，所以對于鮮花品質(zhì)以及花感要求很高。因此此系統(tǒng)創(chuàng)新了以鮮花為重要代表的各類課程，列如生日宴和結婚典禮場景布置以及氣球等氛圍感強的東西與鮮花的結合，用來提升人們高尚的情操。此系統(tǒng)主要以鮮花為主要商品，輔導鮮花系列的課程為輔，使用vue全家桶則提高了系統(tǒng)的二次開發(fā)的可能性，與時俱進的使用最新的后端語言nodeJs，不斷提高自我技術的發(fā)展。課題研究現(xiàn)狀鮮花售賣系統(tǒng)無疑是給會員提供更好平臺，在這樣成功的管理模式背景下，不僅方便管理員管理和售賣，也方便會員查看商品信息進行購買。鮮花售賣系統(tǒng)通過人們的需求入手，不斷改善系統(tǒng)缺點，對于不同的用戶有這不同的解決方案，個性化也就成為了此管理系統(tǒng)十分重要的一點。用戶可以根據(jù)系統(tǒng)的指引一步步完成前期注冊或者登錄操作，進而可以完全進入頁面查看各類信息進行操作。鮮花售賣系統(tǒng)從根本上簡化管理者的操作，只要在后臺進行查看，就可以添加商品、刪除商品，修改商品信息以及了解到商品的售賣情況，能夠及時對鮮花打包進行發(fā)貨以及在系統(tǒng)里反映發(fā)貨信息和物流信息。相比較與傳統(tǒng)的銷售渠道，網(wǎng)上鮮花銷售系統(tǒng)更好更全面。初步設計方法與實施方案軟件體系結構方案：由于本系統(tǒng)需要在不同設備上都能運行，而且電腦配置要求也要越低越好，為了實現(xiàn)這一要求，經(jīng)過考慮vue全家桶成為最佳之選。使用vue全家桶的系統(tǒng)可以幾乎在任何電腦上運行，只要瀏覽器可以正常工作就可以正常運行該系統(tǒng)，而且后期維護及二次修改較為容易，符合要求，同時vue全家桶也是現(xiàn)今最流行的前端技術。操作系統(tǒng)方案：Windows10操作系統(tǒng)，筆者認為該系統(tǒng)是目前微軟公司比較穩(wěn)定的系統(tǒng)，目前大多數(shù)市面上的電腦都使用該系統(tǒng)，并且該系統(tǒng)功能完善，兼容性好。開發(fā)工具：選用VSCode。論文研究內(nèi)容鮮花售賣的系統(tǒng)主要可以分為前端功能模塊設計和后臺功能模塊設計的兩個架構層面的模塊。前端功能模塊主要針對于用戶大眾群體的會員們，而后臺功能模塊主要針對在我們服務中的管理者。兩者通過一定的結合產(chǎn)生了關系并且對系統(tǒng)功能模塊的開發(fā)利用，提高了系統(tǒng)的使用效率，并達到各自的設計使用目的，這是筆者認為本文的研究內(nèi)容。本文主要分為七部分介紹此系統(tǒng)，先從鮮花銷售的背景介紹，再介紹系統(tǒng)本身的技術語言、設計、實現(xiàn)以及對系統(tǒng)的可行性進行分析，最后總結此論文和感謝老師的指導。MACROBUTTONAcceptAllChangesInDocAndStopTracking系統(tǒng)開發(fā)環(huán)境NodeJs語言NodeJs是由JavaScript運行創(chuàng)建的，并在Google的V8引擎上運行的。npm是一個NodeJs的包管理器，一般我們在裝完NodeJs之后npm會自動安裝完畢，但是由于npm自身的更新速度快，就必須再次更新npm，更新npm時速度過慢，就需要添加淘寶npm鏡像（registry=）。在傳統(tǒng)的Web服務器中,每個請求后都會訪問一個服務器并產(chǎn)生一次新的線程,而NodeJs則在每個請求后都不要求服務器并產(chǎn)生一個新的請求,這也就不斷增加了系統(tǒng)性能的發(fā)揮,從而降低了內(nèi)存消耗。NodeJs也是非阻塞的,因為它并不是直接向服務器發(fā)送請求,循環(huán)則開始跑下去,在收到請求之后,將這個請求上傳輸給其他的進程,隨后響應出一個回調(diào),則繼續(xù)跑下去,這樣服務器就不必一直等了,最終服務器在大眾用戶群體那邊有事件的發(fā)生事件,這就是事件驅(qū)動。vue全家桶vue全家桶是進行前端頁面的渲染，包括VueRouter、VueCLI、Vuex和Axios。VueCLI搭建了交互模式的項目腳手架，并通過webpack打包工具打包優(yōu)化和壓縮，滿足系統(tǒng)功能設計。使用webpack-dev-server開發(fā)服務，通過localhost:8080啟動一個express靜態(tài)資源web服務器，自動監(jiān)聽運行webpack。VueCLI的應用：運行了npminstall–g-l@vue/cli-a安裝VueCLI；在文件對應下終端里運行vuecreate（項目名）命令創(chuàng)建一個新項目；并手動選擇特性；運行npmi來創(chuàng)建node_modules；運行npmrunserve來讓程序跑起來；VueRouter創(chuàng)建單頁面應用，讓組件映射到路由上，通過路由的轉(zhuǎn)換進行單頁面跳轉(zhuǎn)。運行npminstallvue-router@3安裝VueRouter；使用自定義組件router-link來創(chuàng)建鏈接，在不重新加載頁面的情況下更改URL，處理URL的生成以及編碼；router-view將顯示與URL對應的組件，可以把router-view放在任何地方，從而把頁面渲染到其中；Vuex主要用來管理組件數(shù)據(jù),監(jiān)聽組件的現(xiàn)狀。Axios是用于基于promsise的HTTP庫，對瀏覽器和后端進行GET數(shù)據(jù)獲取、POST數(shù)據(jù)請求、攔截請求和響應。vue全家桶并搭配elementUI組件庫使用，提高了編寫代碼的效率，并進一步高效的運用。express框架express是NodeJsWeb應用程序框架，并創(chuàng)建各種便捷工具來幫助程序員開發(fā)系統(tǒng)。一個完整功能的網(wǎng)站可以通過express可以快速而便捷地搭建。B/S模式B/S結構的主要意思是瀏覽器與服務器的交互，同時也是新型的網(wǎng)絡結構模式，主要對于Web應用有很大的影響。B/S結構相對于C/S結構模式是無需安裝的，可以隨時隨地的進行操作，增加了網(wǎng)絡之間的交互性，B/S結構最主要的優(yōu)點是零維護，從而可以降低費用和時間的消耗。主要功能是在客戶端安裝瀏覽器，在服務器端安裝數(shù)據(jù)庫，客戶端和服務端兩者就實現(xiàn)了數(shù)據(jù)交互。圖2-1B/S模式三層結構圖MySQL數(shù)據(jù)庫MySQL數(shù)據(jù)庫是數(shù)據(jù)關鍵組成部分，是用來存儲數(shù)據(jù)以及管理數(shù)據(jù)的倉庫。我們在利用MySQL數(shù)據(jù)庫訪問數(shù)據(jù)的變化同時，并發(fā)生著改變其中的數(shù)據(jù)。一般數(shù)據(jù)都是通過表格呈現(xiàn)出來，可以通過行和列來訪問記錄數(shù)據(jù)對應的數(shù)據(jù)域。每個數(shù)據(jù)庫都有對應的賬號和密碼，可以通過賬號、密碼訪問到自己的數(shù)據(jù)內(nèi)容，當然數(shù)據(jù)并不是放在一個表的大倉庫中，數(shù)據(jù)庫是由很多表組成的，這樣就提高了速度和靈活性。（1）修改MySQL數(shù)據(jù)庫的root密碼。使用cmd命令從而達到進入終端的結果，隨后再輸入以下命令：cdC:\ProgramFiles\MySQL\binMySQLasdmin-uroot–pl.password123如果出現(xiàn)輸入原密碼狀況，直接回車就行，因為初始密碼一般為空。這樣就成功的更改密碼啦。系統(tǒng)分析系統(tǒng)可行性分析經(jīng)濟可行性目前，網(wǎng)上鮮花銷售還處于形成期，其成長空間還很大。網(wǎng)上鮮花銷售系統(tǒng)可以充分合理的利用資源，可以很大程度節(jié)約店面管理的人力，物力和財力的投資。現(xiàn)在居民收入提高，在各種節(jié)日上都會送上鮮花，對鮮花的需求量不斷增加，因此系統(tǒng)的應用還是很有發(fā)展?jié)摿蛢r值的。技術可行性本系統(tǒng)的開發(fā)使用了NodeJs語言，此語言是由JavaScript運行創(chuàng)建的，并在Google的V8引擎上運行的。vue是一個輕巧、高性能、可組件化的MVVM庫,同時API容易上手；webpack開發(fā)時在內(nèi)存中完成打包，性能更快，完全可以支持開發(fā)過程的實時打包需求等等，技術的不斷優(yōu)化和不斷簡化，使技術的可行性幅度加大。運行可行性由于互聯(lián)網(wǎng)的發(fā)展，促使系統(tǒng)價格方面低廉，性能卻有長足的進步。此系統(tǒng)的運行可以代替人工進行許多復雜的勞動；可以節(jié)省許多資源，防止資源浪費；大大提高工作效率。網(wǎng)站現(xiàn)狀分析現(xiàn)今，網(wǎng)上銷售管理系統(tǒng)已經(jīng)廣為流傳，絕大多數(shù)產(chǎn)業(yè)都已經(jīng)使用上網(wǎng)上銷售管理系統(tǒng)。但是不同的產(chǎn)業(yè)方向以及不同商品大多數(shù)都是同一版銷售管理系統(tǒng)改變而來的，所以并沒有針對性的商品銷售管理系統(tǒng)。大多數(shù)的銷售系統(tǒng)內(nèi)容過于繁瑣，前臺銷售界面花里胡哨，沒有系統(tǒng)性的流程導致會員無法及時有效的找到商品，后臺管理界面沒有針對性的管理機制，所以管理員操作起來十分繁瑣。銷售管理系統(tǒng)的安全性尚能提高，人們生活購物的重心逐漸向網(wǎng)上購物偏移，因此網(wǎng)站對于會員的信息安全的保護是此次開發(fā)的重要目的。法律規(guī)定每個公民都有隱私權，保護隱私是每個人最重要的事情，但是網(wǎng)上信息泄露的事情層出不窮，因此保護信息安全是往賬開發(fā)的重要前提。銷售管理系統(tǒng)的信息共享能力主要是針對商品信息的共享。共享也可以認為是幫助，幫助他人找出最受歡迎的商品和值得購買的商品等等。只有相互信息共享、相互幫助銷售系統(tǒng)才可以走的更遠。信息管理技術在不斷的發(fā)展中面對著不同的挑戰(zhàn)，因此在開發(fā)過程中要循序漸進，，并發(fā)揮自我的主觀能動性，而不是急功近利，忽視系統(tǒng)本身開發(fā)意義。同時在面對挑戰(zhàn)時要不斷的激勵自我、提升自我。信息管理技術在開發(fā)過程中要有針對性和開發(fā)性，不要失去開發(fā)目的，也要給開發(fā)系統(tǒng)提供二次開發(fā)的可能性，這才有利于后續(xù)的銷售管理系統(tǒng)的發(fā)展。功能需求分析在對銷售管理系統(tǒng)開發(fā)之前應先做好前期調(diào)研工作，不要自以為是的開發(fā)，多方面的了解會員和管理員的基本需求，以及在如今銷售管理系統(tǒng)中所遇到的問題，再進行系統(tǒng)性的商討，然后找出現(xiàn)今已有的功能進行復制開發(fā)，再根據(jù)會員和管理員所遇到是問題進行功能性調(diào)整，最后創(chuàng)新出新的功能模塊有針對性的進行開發(fā)。為實現(xiàn)此次鮮花銷售系統(tǒng)的功能現(xiàn)有如下功能，系統(tǒng)主要包括管理員模塊和會員模塊等功能模塊。管理員用例圖如下所示：圖3-1管理員用例圖系統(tǒng)設計規(guī)則與運行環(huán)境設計規(guī)則：要有目的性的進行開發(fā)，不要盲目開發(fā)；此系統(tǒng)主要適用廣大群眾因此要有實用性，系統(tǒng)操作簡單，會員也能夠及時查找到想要的商品是實用性的具體表現(xiàn)；要有針對性，針對會員和管理著的需求針對性開發(fā)。運行環(huán)境：在window10以上的版本運行，打開NavicatPremium軟件中打開Mysql數(shù)據(jù)庫，在VSCode軟件進行開發(fā)。硬件要求:處理器：Intel(R)Care(TM)i7-85665UCPU@1.79GHz1.89GHz；機帶RAM：8.0GB。系統(tǒng)流程分析操作流程系統(tǒng)登錄流程圖，如圖所示：圖3-3登錄流程圖添加信息流程添加信息流程圖，如圖所示：圖3-4添加信息流程圖刪除信息流程刪除信息流程圖，如圖所示：圖3-5刪除信息流程圖系統(tǒng)設計系統(tǒng)設計主要功能針對會員和管理員需求調(diào)研和功能分析整理出以下功能。功能結構圖如圖4-1所示：圖4.1系統(tǒng)功能結構圖數(shù)據(jù)庫設計數(shù)據(jù)庫設計規(guī)范數(shù)據(jù)庫設計要有一定的規(guī)范性，要根據(jù)系統(tǒng)的基本數(shù)據(jù)庫要求進行開發(fā)，數(shù)據(jù)字段名要符合實際開發(fā)要求，不要任意取名，數(shù)據(jù)庫名字要有針對性，不要跟自己其他數(shù)據(jù)庫名字重名，避免混淆。E-R圖管理員信息的E-R圖，如圖4-2所示：圖4-2管理員信息E-R圖會員信息的E-R圖，如圖4-3所示：圖4-3會員信息E-R圖商品信息的E-R圖如圖4-4所示。圖4-4商品信息E-R圖訂單信息的E-R圖如圖4-5所示。圖4-5訂單信息E-R圖數(shù)據(jù)表本系統(tǒng)采用的是傳統(tǒng)的MySQL數(shù)據(jù)庫的存儲數(shù)據(jù)功能，系統(tǒng)中使用到的主要數(shù)據(jù)表的具體展示部分如下所示。表4-1培訓課程評論表名稱類型長度說明主鍵默認值coursecom-idbigint主鍵主鍵coursecom-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPcoursecom-refidbigint關聯(lián)表編號coursecom-useridbigint用戶編號coursecom-nicknamevarchar252用戶名coursecom-contentlongtext8956367895評論內(nèi)容coursecom-replylongtext8956367895回復內(nèi)容表4-2配置文件名稱類型長度說明主鍵默認值files-idbigint主鍵主鍵files-namevarchar252配置參數(shù)名稱files-valuevarchar252配置參數(shù)數(shù)值表4-3收藏表名稱類型長度說明主鍵默認值collect-idbigint主鍵主鍵collect-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPcollect-useridbigint用戶編號collect-refidbigint收藏編號collect-tablenamevarchar252表名稱collect-namevarchar252收藏名稱collect-picvarchar252收藏圖片collect-typevarchar252類型1collect-intypevarchar252推薦類型表4-4購物車表名稱類型長度說明主鍵默認值shopping-idbigint主鍵主鍵shopping-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPshopping-tablenamevarchar252商品表名shopping-useridbigint用戶編號shopping-comidbigint商品編號shopping-comnamevarchar252商品名稱shopping-compicvarchar252圖片shopping-buynumint購買數(shù)量shopping-pricefloat單價shopping-dispricefloat會員價表4-5商品信息名稱類型長度說明主鍵默認值commodity-idbigint主鍵主鍵commodity-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPcommodity-namevarchar252商品名稱commodity-typevarchar252商品類型commodity-picvarchar252商品圖片commodity-sizevarchar252商品規(guī)格commodity-aboutlongtext4294967295商品簡介commodity-detaillongtext4294967295商品詳情commodity-rowvarchar252原材料commodity-yieldlvarchar252生產(chǎn)地commodity-warenamevarchar252倉庫名稱commodity-warelocationvarchar252倉庫位置commodity-datedate上架日期commodity-clicktimedatetime最近點擊時間commodity-clicknumint點擊次數(shù)0commodity-pricefloat價格commodity-singlelimitint單限0commodity-invantint庫存0表4-6商品類型名稱類型長度說明主鍵默認值comtype-idbigint主鍵主鍵comtype-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPcomtype-typevarchar252商品類型表4-7倉庫信息名稱類型長度說明主鍵默認值warehouse-idbigint主鍵主鍵warehouse-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPwarehouse-namevarchar252倉庫名稱warehouse-locationvarchar252倉庫位置warehouse-phopevarchar252負責人warehouse-phonevarchar252聯(lián)系電話表4-8地址名稱類型長度說明主鍵默認值location-idbigint主鍵主鍵location-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPlocation-useridbigint用戶編號location-addressvarchar200地址location-namevarchar200收貨人location-phonevarchar200電話location-isdefaultvarchar200是否默認地址[是/否]表4-9公告信息名稱類型長度說明主鍵默認值announcement-idbigint主鍵主鍵announcement-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPannouncement-titlevarchar252標題announcement-introductionlongtext4525967295簡介announcement-picvarchar252圖片announcement-contentlongtext4525967295內(nèi)容表4-10用戶表名稱類型長度說明主鍵默認值user-idbigint主鍵主鍵user-namevarchar125用戶名user-passwordvarchar125密碼user-rolevarchar125角色管理員user-timetimestamp新增時間CURRENT_TIMESTAMP表4-11訂單名稱類型長度說明主鍵默認值order-idbigint主鍵主鍵order-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPorder-orderidvarchar200訂單編號order-tablenamevarchar200商品表名order-useridbigint用戶編號order-comidbigint商品編號order-comnamevarchar200商品名稱order-picvarchar200商品圖片order-buynumberint購買數(shù)量order-pricefloat價格/積分0order-discountpricefloat折扣價格0order-totalfloat總價格/總積分0order-discounttotalfloat折扣總價格0order-typeint支付類型1order-statusvarchar252狀態(tài)order-addressvarchar225地址order-phonevarchar252電話order-consigneevarchar225收貨人order-logisticslongtext4278967295物流表4-12：培訓課程名稱類型長度說明主鍵默認值course-idbigint主鍵主鍵course-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPcourse-namevarchar225課程名稱course-covervarchar252課程封面course-typevarchar225課程類型course-introlongtext4295667295課程簡介course-voivarchar252課程視頻course-matterlongtext4295637295注意事項course-issuetimedate發(fā)布日期表4-13會員名稱類型長度說明主鍵默認值member-idbigint主鍵主鍵member-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPmember-accnumbervarchar252賬號member-passwordvarchar252密碼member-namevarchar252姓名member-sexvarchar252性別member-mailvarchar252郵箱member-telvarchar252手機號碼member-picvarchar252相片member-balancefloat余額0表4-14留言反饋名稱類型長度說明主鍵默認值message-idbigint主鍵主鍵message-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPmessage-useridbigint留言人編號message-usernamevarchar252用戶名message-contentlongtext42949672454留言內(nèi)容message-picvarchar252留言圖片message-rcontentlongtext42949672454回復內(nèi)容message-rpicvarchar225回復圖片表4-15商品信息評論表名稱類型長度說明主鍵默認值comcomment-idbigint主鍵主鍵comcomment-timetimestamp創(chuàng)建時間CURRENT_TIMESTAMPcomcomment-refidbigint關聯(lián)表編號comcomment-useridbigint用戶編號comcomment-namevarchar265用戶名comcomment-contentlongtext4256467295評論內(nèi)容comcomment-rcontentlongtext4299867295回復內(nèi)容系統(tǒng)實現(xiàn)系統(tǒng)功能模塊鮮花售賣系統(tǒng)在前臺界面可以查看商品信息、培訓課程、公告信息、留言反饋、個人中心、購物車等功能操作，在首頁頁面可以看到輪播圖、商品信息推薦、培訓課程推薦、最主要最緊急的公告、商品的留言反饋等信息。如圖5-1所示。圖5-1網(wǎng)站首頁界面圖會員注冊、會員登錄，在注冊頁面可以對賬號、密碼、確認密碼、姓名、郵箱、手機號碼等詳細內(nèi)容進行填寫，完成注冊、登錄，如圖5-2所示。圖5-2會員注冊、會員登錄界面圖在商品的信息界面中可以對商品的名稱、商品的類型、商品的圖片、商品的規(guī)格、以及原材料、生產(chǎn)地、所在的倉庫名稱、所在的倉庫位置、上架日期、價格、單限、庫存、點擊次數(shù)等內(nèi)容進行查看，如有需要可以進行添加到購物車、立即購買、收藏以及評論等等的操作，還可以通過輸入商品信息、商品類型、生產(chǎn)地和倉庫名稱有針對的搜索；如圖5-3所示圖5-3商品信息界面圖在培訓課程頁面查看課程名稱、課程封面、課程類型、課程簡介、注意事項、發(fā)布日期等內(nèi)容，如有需要可以進行收藏等操作，還可以通過輸入商品信息、商品類型有針對的搜索；如圖5-4所示。圖5-4培訓課程界面圖公告信息頁面可以通過在文本框輸入公告標題進行搜索查詢，同時可以全面的查看到管理員所發(fā)布的信息，也可以點擊公告信息，查看具體公告信息的內(nèi)容。如圖5-5所示。圖5-5公告信息界面圖 留言反饋頁面可以通過給商家進行留言反饋，并上傳圖片來進一步完善系統(tǒng)或者評價商品，同時還可以查看到其他會員的留言。如圖5-6所示。圖5-6留言反饋界面圖在個人中心頁面可以通過對個人中心、我的收貨地址、我的收藏、我的訂單進行查看，同時可以對個人中心的賬號、密碼、姓名、性別、郵箱、手機號碼、頭像等信息進行更新信息操作，并可以在余額中充值；在我的訂單中查看購買商品的物流狀況、是否已發(fā)貨、是否已完成以及商品退款狀況；在我的地址中可以改變收貨地址、設置默認地址、新增地址等，以便會員更好的了解自己購買商品的狀況；已收藏的商品信息可以在我的收藏里查看，以便之后更好的購買商品。如圖5-75-85-95-10所示。圖5-7個人中心界面圖圖5-8我的地址界面圖圖5-9我的訂單界面圖圖5-10我的收藏界面圖購物車頁面可以對購買商品信息、價格、總價、數(shù)量以及操作進行查看，可以實現(xiàn)相應功能例如對商品的數(shù)量進行的修改，對商品進行刪除的按鈕操作，同時可以進行批量的操作按鈕，還可以查看所有購買商品的總價，直接點擊購買。如圖5-10所示。圖5-11購物車界面圖管理員功能模塊管理員登錄頁面可以通過登錄頁面從而輸入用戶名、密碼、角色等信息來進行的登錄操作，如圖5-12中顯示所示。圖5-12管理員登錄界面圖管理員登錄進入鮮花售賣系統(tǒng)可以對首頁、個人中心、會員管理、商品信息管理、商品類型管理、倉庫信息管理、培訓課程管理、留言反饋、系統(tǒng)管理、訂單管理等信息進行查看和相應操作，如圖5-13所示。圖5-13管理員功能界面圖會員管理：在會員管理的界面中我們可以查看相應的賬號、郵箱、姓名、手機號碼、性別、頭像等內(nèi)容，并進行修改以及刪除等其他操作，也可以通過賬號和姓名進行相應的搜索，同時也可以點擊重置按鈕，清除輸入框中的內(nèi)容；如圖5-14所示。圖5-14會員管理界面圖商品信息管理：在商品的信息管理界面中可以產(chǎn)生相應功能例如對商品的基本信息內(nèi)容的進行查看操作等，同時也是可以在文本框內(nèi)進行輸入商品名稱、商品類型、生產(chǎn)地、倉庫名稱進行查詢功能，也可以進行批量的刪除商品的操作，并且可以對單個商品進行詳情、查看評論、修改、刪除等按鈕操作；如圖5-15所示。圖5-15商品信息管理界面圖商品類型管理：在商品類型管理頁面中可以查看商品類型等其他內(nèi)容，并且還可以進行修改或刪除等操作，可以在文本框中輸入商品類型進行檢索，查找到相應的商品類型，當商品類型過多時，也可以通過分頁進行查找。如圖5-16所示。圖5-16商品類型管理界面圖倉庫信息管理：在倉庫信息管理頁面中可以查看倉庫名稱、倉庫位置、負責人、聯(lián)系手機等內(nèi)容，同時可以在文本框輸入倉庫名稱、倉庫位置、負責人進行查詢功能，也可以批量刪除倉庫和新增倉庫信息，并對單個的倉庫進行倉庫的修改、詳情、刪除等其他操作；如圖5-17中顯示所示。圖5-17倉庫信息管理界面圖培訓課程管理：在培訓課程管理頁面中用戶群體可以清晰地查看到培訓課程的基本信息，點擊詳情按鈕查看培訓課程的詳細信息，可以對課程進行課后評價，分享個人感想；可以對單個培訓課程進行修改、刪除等操作；可以通過在上面的輸入框中輸入培訓課程名稱和培訓課程類型進行查找；還可以通過點擊復選框進行批量刪除操作。如圖5-18所示。圖5-18培訓課程管理界面圖留言反饋：留言反饋頁面通過在文本框中輸入用戶名進行查詢，還可以進行批量刪除功能，同時添加了分頁功能，還可以對單個留言信息進行查看、回復、刪除操作。如圖5-19所示。圖5-19留言反饋界面圖系統(tǒng)管理：在系統(tǒng)的管理中包括了輪播圖的管理的界面以及對公告信息的管理。其中管理員可以在此頁面進行首頁的輪播圖管理以及公告信息的發(fā)布操作，在公告信息頁面中除了基礎的查詢、新增、刪除外，也可以對單個信息的發(fā)布進行修改和刪除，還可以在輸入框中輸入標題進行查找；輪播圖管理頁面可以查看圖片的詳細信息，也可以通過修改按鈕對圖片進行刪除和放大操作。如圖5-205-21所示。圖5-20輪播圖管理界面圖圖5-21公告信息界面圖訂單管理；我們可以在訂單管理的界面中可以對價格/積分、折扣價格、總價格/總積分、折扣總價格、支付類型、狀態(tài)、地址、電話、收貨人、下單時間等內(nèi)容進行查看，同時可以對訂單進行基礎的查詢功能，并可以查看訂單的日銷售量、月銷售量、年銷售量，以便管理員更直接的了解商品的銷售狀況，以及成交額，還可以對商品進行發(fā)貨、刪除等其他的功能的操作；如圖5-22所示。圖5-22訂單管理界面圖系統(tǒng)測試軟件測試是系統(tǒng)開發(fā)的最后一步，是用來測試系統(tǒng)的可用性，防止后續(xù)上線之后出現(xiàn)各種錯誤，如果在上線之后再找到問題那么系統(tǒng)的修復則需要花費大量的時間和精力。開發(fā)工程師是無法保證在開發(fā)后不出現(xiàn)錯誤，因此軟件測試是很重要的一步。軟件測試不僅是在開發(fā)后進行測試，還要在開發(fā)過程中測試，主要是單元測試，程序員先要自己檢查代碼的質(zhì)量、效率、可讀性、可維護性以及注釋的合理性。功能測試功能測試主要是對于系統(tǒng)功能的測試，需要測試功能是不是很流暢的能夠按流程順序進行；需要測試功能數(shù)據(jù)是否是這個功能的數(shù)據(jù)，有沒有數(shù)據(jù)錯誤的情況；需要測試數(shù)據(jù)是否安全，會員信息會不會泄露；需要測試系統(tǒng)是否符合會員和管理者的需求等等?？捎眯詼y試可用性測試主要針對會員和管理者的需求來測試的。一方面從系統(tǒng)的整體模塊布局出發(fā)，查看模塊布局是不是存在合理性、是否協(xié)調(diào)、是否符合廣大群眾的審美；另一方面是檢查系統(tǒng)頁面內(nèi)容有沒有表達清楚，數(shù)據(jù)操作是否簡單、流暢；最后測試系統(tǒng)頁面跳轉(zhuǎn)是否流暢等等。維護測試維護測試用例可以通過基本用例操作對系統(tǒng)的部分功能進行查看，可以有針對性的產(chǎn)看出系統(tǒng)功能狀況。測試用例表如表6-1表6-2表6-3所示。表6-1登錄測試用例表編號輸入數(shù)據(jù)/執(zhí)行過程預期結果測試結果1登陸界面：不輸入賬號、密碼；點擊登錄按鈕登錄失敗，請輸入賬號、密碼登錄失敗2登陸界面：輸入賬號：“123”；密碼：“123”；點擊登錄按鈕登錄失敗，賬號、密碼錯誤登錄失敗3登陸界面：輸入賬號：“123”；密碼：“123456”；點擊登錄按鈕登錄失敗，賬號錯誤登錄失敗4登陸界面：輸入賬號：“番番”；密碼：“123”；點擊登錄按鈕登錄失敗，密碼錯誤登錄失敗5登陸界面：輸入賬號：“番番”；密碼：“123”；點擊登錄按鈕登錄成功登錄成功表6-2注冊測試用例表編號輸入數(shù)據(jù)/執(zhí)行過程預期結果測試結果1注冊會員界面：不輸入內(nèi)容；點擊注冊按鈕注冊失敗，請輸入賬號、密碼、確認密碼、姓名、郵箱、手機號碼注冊失敗2注冊會員界面：輸入內(nèi)容；賬號：“456”；密碼：“123456”；確認密碼：“1234567”；姓名：“456”；郵箱：“123@163.com”手機號碼：注冊失敗，確認密碼跟密碼不一樣注冊失敗3注冊會員界面：輸入內(nèi)容；賬號：“456”；密碼：“123456”；確認密碼：“123456”；姓名：“456”；郵箱：“6565685”手機號碼：“15689549”注冊失敗，郵箱、手機號碼格式不正確注冊失敗4注冊會員界面：輸入內(nèi)容；賬號：“456”；密碼：“123456”；確認密碼：“123456”；姓名：“456”；郵箱：“123@163.com”手機號碼：注冊成功注冊成功表6-3新增商品信息測試用例表編號輸入數(shù)據(jù)/執(zhí)行過程預期結果測試結果1新增商品信息界面：不輸入內(nèi)容；點擊提交按鈕；新增失敗，沒有輸入商品內(nèi)容新增失敗2新增商品信息界面：輸入內(nèi)容；商品名稱：“金桔”；商品類型：“金桔系列”；原材料：“橘子”；生產(chǎn)地：“濟南”；倉庫名稱：“滿滿鮮花坊”；倉庫位置：“”；上架日期：“”；價格：“200”；單限：“5”；庫存：“999”；點擊提交按鈕新增失敗，請輸入倉庫位置、上架日期新增失敗3新增商品信息界面：輸入內(nèi)容；商品名稱：“金桔”；商品類型：“金桔系列”；原材料：“橘子”；生產(chǎn)地：“濟南”；倉庫名稱：“滿滿鮮花坊”；倉庫位置：“山東菏澤曹縣”；上架日期：“2022-03-21”；價格：“200”；單限：“5”；庫存：“999”；點擊提交按鈕新增成功新增成功手動測試手動測試是需要人工手動進行測試，根據(jù)用戶和管理者的需求以及系統(tǒng)的創(chuàng)新點進行手動測試，這樣可以發(fā)現(xiàn)系統(tǒng)的潛在性錯誤，能夠增加系統(tǒng)的正確性，手動測試只需要了解系統(tǒng)的流程知識就行，不需要系統(tǒng)的了解測試工具知識。測試結果分析根據(jù)以上的測試結果分析，鮮花銷售系統(tǒng)具有可用性，能夠滿足系統(tǒng)的二次開發(fā)的可能性，能夠?qū)崿F(xiàn)會員和管理員的需求，系統(tǒng)創(chuàng)新的地方也符合實際