摘要隨著近來(lái)社會(huì)經(jīng)濟(jì)高速發(fā)展以及人們對(duì)健康、安全、綠色食品的需求增加，幫助人們推銷特色農(nóng)產(chǎn)品的開發(fā)平臺(tái)成為當(dāng)前熱門話題之一。經(jīng)過(guò)大數(shù)據(jù)的洗禮，電商平臺(tái)的知名度逐漸增加，對(duì)實(shí)體行業(yè)發(fā)起了重大沖擊，而農(nóng)業(yè)也受到很大的影響。本系統(tǒng)旨在幫助本地鄉(xiāng)村的農(nóng)民推銷當(dāng)?shù)氐霓r(nóng)特產(chǎn)，本文從技術(shù)含量、前端的用戶體驗(yàn)、線上銷售的可行性、系統(tǒng)的可擴(kuò)展性等方面進(jìn)行深入分析和討論，為開發(fā)制作和推廣農(nóng)產(chǎn)品線上銷售提供寶貴的經(jīng)驗(yàn)。本文將實(shí)際操作利用JavaSpringBoot框架，構(gòu)建穩(wěn)定、高效的后端服務(wù)。在其中運(yùn)用到了Vue搭建一個(gè)簡(jiǎn)潔的，可視化的后端UI界面，并且利用axios插件與JavaSpringBoot進(jìn)行相關(guān)的數(shù)據(jù)交互。以及在后端的Vue框架中搭載有ElementUI一款高效的開發(fā)組件，有助于快速開發(fā)后端的UI界面。最后通過(guò)uni部署的微信小程序?qū)崿F(xiàn)友好、便捷的前端界面來(lái)助力本地農(nóng)產(chǎn)品快速轉(zhuǎn)型上線。本系統(tǒng)設(shè)計(jì)了后端的農(nóng)特產(chǎn)訂單管理界面與農(nóng)特產(chǎn)信息管理界面，同時(shí)前端將利用小程序?qū)⒈镜氐霓r(nóng)特產(chǎn)品展示給消費(fèi)者，消費(fèi)者可以選擇農(nóng)特產(chǎn)分類與加入購(gòu)物車付款。本文通過(guò)對(duì)助農(nóng)產(chǎn)品平臺(tái)的研究為邢鄉(xiāng)的特色農(nóng)產(chǎn)品開發(fā)一條完善穩(wěn)定的銷售通道，為助力農(nóng)產(chǎn)品銷售開發(fā)平臺(tái)的實(shí)踐和推廣提供了有力的理論支持和實(shí)踐意義。關(guān)鍵詞：銷售系統(tǒng)；助力農(nóng)產(chǎn)品；微信小程序；SpringBootABSTRACTWiththerapiddevelopmentofthesocialeconomyandtheincreasingdemandforhealth,safety,andgreenfood,thedevelopmentplatformtohelppeoplepromotecharacteristicagriculturalproductshasbecomeoneofthecurrenthottopics.Afterthebaptismofbigdata,thepopularityofe-commerceplatformshasgraduallyincreased,launchingasignificantimpactonthephysicalindustry,andagriculturehasalsobeengreatlyaffected.Inordertohelplocalfarmerspromotelocalagriculturalspecialties,thisarticleconductsin-depthanalysisanddiscussionfromtheaspectsoftechnologicalcontent,userexperience,feasibility,scalability,etc.,providingvaluableexperienceforthedevelopment,production,andpromotionofagriculturalproducts.WewillutilizetheJavaSpringBootframeworkinpracticaloperationstobuildstableandefficientbackendservices.VuewasusedtobuildaconciseandvisualbackendUIinterface,andAxiospluginswereusedfordatainteractionwithSpringBoot.AndinstallingElementcomponentsintheVueframeworkonthebackendhelpstoquicklydevelopthebackendUIinterface.Finally,installtheviewuicomponentthroughaWeChatminiprogramtoachieveafriendlyandconvenientfront-enduserinterfacetoassistinthetransformationandlaunchofagriculturalproducts.Thissystemhasundergonemultipleimprovementsandcanmeettheoverallneedsoflocalspecialtysales.Abackendordermanagementinterfaceandproductinformationmanagementinterfacehavebeendesigned.Atthesametime,thefront-endwilluseminiprogramstodisplayproductstoconsumers,whocanchooseproductcategoriesandaddthemtotheirshoppingcartforpayment.Ultimately,wehopetoprovidetheoreticalsupportandpracticalguidanceforthepracticeandpromotionoftheagriculturalproductdevelopmentplatformin“XINGXIANG”throughtheresearchontheplatform.Keywords:Salessystem;Assistagriculturalproducts;SpringBoot;WeChatMiniProgram目錄TOC\o"1-3"\h\u20594第1章緒論 第1章緒論1.1研究背景與意義研究背景：現(xiàn)今社會(huì)經(jīng)過(guò)大數(shù)據(jù)的洗禮，發(fā)展迅猛，信息技術(shù)水平高速提升。農(nóng)業(yè)生產(chǎn)逐漸走向自動(dòng)化與信息化，農(nóng)產(chǎn)品的銷售走向全球化，是現(xiàn)代農(nóng)業(yè)發(fā)展中一條深刻潛力的道路。但是，由于農(nóng)業(yè)信息化的不對(duì)稱性和區(qū)域時(shí)間性，許多農(nóng)民和農(nóng)業(yè)從業(yè)者仍然面臨著信息不對(duì)稱、價(jià)格不透明、地域限制等各種問(wèn)題。在這種銷售背景下，“新農(nóng)仁”助農(nóng)平臺(tái)微信小程序的出現(xiàn)為農(nóng)業(yè)現(xiàn)代化提供了新的便捷路徑。微信小程序通過(guò)近幾年的快速發(fā)展，功能日益強(qiáng)大，為本文的助農(nóng)平臺(tái)提供了大量的客戶，完全有能力幫助農(nóng)民更加方便完美的完成對(duì)農(nóng)產(chǎn)品的銷售?！靶罗r(nóng)仁”助農(nóng)平臺(tái)不僅可以為農(nóng)民提供最新的銷售走向和價(jià)格趨勢(shì)，還為農(nóng)民拉取了大量的有效消費(fèi)者。研究意義：（1）平臺(tái)會(huì)促進(jìn)農(nóng)產(chǎn)品銷售與農(nóng)民增收：“新農(nóng)仁”助農(nóng)產(chǎn)品開發(fā)平臺(tái)可以為農(nóng)民提供一次性銷售的機(jī)會(huì)，將農(nóng)產(chǎn)品直接銷售給消費(fèi)者，去除中間環(huán)節(jié)，提高農(nóng)產(chǎn)品價(jià)值轉(zhuǎn)換的效率和每次銷售的利潤(rùn)，大大提高農(nóng)民的基本銷售收入。（2）推動(dòng)農(nóng)業(yè)現(xiàn)代化：通過(guò)數(shù)字化、在線化的助農(nóng)產(chǎn)品開發(fā)平臺(tái)，可以促進(jìn)現(xiàn)代低端農(nóng)業(yè)生產(chǎn)方向數(shù)字化網(wǎng)絡(luò)化轉(zhuǎn)型，提高農(nóng)業(yè)生產(chǎn)者生產(chǎn)指數(shù)和科學(xué)生產(chǎn)銷售。（3）提升農(nóng)產(chǎn)品質(zhì)量與安全：助農(nóng)產(chǎn)品開發(fā)平臺(tái)通過(guò)對(duì)農(nóng)民推薦的農(nóng)產(chǎn)品進(jìn)行第三方檢測(cè)，加強(qiáng)對(duì)農(nóng)產(chǎn)品質(zhì)量的把關(guān)，杜絕黑心商家。務(wù)必將消費(fèi)者的權(quán)益和農(nóng)民的良性競(jìng)爭(zhēng)放到第一位，努力提高農(nóng)產(chǎn)品的品質(zhì)。（4）促進(jìn)農(nóng)村經(jīng)濟(jì)發(fā)展：助農(nóng)產(chǎn)品開發(fā)平臺(tái)的建設(shè)可以帶動(dòng)當(dāng)?shù)剞r(nóng)村經(jīng)濟(jì)的發(fā)展，為當(dāng)?shù)氐霓r(nóng)產(chǎn)品打響名聲，營(yíng)造當(dāng)?shù)氐奶厣放?，打響?dāng)?shù)靥禺a(chǎn)走向全國(guó)的第一步。（5）技術(shù)應(yīng)用與創(chuàng)新：結(jié)合JavaSpringBoot和微信小程序技術(shù)開發(fā)助農(nóng)產(chǎn)品平臺(tái)，不僅可以提高平臺(tái)的穩(wěn)定性和效率，還可以推動(dòng)該技術(shù)應(yīng)用與創(chuàng)新日后在農(nóng)業(yè)領(lǐng)域的深入發(fā)展。（6）社會(huì)效益：助農(nóng)產(chǎn)品開發(fā)平臺(tái)的建設(shè)有助于構(gòu)建農(nóng)產(chǎn)品產(chǎn)銷對(duì)接的橋梁，促進(jìn)農(nóng)村與城市的互動(dòng)與合作，推動(dòng)社會(huì)的可持續(xù)發(fā)展。綜上所述，研究JavaSpringBoot和微信小程序在助農(nóng)產(chǎn)品開發(fā)平臺(tái)中的應(yīng)用具有重要的現(xiàn)實(shí)意義和深遠(yuǎn)影響，對(duì)促進(jìn)農(nóng)業(yè)生產(chǎn)道路的現(xiàn)代化、改善大多數(shù)山村農(nóng)民的生活、推動(dòng)鄉(xiāng)鎮(zhèn)農(nóng)村的底層經(jīng)濟(jì)發(fā)展具有積極意義。1.2研究?jī)?nèi)容關(guān)于“新農(nóng)仁”助力農(nóng)產(chǎn)品銷售系統(tǒng)的實(shí)現(xiàn)項(xiàng)目，主要研究?jī)?nèi)容如下：（1）需求分析調(diào)研農(nóng)產(chǎn)品市場(chǎng)，了解消費(fèi)者需求和農(nóng)產(chǎn)品供應(yīng)情況。分析當(dāng)?shù)靥厣r(nóng)產(chǎn)品銷售鏈條中存在的問(wèn)題和痛點(diǎn)，確定助農(nóng)產(chǎn)品開發(fā)平臺(tái)的應(yīng)具有的核心功能需求。（2）架構(gòu)設(shè)計(jì)設(shè)計(jì)平臺(tái)的整體架構(gòu)，包括前端微信小程序和后端JavaSpringBoot的架構(gòu)設(shè)計(jì)，制作一份精美的前端界面。確定平臺(tái)的數(shù)據(jù)庫(kù)設(shè)計(jì)和數(shù)據(jù)交互方式。（3）功能開發(fā)開發(fā)微信小程序前端，包括用戶的注冊(cè)登錄頁(yè)面、瀏覽精美的商品、快捷下單購(gòu)買、多件加入購(gòu)物車等功能，以及用戶是當(dāng)?shù)氐霓r(nóng)戶，想要加盟聯(lián)系后臺(tái)管理者的窗口。開發(fā)JavaSpringBoot后端管理模塊，包括用戶詳細(xì)信息的管理、商品詳情管理、訂單發(fā)貨管理、訂單詳情等。（4）數(shù)據(jù)管理設(shè)計(jì)并實(shí)現(xiàn)農(nóng)產(chǎn)品信息的管理和展示功能，包括圖片上傳、商品描述、價(jià)格等信息的管理。確保數(shù)據(jù)的安全性和一致性，考慮數(shù)據(jù)的備份和恢復(fù)策略。（5）用戶體驗(yàn)設(shè)計(jì)出高端且貼近民生的精美UI界面，保持界面的整潔以提升用戶體驗(yàn)。為每位用戶提供合理的接口，考慮用戶反饋機(jī)制和客服支持，及時(shí)解決用戶問(wèn)題。

