基于Web的呼倫貝爾特產(chǎn)銷售系統(tǒng)設(shè)計與實現(xiàn)摘要隨著社會發(fā)展、科技進步，互聯(lián)網(wǎng)在各個領(lǐng)域中都得到了更為廣泛的應(yīng)用。現(xiàn)如今的社會已經(jīng)逐漸走向信息化，伴隨互聯(lián)網(wǎng)的誕生我們的生活也正在潛移默化的改變，購物方式也隨之更迭，以往的生活我們只能在商城里購物，而現(xiàn)如今隨著互聯(lián)網(wǎng)的發(fā)展，我們已經(jīng)習(xí)慣地享受在網(wǎng)上商城購物所帶來的樂趣。網(wǎng)上商城應(yīng)用憑借著快捷的優(yōu)勢迅速發(fā)展,而現(xiàn)如今已融入大家當下的生活，也越來越受到大家的歡迎與追捧。由綜上所訴，故本文想要實現(xiàn)一個網(wǎng)上的商城，一個基于Web的呼倫貝爾特產(chǎn)銷售系統(tǒng)。一個小孩和老人都會使用的手機移動端呼倫貝爾特產(chǎn)銷售系統(tǒng)。之所以做成手機移動端而不是電腦端是想要給顧客呈現(xiàn)出一個想買隨時買的銷售系統(tǒng)。本文將采用JS技術(shù)和HTML、CSS為主要編程語言，使用VisualStudioCode軟件為開發(fā)環(huán)境,利用Web工具設(shè)計進行開發(fā)網(wǎng)上特產(chǎn)銷售系統(tǒng),開發(fā)實現(xiàn)出簡單易操作并且種類多種多樣的網(wǎng)上特產(chǎn)系統(tǒng)。現(xiàn)在這個高速發(fā)展的時代網(wǎng)上購物幾乎成了大多數(shù)人每天都需要做的事情，不管你任何時間、任何地點、想要任何物品，網(wǎng)上銷售系統(tǒng)都能幫你實現(xiàn)到，并且價格優(yōu)惠、正品保障、種類多種多樣。所以，實現(xiàn)一個網(wǎng)上銷售系統(tǒng)是很必要的，而我國作為舌尖上的中國，一個盛產(chǎn)美食的國度，所以實現(xiàn)出一個特產(chǎn)銷售系統(tǒng)也是非常必要的。故，本課題具有廣泛的研究意義和一定的應(yīng)用價值。關(guān)鍵詞：Web；網(wǎng)上商城；特產(chǎn)銷售系統(tǒng)；呼倫貝爾目錄TOC\o"1-2"\h\u25372基于Web的呼倫貝爾特產(chǎn)銷售系統(tǒng) 頁）一、引言現(xiàn)如今社會科學(xué)技術(shù)發(fā)展迅速，尤其是互聯(lián)網(wǎng)技術(shù)在所有科技中一馬當先。當下幾乎所有商品、服務(wù)、旅游、娛樂等人類所需服務(wù)都可以在網(wǎng)上商城中得到實現(xiàn)，互聯(lián)網(wǎng)在未來也將擁有不可替代的地位[1]?，F(xiàn)在伴隨互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，人們都逐漸偏愛在網(wǎng)上商城上購物。而本文就是實現(xiàn)一個網(wǎng)上商城，基于Web的呼倫貝爾特產(chǎn)銷售系統(tǒng)；本文所開發(fā)的特產(chǎn)銷售系統(tǒng)種類、規(guī)格、口味都多種多樣，對于全國各地想要購買呼倫貝爾特產(chǎn)的顧客是非常方便的，尤其是遠在外地思念家鄉(xiāng)呼倫貝爾特產(chǎn)的朋友；且網(wǎng)上特產(chǎn)銷售系統(tǒng)不需要花費租用或購買門店的費用，這也給商家節(jié)約了一部分開支；呼倫貝爾特產(chǎn)的單價不高，即使在現(xiàn)有網(wǎng)絡(luò)信用機制還不健全的情況下，也不會造成太大損失。因此人們逐漸傾向于網(wǎng)上銷售。對于網(wǎng)上特產(chǎn)商城而言來說，互聯(lián)網(wǎng)的普及帶來大量來自全國各地的客戶，且成本低廉[2]。對于買家來說，網(wǎng)上購物選擇范圍更廣，而且不用受時間、地點限制，這大大節(jié)省了許多用戶的精力和時間[3]。綜上，基于Web的網(wǎng)上特產(chǎn)銷售系統(tǒng)擁有極大的發(fā)展空間。本文將采用JavaScript和jQuery編輯語言，使用VisualStudioCode軟件為開發(fā)環(huán)境，利用Vue高級框架、路由跳轉(zhuǎn)、Axios數(shù)據(jù)處理等Web工具設(shè)計和開發(fā)呼倫貝爾特產(chǎn)銷售系統(tǒng)[4]，具體開發(fā)模塊包括：首頁詳情模塊、分享購物模塊、購物車模塊、我的模塊等?；赪eb的特產(chǎn)銷售系統(tǒng)實現(xiàn)了用戶登錄和退出、用戶上傳頭像、瀏覽和收藏商品、管理購物車、發(fā)布和刪除評價等功能，是一個簡單易懂的特產(chǎn)銷售系統(tǒng)?；赪eb的呼倫貝爾特產(chǎn)銷售系統(tǒng)是按照現(xiàn)在流行的購物軟件制作而成，通過一系列需求分析、系統(tǒng)設(shè)計、系統(tǒng)功能實現(xiàn)和系統(tǒng)測試開發(fā)呼倫貝爾特產(chǎn)銷售系統(tǒng)，呼倫貝爾特產(chǎn)銷售系統(tǒng)的成功開發(fā)，為想要購買呼倫貝爾特產(chǎn)的顧客提供便捷與正品保障，使大眾進一步了解呼倫貝爾的特產(chǎn)和文化。（一）選題意義本文主要所寫呼倫貝爾的特產(chǎn)銷售系統(tǒng)，之所以想要在網(wǎng)上賣特產(chǎn)，是因為當下社會互聯(lián)網(wǎng)的發(fā)展是非常有前景的，現(xiàn)如今有很多的年輕人都是靠網(wǎng)上賣貨而發(fā)家；而且無論你想要買什么東西都能夠在網(wǎng)上商城買到，并且不僅價格便宜還有正品保障；所以在網(wǎng)上賣特產(chǎn)是一種非常明智的選擇。之所以賣呼倫貝爾的特產(chǎn)，一是因為內(nèi)蒙古的人們是十分好客的，有遠道而來的朋友來拜訪都會拿出極具當?shù)靥厣拿朗硜頍崆榈卣写笥?，因此呼倫貝爾的特產(chǎn)也是由此出名的；二是呼倫貝爾有著最大的草原，每年有旅客來旅游都會夸贊當?shù)氐拿朗晨谖妒欠浅０舻?。為了充分利用互?lián)網(wǎng)的優(yōu)勢實現(xiàn)一種網(wǎng)上特產(chǎn)購物的方式，本文通過構(gòu)建網(wǎng)上呼倫貝爾特產(chǎn)銷售系統(tǒng)，方便廣大網(wǎng)友購物，讓網(wǎng)友足不出戶就可以買到呼倫貝爾的特產(chǎn)。（二）國內(nèi)外銷售系統(tǒng)現(xiàn)狀進入21世紀以后，不管是國內(nèi)還是國外網(wǎng)上的銷售現(xiàn)狀都是非常活躍的?，F(xiàn)如今就連農(nóng)村也有非常多的快遞站點，可想而知，網(wǎng)上的銷售系統(tǒng)已經(jīng)貫徹到人們的生活當中，與人們的生活息息相關(guān)[5]。更有些國內(nèi)和國外的網(wǎng)購群體僅購買本國的商品已經(jīng)滿足不了他們了，好多網(wǎng)上銷售系統(tǒng)已經(jīng)實現(xiàn)了跨國域的買賣商品，正因此好多國外的朋友通過網(wǎng)購了解到中國的美食和文化，對中國的美食和文化連連稱贊。故，不管是國內(nèi)還是國外實現(xiàn)一個網(wǎng)上銷售系統(tǒng)是非常必要的。（三）系統(tǒng)開發(fā)目的和意義現(xiàn)如今不管是淘寶還是京東甚至是微商上面都會買到呼倫貝爾特產(chǎn)，那為什么還會想開發(fā)一款呼倫貝爾特產(chǎn)的銷售系統(tǒng)呢？相信不管是在淘寶、京東還是微商上買到的呼倫貝爾特產(chǎn)都是非常貴的而且還不一定是真正的呼倫貝爾的特產(chǎn)，有時候特產(chǎn)的種類還非常少不齊全等等一系列的弊端；而呼倫貝爾特產(chǎn)銷售系統(tǒng)是種類非常齊全的，而且還會有呼倫貝爾特產(chǎn)的認證，品質(zhì)是有保障的。第二個目的就是現(xiàn)在市面上很少有專賣呼倫貝爾的特產(chǎn)系統(tǒng)，所以作為第一個專賣呼倫貝爾特產(chǎn)的銷售系統(tǒng)還是很有銷售水平的[6]。目前雖有很多關(guān)于特產(chǎn)網(wǎng)站的銷售系統(tǒng)，但是多數(shù)銷售系統(tǒng)功能太過復(fù)雜，以至于顧客很難找到所需要的功能，這對用戶來說顯然是不方便的[7]。甚至有些商城的系統(tǒng)功能基本很少或者從未被使用[8]。本文旨在開發(fā)一種功能簡單、容易使用的系統(tǒng)，對網(wǎng)上購物的常用功能進行簡化，使系統(tǒng)的操作更加方便用戶使用。（四）發(fā)展趨勢網(wǎng)上銷售系統(tǒng)已經(jīng)深入我們的生活，融入了生活的各行各業(yè)當中；越來越多的人選擇網(wǎng)上銷售來創(chuàng)業(yè)，原因就是網(wǎng)上銷售能夠給商家?guī)硪恍┍憬莸姆?wù)[9]，包括減少不必要人員數(shù)量，因為許多都可以用計算機來快速的完成，這大大的減少一筆費用開支，還有計算機能夠為網(wǎng)上銷售系統(tǒng)提供免費的宣傳方式，包括微博宣傳、微信宣傳和抖音宣傳等；網(wǎng)上銷售系統(tǒng)充分利用這些便捷的條件就可以帶來非常多的效益，所以網(wǎng)上特產(chǎn)銷售系統(tǒng)的發(fā)展方向還是很好的。二、相關(guān)技術(shù)（一）Vue介紹Vue是一個前端的框架，只有把這個框架搭建好，本次的畢設(shè)才能順利的進行下去，Vue的版本有很多，本次畢設(shè)所下載的是簡版的Vue；Vue也是最火的前端框架，有易操作、配套的等三方庫等優(yōu)點；簡單的來說，使用Vue簡化了不必要的代碼，提高了開發(fā)效率。（二）npm介紹npm是node.js內(nèi)置的軟件包管理器,簡單的來說，npm就是用來管理軟件包的。也是目前最大的軟件注冊表，每周都有很高的下載量。（三）Webpack、ElementUI組件庫介紹Webpack是前端資源加載和打包工具，它的功能非常強大，并且支持很多模塊系統(tǒng)。能夠?qū)o態(tài)資源進行統(tǒng)一的管理以及打包發(fā)布[10]，同時Webpack也受到大多數(shù)開發(fā)者的喜愛。本次特產(chǎn)系統(tǒng)多次使用到ElementUI組件，ElementUI組件代碼清晰邏輯簡單，使用它可以減少許多的代碼量，并且可以輕松的實現(xiàn)出想要的網(wǎng)頁效果。（四）路由介紹路由就是實現(xiàn)跳轉(zhuǎn)的一個工具，本次特產(chǎn)銷售系統(tǒng)所有的點擊跳轉(zhuǎn)都由路由來完成的，只要根據(jù)所寫的目的地址就可以跳轉(zhuǎn)到想要跳轉(zhuǎn)的頁面；它的寫法也非常有邏輯，即時沒學(xué)過也能很快的上手。（五）Axios介紹Axios就是一個基于Promise的HTTP庫，發(fā)送http請求的一個工具庫，簡單的講就是可以發(fā)送get、post請求。其特點有攔截請求和響應(yīng)，可以過濾請求參數(shù)，可以處理響應(yīng)異常取消請求。（六）JavaScript、jQuery介紹JavaScript是一種腳本語言,也是本人畢設(shè)當中最重要的一個技術(shù)，它的功能非常強大，開發(fā)者使用它的幾率也非常的多，對開發(fā)頁面來說也是必不可少的一個技術(shù)。而jQuery是一個輕量級的、兼容多瀏覽器的JavaScript庫。（七）HTML、HTML5介紹HTML是一門超文本標記語言，通常也將它稱為標簽語言。因為它通過標簽來顯示網(wǎng)頁中的各個部分。HTML對開發(fā)環(huán)境沒有特別的要求，我們甚至可以直接用記事本來進行網(wǎng)頁開發(fā)。而HTML5是最新標準的HTML。HTML5增加了許多新特性，簡化了代碼量。（八）CSS、CSS3介紹CSS是層疊樣式表，簡單來說就是裝飾和優(yōu)化頁面的，使頁面更加美觀漂亮；它的寫法也是非常簡單，特別容易上手；它和HTML是很好的搭檔，在網(wǎng)站開發(fā)中，HTML顯示網(wǎng)頁的內(nèi)容，而CSS則負責對其網(wǎng)頁內(nèi)同進行渲染。CSS3是CSS的升級版本。三、系統(tǒng)分析（一）需求分析1.需求分析：開發(fā)特產(chǎn)銷售系統(tǒng)首先要了解特產(chǎn)銷售系統(tǒng)最基本的需求，然后嚴格定義需求說明書。2.功能需求：由于特產(chǎn)銷售系統(tǒng)是一個用來供使用者消費的銷售軟件。設(shè)計者通過對銷售過程中所涉及到的商品、訂單、信息等資料的錄入，便可以實現(xiàn)特產(chǎn)銷售的管理。所以,特產(chǎn)銷售系統(tǒng)必須向使用者提供一些基本功能:特產(chǎn)銷售系統(tǒng)必須向使用者提供用戶登錄頁面，即，用戶名和密碼；并且能夠退出登錄；特產(chǎn)銷售系統(tǒng)必須向使用者提供商品的種類、分類、詳情頁等；特產(chǎn)銷售系統(tǒng)必須向使用者提供評價功能；特產(chǎn)銷售系統(tǒng)必須向使用者提供查看信息、幫助功能、設(shè)置功能等；（二）經(jīng)濟可行性開發(fā)本系統(tǒng)所需要到的技術(shù)、資料、人員和開發(fā)環(huán)境都不需要額外的費用，因為在這個信息發(fā)達的時代很多技術(shù)、資料都是免費的，而這些免費的技術(shù)和資料足以開發(fā)出本文的特產(chǎn)銷售系統(tǒng)；VisualStudioCode作為本次的開發(fā)環(huán)境也是可以免費使用的，這一點上可以省下一大筆支出；本文旨在開發(fā)一種功能簡單、容易使用的系統(tǒng)，對網(wǎng)上購物的常用功能進行簡化，使系統(tǒng)的操作更加方便用戶使用，而這些本人都可以利用大學(xué)里所學(xué)到的知識來完成，故，在人員上也不需要費用的支出；綜上所訴，故本系統(tǒng)具有經(jīng)濟可行性。（三）操作可行性本文開發(fā)的特產(chǎn)銷售系統(tǒng)流程設(shè)計十分清晰、功能簡單、容易使用；采用了網(wǎng)上購物軟件的優(yōu)點同時優(yōu)化了網(wǎng)上購物軟件的缺點，對網(wǎng)上購物的常用功能進行簡化，使系統(tǒng)的操作更加方便用戶的使用；本系統(tǒng)界面簡明易懂，沒有技術(shù)和操作上的難度，即時是小孩和老人也能夠快速上手；所以本系統(tǒng)具有操作可行性。（四）技術(shù)可行性本文開發(fā)的特產(chǎn)銷售系統(tǒng)使用了npm、Webpack、路由、axios、JavaScript、jQuery、HTML、HTML5、CSS、CSS3和VueWeb高級框架等技術(shù)，其中VueWeb高級框架是前端最熟悉也最容易上手的，JS腳本語言可以很好的實現(xiàn)頁面效果，HTML5的新元素簡化了web應(yīng)用程序的搭建等等的好處；所使用的這些技術(shù)不僅容易上手更能快速達到我們所要的頁面效果，即時出現(xiàn)報錯情況也能根據(jù)報錯提示的信息快速解決，所以，本系統(tǒng)在技術(shù)上是可行的。四、系統(tǒng)設(shè)計（一）系統(tǒng)結(jié)構(gòu)圖圖1系統(tǒng)結(jié)構(gòu)圖如圖1所示，本文所寫的特產(chǎn)銷售系統(tǒng)結(jié)構(gòu)圖主要有首頁模塊、分享模塊、購物車模塊和我的模塊等四大功能模塊，而每一個模塊對應(yīng)著多個小功能模塊，共同實現(xiàn)開發(fā)特產(chǎn)銷售系統(tǒng)。由此系統(tǒng)結(jié)構(gòu)圖可以清晰的看出特產(chǎn)銷售系統(tǒng)模塊簡潔明了，與大多數(shù)的網(wǎng)上購物軟件功能相似，但少了網(wǎng)上購物軟件繁瑣的程序和不必要的程序，呈現(xiàn)出一個功能強大操作簡單的特產(chǎn)銷售系統(tǒng)。本系統(tǒng)不限制用戶任何條件，任何人都可以只需要申請一個賬號登錄即可開始購物之旅,但是不提倡小孩子獨自使用該銷售系統(tǒng)以免產(chǎn)生金錢過多的支出。使用該銷售系統(tǒng)的用戶必須保著誠信的理念購物，不得違反購物軟件平臺的條例?；赪eb的呼倫貝爾特產(chǎn)銷售系統(tǒng)，顧名思義是賣呼倫貝爾當?shù)氐奶禺a(chǎn),說起呼倫貝爾，很多人都會想起呼倫貝爾有非常美麗的大草原，但大多數(shù)人對呼倫貝爾的特產(chǎn)了解甚之又少，以為呼倫貝爾只有牛肉干和奶片這兩種特產(chǎn)，殊不知呼倫貝爾有著雙手都數(shù)不清的特產(chǎn)，通過本文所寫大家可以進一步了解到呼倫貝爾的特產(chǎn)和文化。因為呼倫貝爾有著藍藍的天空，所以本次的銷售系統(tǒng)主要的顏色為藍色，藍色可以給用戶呈現(xiàn)出開闊的視覺效果，讓用戶看了有心情愉悅的感覺。（二）系統(tǒng)界面功能介紹呼倫貝爾特產(chǎn)銷售系統(tǒng)以手機移動端的形式來呈現(xiàn)，因此呼倫貝爾特產(chǎn)銷售系統(tǒng)的界面設(shè)計以手機移動端的設(shè)計標準進行設(shè)計。下面介紹特產(chǎn)銷售系統(tǒng)的各個界面功能：用戶登錄界面圖2用戶登錄界面圖如圖2所示，為用戶登錄頁面，只有用戶名、密碼、驗證碼同時輸對才可以登錄成功；當用戶名或者密碼錯誤，則會提示用戶名或者密碼錯誤，請重新輸入；當驗證碼為空或者驗證碼錯誤，則會提示請再次效驗驗證碼。如圖2的最后一張圖片，登錄成功則會提示歡迎您，登錄成功，開始您的購物之旅吧！首頁界面效果展示圖3首頁界面效果圖如圖3所示，本銷售系統(tǒng)首先以輪播的形式來展示特產(chǎn)，用戶不需要操作，特產(chǎn)圖片會自動來回切換，用戶如果對哪一個特產(chǎn)感興趣只需要手動點擊一下圖片便可進入詳情頁介紹了解詳情。其次，頁面列出了銷量最高的八種特產(chǎn)，每一個都可以通過點擊圖片進入對應(yīng)的模塊里，每一個分類里都會有種類非常多的特產(chǎn)。銷售系統(tǒng)不定期會有直播賣貨，每場直播開場都會有開播紅包雨來調(diào)動用戶觀看直播的積極性，直播間會有主播給用戶講解特產(chǎn)，還會根據(jù)用戶觀看直播時長來兌換優(yōu)惠券，開播的過程中會不定時秒殺特產(chǎn)，每場直播一個用戶只能秒殺一份。每個月都會統(tǒng)計賣出最多的兩種特產(chǎn)放在首頁里，因為賣的最好的肯定是最受用戶的歡迎，這種方式可以讓新用戶參考哪一種賣的最好，可以首先嘗試熱銷款。首頁的第二屏是各種特產(chǎn)的專區(qū)，用戶可以通過下滑的方式了解查看特產(chǎn)信息，當下滑到一定的程度則不再顯示特產(chǎn)專區(qū)，如果用戶需要繼續(xù)查看特產(chǎn)專區(qū)，則可以通過點擊查看更多按鈕；當用戶想要回到最上方的特產(chǎn)專區(qū)，由于用劃來劃去的方式很慢，則用戶可以點擊收起按鈕回到上方。淘好物界面效果展示圖4淘好物界面效果圖如圖4所示，好物推薦區(qū)就是用戶把自己覺得好吃的特產(chǎn)推薦給其他的用戶，新用戶一時不知道買什么特產(chǎn)就可以來好物推薦區(qū)參考其他用戶的購買心得。用戶可以發(fā)表評論并且可以添加特產(chǎn)圖片，想要修改發(fā)表的內(nèi)容可以刪除評價后重新發(fā)表心得。此條評價只有用戶自己刪除，商家不可以刪除用戶的評價內(nèi)容。購物車界面效果展示圖5購物車界面效果圖如圖5所示，用戶可以把心意的特產(chǎn)加入購物車里，購物車會顯示特產(chǎn)的基本信息，包括價錢、規(guī)格和圖片等；購物里有管理功能，當點擊管理則每一個特產(chǎn)信息框都會出現(xiàn)一個刪除的按鈕，當點擊刪除則對應(yīng)的特產(chǎn)信息框就會消失，如圖5的第二張圖片所示。當刪除完成之后可以點擊完成按鈕，則刪除按鈕消失，完成按鈕變?yōu)楣芾戆粹o。本次的特產(chǎn)銷售系統(tǒng)僅用了前端技術(shù)完成，沒有涉及到后端技術(shù)，一個銷售系統(tǒng)僅用前端技術(shù)是無法完成支付功能的，故本系統(tǒng)沒有實現(xiàn)支付的功能。我的界面效果展示圖6我的界面效果圖如圖6所示，我的界面分別有用戶的頭像和基本信息等介紹，有收藏功能、查看訂單功能、查看評價功能、幫助功能、設(shè)置功能等；其中用戶可以通過點擊頭像的圖片來更換頭像，可以通過點擊用戶的信息來查看用戶的更多信息。其中收藏功能、訂單功能和評價功能用戶都是可以通過點擊來查看詳細信息的，會跳轉(zhuǎn)到相對應(yīng)的頁面里。用戶如果需要幫助可以點擊幫助功能，當點擊幫助功能則會跳轉(zhuǎn)到圖6的第二張圖片，首先會有幾個熱門的問題，如果用戶的問題是這其中的一條，則可以點擊相應(yīng)問題就會有相應(yīng)的答案，如果用戶不是這幾條的問題，則可以上傳問題等待相關(guān)人員的回答。設(shè)置功能是我的模塊里的重要功能，當想要退出本系統(tǒng)則可以點擊設(shè)置按鈕，則會跳轉(zhuǎn)到圖6的第三張圖片，用戶可以查看到當前登錄的系統(tǒng)賬戶信息，確認信息后則可以點擊退出登錄退出本次賬號。詳情頁效果展示圖7詳情頁效果圖如圖7所示，詳情頁上方首先有選項卡效果的圖片，其次下方有特產(chǎn)的介紹和價格，有收藏功能和加入購物車功能，當點擊購物車和加入購物車時會跳轉(zhuǎn)到購物車頁，當點擊立即購買會跳轉(zhuǎn)到訂單詳情頁面，訂單詳情頁會有訂單的基本信息和收貨人的信息，因為前端技術(shù)暫時實現(xiàn)不了真正的購買功能，所以當提交訂單只能實現(xiàn)一個靜態(tài)的支付成功頁面。五、代碼實現(xiàn)（一）登錄頁面代碼實現(xiàn)下面主要為登錄頁面的核心代碼，當用戶名、密碼和驗證碼同時正確才可以登錄成功，這段代碼的核心是if判斷和js方法，主要做了多個判斷實現(xiàn)出的登錄頁面效果。（二）首頁頁面代碼實現(xiàn)下面主要為首頁頁面的核心代碼，首頁代碼主要通過循環(huán)來實現(xiàn)，利用循環(huán)可以減少代碼量，提高系統(tǒng)的速度。首頁的數(shù)據(jù)用的json的格式來實現(xiàn)的，利用json和axios來寫的數(shù)據(jù)明了清晰，能夠很清楚的知道是哪一部分的數(shù)據(jù)。首頁模塊json數(shù)據(jù)如下：（三）淘好物頁面代碼實現(xiàn)下面主要為淘好物頁面的核心代碼，淘好物代碼主要利用了ElementUI組件、循環(huán)和js方法來完成。淘好物模塊json數(shù)據(jù)如下：