第2章需求分析2.1需求分析“新農(nóng)仁”助力農(nóng)產(chǎn)品系統(tǒng)開發(fā)的需求分析如下：（1）用戶需求農(nóng)民：能夠快速找到加入平臺(tái)銷售的渠道，與平臺(tái)達(dá)成合作，實(shí)現(xiàn)線上銷售。消費(fèi)者：能夠一眼瀏覽如今現(xiàn)存的農(nóng)產(chǎn)品信息，直接下單購(gòu)買，實(shí)現(xiàn)快捷便利的購(gòu)物體驗(yàn)。管理員：能夠管理用戶的基本信息、掌握商品的詳細(xì)信息、查看當(dāng)前的系統(tǒng)訂單信息，保證系統(tǒng)在營(yíng)業(yè)狀態(tài)下正常運(yùn)行。（2）核心功能需求用戶注冊(cè)與登錄：農(nóng)民、消費(fèi)者均需注冊(cè)賬號(hào)，管理員需登錄管理后臺(tái)。農(nóng)產(chǎn)品展示：展示本地特色農(nóng)產(chǎn)品的詳細(xì)信息，包括精美圖片、描述、今日價(jià)格等。購(gòu)物車功能：消費(fèi)者在瀏覽過(guò)程中可直接將商品加入購(gòu)物車，可單獨(dú)或者批量購(gòu)買。下單與支付：消費(fèi)者可選擇商品下單購(gòu)買，并提供一鍵支付。訂單管理：用戶和管理員都能查看自己對(duì)應(yīng)系統(tǒng)的訂單狀態(tài)、歷史訂單等。用戶反饋：提供用戶反饋通道，及時(shí)解決用戶問(wèn)題和投訴。（3）附加功能需求搜索和篩選功能：消費(fèi)者可根據(jù)關(guān)鍵詞搜索或篩選條件查找商品。收藏功能：消費(fèi)者可以在看到自己喜歡的商品時(shí)進(jìn)行收藏，方便下一次直接尋找（4）安全與隱私需求數(shù)據(jù)加密：保護(hù)用戶數(shù)據(jù)的安全性，防止信息泄露。用戶權(quán)限管理：確保用戶只能訪問(wèn)其權(quán)限范圍內(nèi)的信息。登錄安全：進(jìn)行登錄驗(yàn)證，確保小程序的登陸安全。（5）性能需求響應(yīng)速度：保證系統(tǒng)能夠快速響應(yīng)，用戶能直接進(jìn)入頁(yè)面，提升用戶體驗(yàn)。界面友好：設(shè)計(jì)一個(gè)緊貼農(nóng)民生活的簡(jiǎn)潔直觀的UI界面。操作便捷：簡(jiǎn)化每個(gè)用戶操作流程，能夠直接有效的購(gòu)買農(nóng)產(chǎn)品，減少用戶學(xué)習(xí)成本。通過(guò)需求分析，可以明確用戶對(duì)助農(nóng)產(chǎn)品系統(tǒng)的功能和性能需求，為后續(xù)的架構(gòu)設(shè)計(jì)和開發(fā)工作提供指導(dǎo)。同時(shí)，需求分析也有助于確保農(nóng)產(chǎn)品系統(tǒng)能夠滿足農(nóng)戶和消費(fèi)者的業(yè)務(wù)實(shí)際需求，提升系統(tǒng)的可用性和用戶需求體驗(yàn)。2.2可行性分析（1）SpringBoot作為當(dāng)今社會(huì)最流行最實(shí)用的一種開發(fā)框架，可以幫助本文搭建一個(gè)穩(wěn)定的助農(nóng)產(chǎn)品后臺(tái)，有助于快速開發(fā)后端服務(wù)，為助農(nóng)產(chǎn)品銷售系統(tǒng)的迅速上線提供了很好的基礎(chǔ)。同時(shí)該框架提供了豐富的擴(kuò)展功能，在后期開發(fā)維護(hù)中可以直接調(diào)試接口路徑便能快速應(yīng)用到生產(chǎn)環(huán)境中，很大程度上影響了后期人員的開發(fā)效率。（2）微信小程序作為一種輕量級(jí)的用戶端界面，能夠在手機(jī)上快速展示本系統(tǒng)的農(nóng)產(chǎn)品信息，使用小程序端作為用戶交互界面，能夠快速開發(fā)出具有良好體驗(yàn)的交互方式，有助于農(nóng)產(chǎn)品的銷售精簡(jiǎn)化。同時(shí)，經(jīng)過(guò)多年的維護(hù)發(fā)展，微信小程序?yàn)殚_發(fā)助助農(nóng)平臺(tái)提供了豐富的API和組件，能夠在前期和后期上線中都能實(shí)現(xiàn)豐富的交互功能和精美的界面。（3）“新農(nóng)仁”助力農(nóng)產(chǎn)品銷售系統(tǒng)的實(shí)現(xiàn)要具備相關(guān)的用戶管理、農(nóng)產(chǎn)品信息與圖片管理、現(xiàn)買與歷史訂單管理、用戶收藏等基本功能，SpringBoot和微信小程序都能夠滿足這些功能的開發(fā)需求。（4）SpringBoot和微信小程序經(jīng)過(guò)多年的技術(shù)沉淀，都具有良好的社區(qū)支持和開源維護(hù)文檔，在以后或者開發(fā)過(guò)程中，本系統(tǒng)的開發(fā)人員能夠根據(jù)社區(qū)論壇的交流和大眾的文檔快速獲取到相關(guān)的解決方案。（5）結(jié)合SpringBoot后端框架和微信小程序開發(fā)“新農(nóng)仁”助農(nóng)產(chǎn)品銷售系統(tǒng)，能夠?qū)崿F(xiàn)傳統(tǒng)上的前后端分離架構(gòu)，使本文的助農(nóng)產(chǎn)品開發(fā)平臺(tái)擁有很高的可維護(hù)性和擴(kuò)展性。綜上所述，基于SpringBoot和微信小程序的“新農(nóng)仁”助農(nóng)產(chǎn)品銷售系統(tǒng)具有較高的可行性，符合本系統(tǒng)設(shè)計(jì)的預(yù)期，能夠在短暫時(shí)間內(nèi)快速開發(fā)出功能完善、用戶體驗(yàn)良好的多人交互系統(tǒng)，能夠幫助當(dāng)?shù)氐霓r(nóng)戶更好地推廣和銷售農(nóng)產(chǎn)品。2.3技術(shù)實(shí)現(xiàn)基于SpringBoot和微信小程序的前后端分離的銷售系統(tǒng)實(shí)現(xiàn)分析如下：（1）Java：java是一種現(xiàn)代流行的高級(jí)編程語(yǔ)言，經(jīng)過(guò)多年的發(fā)展，已經(jīng)徹底融合了C++語(yǔ)言的優(yōu)點(diǎn)，同時(shí)在此基礎(chǔ)上更加的方便，對(duì)各種操作例如多態(tài)，接口等都有了更好的調(diào)節(jié)。由于java一經(jīng)編寫便能在各處運(yùn)行，擁有優(yōu)秀的可移植性，也為系統(tǒng)的測(cè)試環(huán)境增加了更寬的限度。java在編寫中支持多線程，可以在運(yùn)行中多個(gè)線程同時(shí)運(yùn)行，使系統(tǒng)更加的快捷，效率大大提高。隨著網(wǎng)絡(luò)的發(fā)展，java在網(wǎng)絡(luò)安全方面也有了很大的進(jìn)步，提供了更優(yōu)秀的安全機(jī)制，使本文的系統(tǒng)更加安全高效。（2）Vue：Vue是最近特別流行的一種框架，取代了以前繁瑣的框架，使現(xiàn)在的web端框架更加的美化，語(yǔ)言結(jié)構(gòu)也更加簡(jiǎn)潔，使人們能一眼就能看懂目錄的結(jié)構(gòu)，有效增加了開發(fā)速度。其中模塊化編程更加深入人心，能夠帶動(dòng)整個(gè)系統(tǒng)的生態(tài)良好的運(yùn)行。Vue是一套漸進(jìn)式的系統(tǒng)前端框架，可以通過(guò)自己獨(dú)特的方式，由底層逐漸向上層遍歷，同時(shí)它的核心庫(kù)也更加的高效，在與第三方庫(kù)的融合中出現(xiàn)的間隙也越來(lái)越少。通過(guò)一層層的層級(jí)設(shè)計(jì)，可以靈活的接入其他接口和精美頁(yè)面。（3）SpringBoot：SpringBoot作為近年來(lái)最流行的java框架，展現(xiàn)了其高效，快速啟動(dòng)的高級(jí)速度，能夠用最少的資源啟動(dòng)最強(qiáng)的項(xiàng)目，贏得了行業(yè)內(nèi)人士的一眾好評(píng)。經(jīng)過(guò)多年的優(yōu)化，如今不再需要更加復(fù)雜的配置依賴，僅僅需要配置好自己的庫(kù)包，便能快捷連接整個(gè)框架快速運(yùn)行。在系統(tǒng)運(yùn)行中對(duì)數(shù)據(jù)的變化走向是本文關(guān)注的重點(diǎn)，而經(jīng)過(guò)多年的開發(fā)修補(bǔ)，該框架已經(jīng)形成了成熟的監(jiān)控指標(biāo)，能夠?yàn)槌绦騿T提供更強(qiáng)大的便利，便于對(duì)整個(gè)系統(tǒng)的開發(fā)運(yùn)行。（4）smart：微信小程序，近代小程序中最流行的一種，它由于不需要下載安裝深受大眾喜愛，在各種場(chǎng)景，例如超市，食堂，外賣等各種生活的方方面面都能在小程序中流暢的布置。不論年輕人還是老年人都能打開手機(jī)直接掃描一個(gè)二維碼即可瀏覽自己想要的界面?，F(xiàn)如今，微信小程序已經(jīng)覆蓋了150多萬(wàn)的開發(fā)者，經(jīng)過(guò)上萬(wàn)次的測(cè)試，現(xiàn)已形成了完整的生態(tài)，覆蓋了城市的方方面面，直線提高了人們的生活指數(shù)。（5）HbuilderX：一款集合編輯器和IDE的集合版本，內(nèi)含豐富的組件庫(kù)，自動(dòng)掛載Vue語(yǔ)法庫(kù)，支持Vue的快速開發(fā)。含有uni-app適合所有的前端應(yīng)用的框架，能一鍵打包發(fā)布到各種前端小程序。經(jīng)過(guò)近幾年的發(fā)展，不在只是簡(jiǎn)單的支持java和一些node插件，還新增寬展了很多Vscode中常用的優(yōu)秀插件和代碼塊。

第3章數(shù)據(jù)庫(kù)設(shè)計(jì)3.1MysqlMysql數(shù)據(jù)庫(kù)作為當(dāng)今主流的一種數(shù)據(jù)庫(kù)，由于其開源的特性，受到中小公司的一眾好評(píng)，作為關(guān)系型的數(shù)據(jù)管理系統(tǒng)，現(xiàn)在被應(yīng)用到各種主流的開發(fā)環(huán)境當(dāng)中。例如web端，小程序端，移動(dòng)應(yīng)用等中程序當(dāng)中。數(shù)據(jù)庫(kù)的可靠性很強(qiáng)，能夠高效安全的保證貯存的數(shù)據(jù)的安全，對(duì)數(shù)據(jù)的完整性擁有很強(qiáng)的保證。同時(shí)經(jīng)過(guò)多年的維護(hù)和對(duì)各種場(chǎng)景的適應(yīng)，數(shù)據(jù)庫(kù)擁有了簡(jiǎn)單易用的特點(diǎn)，能夠自動(dòng)安裝配各種參數(shù)文件，并且在與每個(gè)系統(tǒng)的連接過(guò)程中提供了豐富的接口，在操作環(huán)境中，可以擁有良好的移植性，能夠?qū)⑾到y(tǒng)布置到云服務(wù)器端，跨平臺(tái)，自動(dòng)化能力大大提升。該數(shù)據(jù)還支持各種語(yǔ)言，大大減少了程序員的要求，只要熟悉一種開發(fā)語(yǔ)言，也能很好的使用維護(hù)數(shù)據(jù)庫(kù)。3.2NavicatpremiumNavicat是當(dāng)今最流行的管理數(shù)據(jù)庫(kù)的工具之一，擁有這精美簡(jiǎn)潔的操作頁(yè)面，在性能優(yōu)化方面也站在了時(shí)發(fā)展的前言。它專門為了Mysql數(shù)據(jù)庫(kù)編寫開發(fā)，經(jīng)過(guò)多年的實(shí)驗(yàn)演練，現(xiàn)如今能支持多種數(shù)據(jù)管理。擁有著優(yōu)秀的高性能管理，支持大部分Mysql的功能，包括函數(shù)，視圖，制表等。同時(shí)它本身制作了三種系統(tǒng)版本，能夠適用于多種系統(tǒng)的開發(fā)管理?？梢宰層脩暨B接到本地或者遠(yuǎn)程服務(wù)器，為程序員提供了跨地域解決的辦法。本身采用樹狀結(jié)構(gòu)設(shè)計(jì)，可以根據(jù)彈出的方式，將自己數(shù)據(jù)庫(kù)和連接的對(duì)象便利連接。根據(jù)當(dāng)今網(wǎng)絡(luò)的安全形勢(shì)，各公司對(duì)自己的數(shù)據(jù)庫(kù)安全也有著更嚴(yán)格的要求，而Navicat增強(qiáng)了安全和權(quán)限管理功能，增強(qiáng)了對(duì)文件數(shù)據(jù)權(quán)限的管理，支持SSL連接協(xié)議和數(shù)據(jù)安全加密?？偠灾?，Navicat為數(shù)據(jù)庫(kù)管理者提供了各種豐富的工具和功能，方便了使用者設(shè)計(jì)和建模以及執(zhí)行腳本，大大提高了程序員的開發(fā)效率。3.3系統(tǒng)E-R圖本系統(tǒng)E-R圖，如圖3-1所示。圖3-1系統(tǒng)E-R圖3.4數(shù)據(jù)庫(kù)表分析表3-1管理員表（admins）列名數(shù)據(jù)類型是否為空主鍵默認(rèn)值備注idint否是無(wú)主鍵ID，自增user_namevarchar(20)是否NULL用戶名pass_wordvarchar(20)是否NULL密碼head_imgvarchar(100)是否NULL頭像nick_namevarchar(10)是否NULL姓名create_timedatetime是否NULL創(chuàng)建時(shí)間表3-2購(gòu)物車表（cart）列名數(shù)據(jù)類型是否為空主鍵默認(rèn)值備注idbigint(20)否是無(wú)主鍵ID，自增user_idbigint(20)是否NULL用戶IDfarm_idbigint(20)是否NULL農(nóng)產(chǎn)品IDnumint(20)是否NULL數(shù)量create_timedatetime是否NULL創(chuàng)建時(shí)間表3-3農(nóng)產(chǎn)品信息表（farm）列名數(shù)據(jù)類型是否為空主鍵默認(rèn)值備注idbigint(20)否是無(wú)農(nóng)產(chǎn)品ID