（四）購物車頁面代碼實現(xiàn)下面主要為購物車頁面的核心代碼，購物車的大多數(shù)數(shù)據(jù)用的json的格式來實現(xiàn)的，同時也運用了js腳本語言和方法共同完成。購物車模塊json數(shù)據(jù)如下：（五）我的頁面代碼實現(xiàn)下面主要為我的頁面的核心代碼，我的頁面主要利用了if循環(huán)來實現(xiàn)，減少了代碼量；同樣也是利用json和axios來實現(xiàn)的數(shù)據(jù)。我的模塊json數(shù)據(jù)如下：（六）詳情頁代碼實現(xiàn)下面主要為詳情頁頁面的核心代碼，詳情頁頁面運用選項卡效果、js方法和路由跳轉(zhuǎn)等來實現(xiàn)開發(fā)。詳情頁模塊json數(shù)據(jù)如下：系統(tǒng)測試將特產(chǎn)銷售系統(tǒng)按照用戶登錄頁面，首頁頁面,淘好物頁面,我的頁面和詳情頁頁面分別給出測試用例，并從測試中發(fā)現(xiàn)的問題進行改正。首先測試用戶登錄頁面，故意輸錯用戶名、密碼或者驗證碼來進行測試；其次是首頁測試，首頁的測試可以通過點擊來查看；淘好物模塊的測試可以通過發(fā)表評論來檢測；購物車和支付功能因為涉及到后端技術(shù)，前端技術(shù)無法實現(xiàn)，所