續(xù)表3-3農(nóng)產(chǎn)品信息表（farm）infotext是否NULL簡(jiǎn)介unitvarchar(20)是否NULL單位pricevarchar(20)是否NULL單價(jià)detailtext是否NULL詳細(xì)信息create_timedatetime是否NULL創(chuàng)建時(shí)間img_urlvarchar(255)是否NULL展示大圖type_idbigint(20)是否NULL分類IDis_indexint(20)是否NULL首頁(yè)推薦bannerint(20)是否NULL輪播namevarchar(50)是否NULL農(nóng)產(chǎn)品名稱表3-4農(nóng)產(chǎn)品圖片表（farm_imgs）列名數(shù)據(jù)類型是否為空主鍵默認(rèn)值備注idbigint(20)否是無(wú)主鍵IDimg_urlvarchar(255)是否NULL圖片鏈接farm_idbigint(20)是否NULL農(nóng)產(chǎn)品ID表3-5農(nóng)產(chǎn)品訂單表（orders）列名數(shù)據(jù)類型是否為空主鍵默認(rèn)值備注idbigint(20)否是無(wú)主鍵IDorder_novarchar(50)是否NULL訂單編號(hào)create_timedatetime是否NULL創(chuàng)建時(shí)間total_pricevarchar(50)是否NULL總價(jià)statusint(10)是否NULL訂單狀態(tài)farm_idbigint(20)是否NULL農(nóng)產(chǎn)品IDnumint(20)是否NULL數(shù)量user_idbigint(20)是否NULL用戶IDaddressvarchar(255)是否NULL收貨地址表3-6農(nóng)產(chǎn)品分類表（order_detail）列名數(shù)據(jù)類型是否為空主鍵默認(rèn)值備注idint否是無(wú)主鍵IDtype_namevarchar(20)是否NULL分類名稱create_timedatetime是否NULL創(chuàng)建時(shí)間

表3-7用戶收藏表（user_collect）列名數(shù)據(jù)類型是否為空主鍵默認(rèn)值備注idint否是無(wú)主鍵IDfarm_idbigint(20)是否NULL農(nóng)產(chǎn)品IDuser_idbigint(20)是否NULL用戶IDcreate_timedatetime是否NULL創(chuàng)建時(shí)間表3-8用戶表（users）列名數(shù)據(jù)類型是否為空主鍵默認(rèn)值備注idbigint(20)否是無(wú)主鍵IDuser_namevarchar(20)是否NULL用戶名pass_wordvarchar(20)是否NULL密碼addressvarchar(255)是否NULL收貨地址nick_namevarchar(20)是否NULL昵稱head_imgvarchar(255)是否NULL頭像create_timedatetime是否NULL創(chuàng)建時(shí)間表3-9留言表（message）列名數(shù)據(jù)類型是否為空主鍵默認(rèn)值備注idint(20)否是無(wú)主鍵IDphonebigint(20)是否NULL手機(jī)號(hào)user_namevarchar(255)是否NULL用戶名typeint(20)是否NULL類型detailvarchar(255)是否NULL詳情create_timedatetime是否NULL創(chuàng)建時(shí)間

第4章系統(tǒng)設(shè)計(jì)4.1系統(tǒng)結(jié)構(gòu)設(shè)計(jì)系統(tǒng)結(jié)構(gòu)設(shè)計(jì)是對(duì)這個(gè)系統(tǒng)的整體框架進(jìn)行分析，可以知道整個(gè)系統(tǒng)的功能和面對(duì)用戶。它涉及的方面很廣，包括你看到整體的框架會(huì)去理解整個(gè)系統(tǒng)的運(yùn)行流程，去了解整個(gè)系統(tǒng)框架之間的關(guān)系。系統(tǒng)結(jié)構(gòu)設(shè)計(jì)的主要目標(biāo)是確保做出來(lái)的額系統(tǒng)能夠準(zhǔn)確無(wú)誤的將預(yù)定好的功能展示出來(lái)。在系統(tǒng)結(jié)構(gòu)設(shè)計(jì)中，需要采用合適的設(shè)計(jì)方法和工具，以及與他人或者小組之間進(jìn)行溝通，以便于自己能更好的理解整個(gè)系統(tǒng)的表達(dá)過(guò)程，同時(shí)，還需要進(jìn)行多次的評(píng)審和迭代，以確保設(shè)計(jì)的合理性和有效性。本系統(tǒng)的功能結(jié)構(gòu)圖，如圖4-1所示。圖4-1系統(tǒng)功能結(jié)構(gòu)圖4.2前端設(shè)計(jì)前端為用戶子系統(tǒng)，是設(shè)計(jì)中與用戶之間直接進(jìn)行交互的部分，負(fù)責(zé)處理用戶訪問(wèn)本平臺(tái)的請(qǐng)求和展示相關(guān)的信息。設(shè)計(jì)安全的用戶登錄機(jī)制，包括用戶名/密碼，多因素認(rèn)證等，確保只有經(jīng)過(guò)驗(yàn)證的用戶能夠訪問(wèn)到本系統(tǒng)，根據(jù)用戶的角色和權(quán)限，能夠展示本系統(tǒng)對(duì)應(yīng)的能夠訪問(wèn)的資源與執(zhí)行的操作。用戶界面應(yīng)該保持，整潔，直觀，簡(jiǎn)單易用的特點(diǎn)，保證每個(gè)用戶群體，尤其是中老人對(duì)于本系統(tǒng)的訪問(wèn)。本系統(tǒng)設(shè)計(jì)是為了幫助農(nóng)名銷售自己的特產(chǎn)，故此我以自己的家鄉(xiāng)為籃本，設(shè)計(jì)出了符合家鄉(xiāng)的設(shè)計(jì)風(fēng)格，也希望該系統(tǒng)能為以后多地區(qū)的助農(nóng)產(chǎn)品銷售做出一份貢獻(xiàn)。首先用戶通過(guò)訪問(wèn)前端的小程序，能直接打開小程序端。展現(xiàn)在用戶面前的就是最基本的推薦頁(yè)面，該頁(yè)面無(wú)論是消費(fèi)者還是農(nóng)民銷售者都是一樣的，它滿足所有用戶對(duì)特產(chǎn)的需求，不過(guò)若是農(nóng)民有銷售的意向，就可以在小程序的加盟窗口聯(lián)系后臺(tái)管理者，最終會(huì)有專業(yè)的評(píng)估團(tuán)隊(duì)，對(duì)您的產(chǎn)品進(jìn)行評(píng)估然后在幫忙推銷。其次便是為了展示農(nóng)產(chǎn)品的特點(diǎn)，本系統(tǒng)后端加入了markdown輕量級(jí)編輯器，能夠?qū)⑻禺a(chǎn)的方方面面展示給用戶，同時(shí)為用戶設(shè)置了購(gòu)物操作和訂單查看與管理。用戶能夠通過(guò)一鍵或者分彼此對(duì)商品進(jìn)行付款，并同時(shí)查看到訂單的狀態(tài)。最后便是用戶對(duì)自己的信息的管理，包括對(duì)自己密碼的重置和對(duì)自己地址信息的管理，包括個(gè)性化的操作，更改自己的頭像，也能通過(guò)個(gè)人中心頁(yè)面的留言管理，對(duì)自己購(gòu)物體驗(yàn)進(jìn)行訴說(shuō)，本系統(tǒng)后臺(tái)的工作人員會(huì)在第一時(shí)間與用戶取得聯(lián)系，幫助用戶解決問(wèn)題。本系統(tǒng)的前端功能流程圖，如圖4-2所示。圖4-2前端功能流程圖4.2.1小程序首頁(yè)小程序首頁(yè)由用戶訪問(wèn)小程序后可以直接訪問(wèn)，可以瀏覽今日的推薦，框架簡(jiǎn)單整潔，由一個(gè)輪播圖，配上下面的每日推薦組成，其中輪播圖中展示了今日想要特賣的商品。其次，首頁(yè)設(shè)置了農(nóng)民加盟的路口，方便農(nóng)戶直接找到線上銷售的路口。其中農(nóng)戶點(diǎn)開加盟入口后，可以進(jìn)行登記自己想要上線的商品，在信息中填下手機(jī)號(hào)，而管理員也能在后臺(tái)看到后快速處理，與農(nóng)戶取得聯(lián)系，商量如何迅速幫他們處理商品的銷售。本系統(tǒng)的小程序首頁(yè)展示圖，如圖4-3所示。圖4-3首頁(yè)展示圖獲取輪播圖代碼如下所示：methods:{asyncgetBanner(){letres=awaithomeApi.getBanner()this.bannerList=res.dataletarr=res.dataif(arr&&arr.length>0){letarr1=[]for(letiinarr){arr1.push(arr[i].imgUrl)}this.bannerImgList=arr1} console.log("頁(yè)面home中方法getBanner(獲取首頁(yè)輪播圖)返回結(jié)果為:",res.data)},首頁(yè)中每個(gè)商品使用的模板列表請(qǐng)求數(shù)據(jù)的部分代碼展示如下：<script>exportdefault{name:"itemList",props:{item:{type:Object,default:()=>{}}},data(){return{};},methods:{rightClick(){uni.navigateTo({url:"/pages/detail/detail?framId="+this.item.id})}}}</script>4.2.2農(nóng)產(chǎn)品分類與詳情當(dāng)?shù)氐霓r(nóng)產(chǎn)品特產(chǎn)有很多，分類是銷售過(guò)程不可缺少的一部，它有助于，消費(fèi)者和用戶快速找到自己想要購(gòu)買的東西，同時(shí)也能對(duì)比相似的種類，幫助自己更好的選擇商品。本系統(tǒng)的商品分類展示圖，如圖4-4所示。圖4-4商品分類展示圖獲取商品分類的部分代碼如下：asyncgetAllType(){letres=awaittypeApi.getAllType()this.typeList=res.dataletarr=res.dataif(arr&&arr.length>0){this.typeId=arr[0].keyletarr1=[]for(letiinarr){arr1.push({name:arr[i].value})}this.typeNameList=arr1}this.getDataList()console.log("頁(yè)面type中方法getAllType(獲取所有分類)返回結(jié)果為:",res.data)},另外，商家通過(guò)瀏覽跟自己一樣的商品，也能找到自己想要銷售的亮點(diǎn)，方便自己以后進(jìn)行銷售時(shí)的推廣和價(jià)格管理，而用戶通過(guò)更詳細(xì)的信息，更有助于自己購(gòu)買合適的商品。本系統(tǒng)的商品詳情圖，如圖4-5所示。圖4-5商品詳情展示圖商品詳情界面添加購(gòu)物車部分代碼展示如下：asyncaddCard(){if(!this.isLogin){Util.showMyToast("尚未登錄")uni.navigateTo({url:'/pages/login/login'})return}letparam={}param.userId=this.userInfo.idparam.farmId=this.farmIdparam.num=1letres=cartApi.cartSaveUpdate(param)Util.showMyToast("添加購(gòu)物車成功！")},4.2.3用戶購(gòu)買和加入購(gòu)物車消費(fèi)者可以瀏覽完自己需要的商品后，能直接購(gòu)買和加入購(gòu)物車，點(diǎn)擊立即訂購(gòu)，會(huì)顯示讓讓你去完善自己的收獲地址，地址完善后就能點(diǎn)擊立即訂購(gòu)，這時(shí)你就能在自己的訂單管理頁(yè)面發(fā)現(xiàn)待付款的訂單，這時(shí)你可以點(diǎn)擊付款等待發(fā)貨即可。如果你想要購(gòu)買多個(gè)商品，或者單一商品買多件，你需要將自己想買的商品放入購(gòu)物車中進(jìn)行同意的付款，并且能夠編輯購(gòu)物車中的商品，將自己不行要的商品刪除。本系統(tǒng)的用戶購(gòu)買流程圖，如圖4-6所示。圖4-6用戶購(gòu)買流程圖本系統(tǒng)的購(gòu)物車展示圖，如圖4-7所示。圖4-7購(gòu)物車展示圖獲取用戶購(gòu)物車信息的部分代碼展示如下：asyncgetCartByUserId(){letres=awaitcartApi.getCartByUserId(this.userInfo.id)letdata=res.dataif(data&&data.length>0){letarr=[]for(letiindata){arr.push({name:data[i].createTime,checked:1,id:data[i].id,goods:[{img:data[i].imgUrl,title:data[i].name,remark:data[i].unit,price:data[i].price,farmId:data[i].farmId,number:data[i].num,checked:1}]})}this.goodsProducts=arr}else{this.goodsProducts=[]}console.log("頁(yè)面cart中方法getCartByUserId(根據(jù)用戶ID獲取用戶購(gòu)物車)返回結(jié)果為:",res.data)},4.2.4個(gè)人中心個(gè)人中心便是用戶查看訂單和自己信息的地方，在個(gè)人中心界面，用戶能實(shí)現(xiàn)自己信息的個(gè)性化，能夠該換密碼和昵稱。同時(shí)在個(gè)人中心，能夠管理自己的收貨地址，設(shè)置好收獲地址后才能進(jìn)行購(gòu)買。另外個(gè)人中心設(shè)置了留言界面，這時(shí)候你能打開留言功能，將自己遇到的問(wèn)題進(jìn)行上報(bào)，例如遇見假貨，收的貨不對(duì)，收貨破損等都能上報(bào)，同時(shí)后臺(tái)工作人員會(huì)根據(jù)您上報(bào)時(shí)留下的聯(lián)系信息，與您迅速取得聯(lián)系。本系統(tǒng)的個(gè)人中心界面展示圖，如圖4-8所示。圖4-8個(gè)人中心展示圖個(gè)人中心界面如何修改密碼的部分代碼展示如下：asyncsubmit(){if(this.userInfo.passWord){if(!this.userInfo.nextPassword){Util.showMyToast("請(qǐng)第二次輸入密碼")return}if(this.userInfo.nextPassword!=this.userInfo.passWord){Util.showMyToast("兩次密碼不一致")return}}letparam={}param.id=this.userInfo.idparam.nickName=this.userInfo.nickNameif(this.userInfo.passWord){param.passWord=this.userInfo.passWord}param.address=this.userInfo.addressletres=mineApi.userSaveUpdate(param)app.globalData.userInfo=this.userInfoUtil.showMyToast("修改成功")uni.navigateTo({url:'/pages/mine/mine'})}本系統(tǒng)的訂單信息界面與收藏界面，如圖4-9所示。圖4-9訂單信息與收藏界面獲取用戶收藏商品信息的部分代碼展示如下：methods:{asyncdelCollect(id){letres=awaitdetailApi.delCollect(id)this.getCollect()},asyncgetCollect(){letparam={}param.userId=this.userInfo.idletres=awaitdetailApi.checkCollect(param)this.collectList=res.dataconsole.log("===",res.data)},toDetail(id){uni.navigateTo({url:"/pages/detail/detail?framId="+id})}}前端獲取訂單的狀態(tài)部分代碼展示如下：exportdefault{name:"orderList",props:{orderList1:{type:[Object,Array],default:{}},orderList2:{type:[Object,Array],default:{}},orderList3:{type:[Object,Array],default:{}},}},data(){return{list:['待付款','待發(fā)貨','已發(fā)貨','已完成','已取消'],current:0};},methods:{sectionChange(index){this.current=index;},updateOrderStatus(id,status){this.$emit("updateOrderStatus",id,status)},deleteOrder(id){this.$emit("deleteOrder",id)}}}</script>4.3后端設(shè)計(jì)后端為管理員管理系統(tǒng)，負(fù)責(zé)運(yùn)營(yíng)整個(gè)平臺(tái)的平穩(wěn)運(yùn)行。是整個(gè)系統(tǒng)最主要的部分，負(fù)責(zé)監(jiān)控和管理并且維護(hù)用戶使用新農(nóng)仁管理后臺(tái)具有必備的權(quán)限管理功能，可以使登錄的管理員對(duì)用戶進(jìn)行一些基礎(chǔ)管理。同時(shí)管理員系統(tǒng)，是整個(gè)系統(tǒng)上架，修改商品的核心。透過(guò)整個(gè)后端的運(yùn)行權(quán)限，管理員能夠管理商品的基本信息，能夠修改前端展示商品的畫面，能夠把農(nóng)戶想要進(jìn)行售賣的信息展示給消費(fèi)者。管理員系統(tǒng)的設(shè)計(jì)也是重重之重，他是整個(gè)系統(tǒng)運(yùn)行的大腦，為了方便管理員對(duì)系統(tǒng)的管理，整個(gè)界面應(yīng)該相當(dāng)?shù)木?jiǎn)，方便管理員對(duì)商品和訂單信息的增刪改查。綜上所述，管理員系統(tǒng)，能夠方便對(duì)農(nóng)戶商品的進(jìn)行統(tǒng)一的銷售管理，能夠?qū)︿N售情況進(jìn)行全方位的掌控，讓農(nóng)戶的銷售更加的平穩(wěn)安全。本系統(tǒng)的后端功能流程圖，如圖4-10所示。圖4-10后端功能流程圖4.3.1用戶與管理員管理在每個(gè)系統(tǒng)當(dāng)中，用戶管理很重要，它關(guān)乎一個(gè)系統(tǒng)的平穩(wěn)運(yùn)行，同時(shí)用戶的分類也至關(guān)重要，每一個(gè)用戶在自己本來(lái)的權(quán)限處運(yùn)行才是系統(tǒng)設(shè)計(jì)的初衷。因此本系統(tǒng)后臺(tái)設(shè)置了兩個(gè)用戶管理，分別是系統(tǒng)后臺(tái)管理員和普通消費(fèi)者。系統(tǒng)管理員可以查看登錄系統(tǒng)的消費(fèi)者的信息，能夠保證每個(gè)消費(fèi)者的信息不泄露。另外管理者遵循數(shù)據(jù)庫(kù)的增刪改查，能夠查找管理員的賬號(hào)，也能修改管理員的信息。在消費(fèi)者管理界面可以看到消費(fèi)者的信息和密碼，但是管理員沒有權(quán)限更改消費(fèi)者的信息只能禁用消費(fèi)者的賬號(hào)和搜索消費(fèi)者。本系統(tǒng)的用戶管理界面，如圖4-11所示。圖4-11用戶管理界面本系統(tǒng)的管理員用戶管理界面，如圖4-12所示。圖4-12管理員管理界面管理員登錄部分代碼展示如下：handleLogin(){this.$refs.loginForm.validate(valid=>{if(valid){this.loading=truethis.$store.dispatch('user/login',this.loginForm).then(()=>{this.$router.push({path:this.redirect||'/'})this.loading=false}).catch(()=>{this.loading=false})}else{console.log('errorsubmit!!')returnfalse}})}后端右上角管理員首頁(yè)與退出設(shè)置代碼展示如下：<script>import{mapGetters}from'vuex'importBreadcrumbfrom'@/components/Breadcrumb'importHamburgerfrom'@/components/Hamburger'exportdefault{components:{Breadcrumb,Hamburger},computed:{mapGetters(['sidebar','avatar'])},methods:{toggleSideBar(){this.$store.dispatch('app/toggleSideBar')},asynclogout(){awaitthis.$store.dispatch('user/logout')this.$router.push(`/login?redirect=${this.$route.fullPath}`)}}}</script>4.3.2農(nóng)產(chǎn)品管理農(nóng)產(chǎn)品管理分開設(shè)置了農(nóng)產(chǎn)品的基本信息管理和農(nóng)產(chǎn)品的多個(gè)圖片管理。本系統(tǒng)設(shè)計(jì)中本來(lái)只設(shè)置了一個(gè)商品的展示頁(yè)面，不過(guò)考慮到每個(gè)經(jīng)銷商對(duì)于自己農(nóng)產(chǎn)品的銷售宣傳，經(jīng)過(guò)深思熟慮后，又增加一個(gè)窗口可以讓農(nóng)戶將自己的商品上傳多張圖片讓消費(fèi)者可以看到商品的實(shí)際信息。同時(shí)商品的銷售也要有合格的審查，故本系統(tǒng)創(chuàng)建了合理的商品管理界面。在商品信息管理界面，管理員可以上架商品的基本信息，能夠在界面中修改商品的名稱和圖片，同時(shí)能夠管理商品的每日價(jià)格，做到價(jià)格的每日更新。另外便是商品介紹，管理員可以將農(nóng)戶對(duì)自己商品大的介紹合理的展現(xiàn)給消費(fèi)者，同時(shí)也可以在詳情處留言，如有問(wèn)題既可以聯(lián)系商家，沒也聯(lián)系平臺(tái)的客戶進(jìn)行處理。本系統(tǒng)的農(nóng)產(chǎn)品信息管理界面，如圖4-13所示。圖4-13農(nóng)產(chǎn)品信息管理界面修改農(nóng)產(chǎn)品信息的部分代碼展示如下：saveData(){if(this.formData.id){update(this.formData).then((res)=>{Message.success('修改成功');this.addOrUpdateDialogVisible=false;this.getTableDataList();});}else{insert(this.formData).then((res)=>{Message.success('添加成功');this.addOrUpdateDialogVisible=false;this.getTableDataList();});}},本系統(tǒng)的農(nóng)產(chǎn)品圖片管理界面，如圖4-14所示。圖4-14農(nóng)產(chǎn)品圖片管理界面4.3.3訂單管理訂單管理是保證平臺(tái)正常發(fā)貨的關(guān)鍵，每個(gè)銷售系統(tǒng)都有自己獨(dú)特的銷售系統(tǒng)，由于該系統(tǒng)的對(duì)象是面向農(nóng)產(chǎn)品特產(chǎn)的消費(fèi)者，故選擇設(shè)計(jì)簡(jiǎn)單易用的訂單管理，保證消費(fèi)者能夠正常使用，同時(shí)能保證消費(fèi)者購(gòu)買的特產(chǎn)準(zhǔn)確到達(dá)消費(fèi)者的手里。訂單管理界面中，包含了訂單的發(fā)貨管理和查看訂單的詳細(xì)信息，在發(fā)貨管理界面，通過(guò)農(nóng)戶選擇的商品，待農(nóng)戶付款后，系統(tǒng)管理員通過(guò)與后臺(tái)對(duì)商品進(jìn)行對(duì)接檢查然后選擇發(fā)貨。訂單的狀態(tài)便會(huì)顯示已發(fā)貨，待用戶收到貨后就能顯示訂單狀態(tài)已完。本系統(tǒng)的訂單管理界面，如圖4-15所示。圖4-15訂單管理界面將刪除訂單并且修改訂單狀態(tài)改為發(fā)貨狀態(tài)的部分代碼展示如下：import{getList,insert,update,get,del}from'@/api/Orders/index'mounted(){this.getTableDataList()},methods:{getTableDataList(){getList(this.listQueryParam).then((res)=>{this.total=res.data.totalthis.tableData=res.data.records})},delByIds(ids){del(ids).then((res)=>{Message.success('刪除成功')this.getTableDataList()})},fahuo(row){letparam={}param.id=row.idparam.status=2update(param).then((res)=>{Message.success('發(fā)貨成功')this.addOrUpdateDialogVisible=falsethis.getTableDataList()})},}同時(shí)在訂單詳情界面，管理員能查看訂單的詳細(xì)信息，能夠看到每一個(gè)訂單的數(shù)量以及購(gòu)買的物品的名稱和相關(guān)商品的圖片，方便以后用戶出現(xiàn)問(wèn)題可以進(jìn)行核實(shí)。本系統(tǒng)的訂單詳情界面，如圖4-16所示。圖4-16訂單詳情界面點(diǎn)擊圖片放大效果代碼展示如下：computed:{realSrcList(){if(!this.src)returnletreal_src_list=this.src.split(",");letsrcList=[];real_src_list.forEach(item=>{srcList.push(item);});returnsrcList;},realWidth(){returntypeofthis.width=="string"?this.width:`${this.width}px`;},realHeight(){returntypeofthis.height=="string"?this.height:`${this.height}px`;}},};4.3.4商品分類管理為了能夠讓消費(fèi)者更好的購(gòu)買商品，農(nóng)特產(chǎn)進(jìn)行分類可以更好的尋找到農(nóng)產(chǎn)品的位置。在后臺(tái)管理當(dāng)中，如果在新的商家入住過(guò)程中，帶來(lái)了新的品種，新的特產(chǎn)，或者想要特賣大賣，管理員可以將商品按照商家的意愿，放到對(duì)應(yīng)的商品窗口，便于消費(fèi)者一眼看到。本系統(tǒng)的商品分類界面，如圖4-17所示。圖4-17商品分類界面4.3.5留言管理不是每一場(chǎng)的購(gòu)物是讓人理想的，經(jīng)過(guò)時(shí)代的變化，人們的消費(fèi)水平穩(wěn)步提升，雖然有一些群眾比較喜歡新穎的特產(chǎn)，但是特產(chǎn)的好壞，特產(chǎn)的價(jià)值區(qū)間也是人們觀察的重點(diǎn)。故為了滿足消費(fèi)者的購(gòu)物滿意，本系統(tǒng)提供全天的留言管理，一旦購(gòu)物者發(fā)現(xiàn)自己的權(quán)益沒有得到保障，都可以上報(bào)自己相應(yīng)的體驗(yàn)，管理員將在10分鐘之內(nèi)，派出專線與消費(fèi)者達(dá)成和解，保障消費(fèi)的消費(fèi)滿意程度。同時(shí)除了消費(fèi)者，農(nóng)戶如果想要加盟線上銷售平臺(tái)，進(jìn)入前端首頁(yè)后，點(diǎn)擊加盟，選擇您的類型，填寫的信息也會(huì)迅速上傳到后臺(tái)的留言管理界面，一旦發(fā)現(xiàn)加盟的信息，將會(huì)有管理者通知相應(yīng)的評(píng)估人員與農(nóng)民迅速取得聯(lián)系。本系統(tǒng)的留言管理界面，如圖4-18所示。圖4-18留言管理界面留言界面判斷前端留言的類型部分代碼展示如下：<templateslot-scope="{row}"><spanv-if="row.type==0">商戶</span><spanv-if="row.type==1">破損</span><spanv-if="row.type==2">丟失</span><spanv-if="row.type==3">其他</span></template>data(){return{listQueryParam:{current:1,pageSize:5},methods:{getTableDataList(){getList(this.listQueryParam).then((res)=>{this.total=res.data.totalthis.tableData=res.data.records})},

第5章測(cè)試5.1測(cè)試目的系統(tǒng)測(cè)試的目的是為了系統(tǒng)能在真實(shí)的用戶環(huán)境下能夠正常運(yùn)行，通過(guò)檢查完整的軟件配置能否和系統(tǒng)正確的連接，數(shù)據(jù)之間的傳輸是否正確，能夠在系統(tǒng)發(fā)布使用的前期發(fā)現(xiàn)軟件與預(yù)期的設(shè)計(jì)文檔所規(guī)定不符合的地方。系統(tǒng)的測(cè)試對(duì)象不僅僅包括軟件方面的測(cè)試，還包括硬件方面的測(cè)試，例如在蘋果系統(tǒng)和安卓系統(tǒng)上，小程序是否能正常打開并使用。其次還有前端與后端對(duì)接的接口，以及數(shù)據(jù)庫(kù)與系統(tǒng)對(duì)接的接口是否都正確。系統(tǒng)測(cè)試的主要內(nèi)容主要包括功能測(cè)試，版本測(cè)試，健壯性測(cè)試等。系統(tǒng)測(cè)試的目的是使用最少的人力和在最短的時(shí)間內(nèi)發(fā)現(xiàn)系統(tǒng)的問(wèn)題以及各種潛在的影響，能夠在最終發(fā)布之前確保系統(tǒng)的使用滿足用戶的需求。5.2測(cè)試方法測(cè)試擁有多種方法，是在軟件進(jìn)行測(cè)試時(shí)的工具，合理的運(yùn)用測(cè)試方法能夠?qū)⒈疚牡男枨笈c功能形成鮮明的對(duì)比，能更好的更準(zhǔn)確的發(fā)現(xiàn)系統(tǒng)那些方面的不足。另外測(cè)試方法也不是都很適合沒個(gè)系統(tǒng)的測(cè)試，它取決于項(xiàng)目的需求，測(cè)試的類型（比如一些單元測(cè)試，集成測(cè)試等）。根據(jù)“新農(nóng)仁”系統(tǒng)的項(xiàng)目需求我采用以下測(cè)試方法。（1）單元測(cè)試單元測(cè)試是系統(tǒng)測(cè)試過(guò)程中一個(gè)小的模塊測(cè)試，確保每一個(gè)模塊的正確性，在測(cè)試過(guò)程中，例如農(nóng)產(chǎn)品特產(chǎn)的添加，修改，消費(fèi)者訂單和購(gòu)物車的變化等都是一些基本的單元測(cè)試。（2）集成測(cè)試集成測(cè)試是將上述所提到的單元測(cè)試結(jié)合起來(lái)，確保單一的測(cè)試結(jié)束后，多個(gè)單元之間無(wú)法合理的連接，最主要的目的還是完成一個(gè)系統(tǒng)之間每個(gè)小模塊之間的拼接。確保每個(gè)小的單元能夠互相交互，確保服務(wù)的正常運(yùn)行。5.3測(cè)試用例測(cè)試用例是為了特定的目的而設(shè)計(jì)的一組測(cè)試條件，能夠檢查系統(tǒng)是否能根據(jù)條件執(zhí)行達(dá)到預(yù)期的結(jié)果。測(cè)試用例是整個(gè)測(cè)試的核心，它描述了整個(gè)系統(tǒng)之間的直接聯(lián)系，描述了如何執(zhí)行的測(cè)試以及期望的結(jié)果。一個(gè)好的測(cè)試用例應(yīng)該具有可便讀性，可維護(hù)性，以及代表性等。本系統(tǒng)的單元測(cè)試結(jié)果，如表5-1所示。表5-1單元測(cè)試結(jié)果表用例號(hào)單元測(cè)試操作結(jié)果T1用戶注冊(cè)注冊(cè)用戶zyp成功T2管理員登錄登錄用戶root成功T3搜索商品搜索桃子成功T4添加購(gòu)物車添加桃子成功T5修改地址改成邢臺(tái)信都區(qū)成功T6添加商品添加蘋果成功T7添加分類添加水果成功本系統(tǒng)的集成測(cè)試結(jié)果，如表5-2所示。表5-2集成測(cè)試結(jié)果表用例號(hào)集成測(cè)試操作結(jié)果T1注冊(cè)登錄注冊(cè)用戶zyp并登錄成功T2加入購(gòu)物車付款家用購(gòu)物車后進(jìn)行付款成功T3添加商品，用戶購(gòu)買添加蘋果，用戶再前端進(jìn)行購(gòu)買成功T4添加分類及對(duì)應(yīng)商品添加肉品類并添加牛肉到此類成功T5審核訂單狀態(tài)用戶購(gòu)買后點(diǎn)擊發(fā)貨，用戶點(diǎn)擊收貨成功

第6章總結(jié)本文使用JavaSpringBoot搭建一個(gè)安全穩(wěn)定的后臺(tái)環(huán)境，借助MyBatis-Plus插件快速搭建出持久層框架并且引入相關(guān)的依賴，生成基礎(chǔ)的代碼模板，大大