計算機科學與技術-基于微服務的清飲茶葉銷售系統(tǒng)的設計與實現(xiàn)

基于微服務的清飲茶葉銷售系統(tǒng)的設計與實現(xiàn)摘要：隨著電商的快速發(fā)展，茶葉的銷售渠道不再單一，眾多的茶葉愛好者可以通過網(wǎng)購喝到來自天南海北的不同茶葉。在目前互聯(lián)網(wǎng)的發(fā)展下，單純的線下銷售已經(jīng)無法滿足客戶的購買需求，于是清飲茶葉銷售系統(tǒng)應運而生。針對用戶喜歡空余時間在網(wǎng)上瀏覽商品的特點，增加茶商的銷售渠道，打破空間的限制，推動茶葉電商化的進程。在實現(xiàn)上，清飲茶葉銷售系統(tǒng)是基于微服務的思想框架架構，前后端分離開發(fā)，開發(fā)依賴VisualStudioCode及Node.js。VSCode支持開箱即用的JavaScript和Node.js調(diào)試。Node.js是一個使用JavaScript構建快速，可擴展的服務器應用程序的平臺。通過對現(xiàn)有的電商銷售系統(tǒng)功能和特點的調(diào)查與研究，得出清飲茶葉銷售系統(tǒng)的用戶部分功能是查詢商品，查看茶葉商品的詳情，再對心儀的茶葉商品進行購買。同時也滿足用戶對個人信息查看、訂單信息進行查看與處理。管理員部分主要是為了方便管理員管理整個系統(tǒng)，例如對茶葉商品、用戶、訂單信息等的管理等。通過這個系統(tǒng)，客戶可以在網(wǎng)上瀏覽商品詳情，節(jié)約時間和打破空間的限制，買到來自不同地區(qū)的茶葉，商家則可上線自家在售茶葉產(chǎn)品，面向互聯(lián)網(wǎng)，擴展市場，減少實體店的花銷成本，得到更多的利潤。關鍵詞：茶葉，清飲銷售系統(tǒng)，電商化

DesignandImplementationofMicro-service-basedQingyinTeaSalesSystemAbstract：Withtherapiddevelopmentofe-commerce,teasaleschannelsarenolongersingle,andmanytealoverscandrinkdifferentteasfromTiannanHaibeithroughonlineshopping.UnderthecurrentdevelopmentoftheInternet,pureofflinesalescannolongermeetcustomers'purchasingneeds,sotheQingyinteasalessystemcameintobeing.InresponsetothecharacteristicsofuserswholiketobrowseproductsontheInternetintheirsparetime,increasethesaleschannelsofteamerchants,breakthelimitationofspace,andpromotetheprocessofe-commerceoftea.

Intermsofimplementation,theQingyinteasalessystemisbasedontheideologicalframeworkofmicroservices.Thefrontandbackendsaredevelopedseparately.ThedevelopmentreliesonVisualStudioCodeandNode.js.VisualStudioCodesupportsJavaScriptandNode.jsdebuggingoutofthebox.Node.jsisaplatformthatusesJavaScripttobuildfast,scalableserverapplications.Throughtheinvestigationandresearchonthefunctionsandfeaturesoftheexistinge-commercesalessystem,itisconcludedthatpartofthefunctionsoftheusersoftheQingyinteasalessystemistoquerytheproducts,viewthedetailsoftheteaproducts,andthenpurchasethefavoriteteaproducts.Atthesametime,italsoallowsuserstoviewandprocesspersonalinformationandorderinformation.Theadministratorpartismainlytofacilitatetheadministratortomanagetheentirewebsite,suchasthemanagementofteaproducts,websiteusers,orders,etc.

Throughthissystem,customerscanbrowseproductdetailsonline,savetimeandbreakspacerestrictions,buyteafromdifferentregions,andmerchantscanselltheirownteaproductsonline,facingtheInternet,expandingthemarketandreducingthecostofphysicalstores.Cost,getmoreprofits.Keywords:tea，cleardrinksalessystem，Electroniccommerce目錄第1章緒論 第1章緒論1.1系統(tǒng)開發(fā)的背景及意義茶是中國傳統(tǒng)文化中不可缺少的一部分，是中國眾多文化名片之一。千百年來，伴隨著新航路的開辟，茶傳播到世界各地，吸收當?shù)乇就廖幕㈤_枝散葉衍生出不同的茶文化。在當今高速信息化時代，如何更好的傳播茶文化，是當代年輕人的使命?；ヂ?lián)網(wǎng)+茶葉”不僅是對茶葉文化的傳承，也是對茶葉銷售新途徑的開辟。在線銷售成為如今發(fā)展潮流，茶產(chǎn)業(yè)想發(fā)展也得緊跟潮流。網(wǎng)絡購物的普及之后，茶的傳播路徑得到前所未有的擴大，足不出戶可嘗盡天下茶。電子商務可以為茶葉的傳播插上“互聯(lián)網(wǎng)+”的翅膀，進而實現(xiàn)我國茶葉產(chǎn)業(yè)的快速發(fā)展。在中國茶產(chǎn)業(yè)發(fā)展如火如荼的基礎上，一個好的茶葉銷售系統(tǒng)可謂是不可缺少，茶農(nóng)大多都是農(nóng)民，專心于茶葉的種植與制作工藝，太過復雜的銷售網(wǎng)站限制了更多茶農(nóng)的入駐，相比之下，一個操作更加簡單，更專一的茶葉銷售系統(tǒng)更受茶農(nóng)歡迎。清飲茶葉銷售系統(tǒng)的意義就在于此，沒有琳瑯滿目的商品，用戶可在系統(tǒng)里瀏覽茶葉的真實信息，真正買到來自原產(chǎn)地，第一手的好茶葉。不僅僅省下時間與精力，還得到了真正的實惠。伴隨著網(wǎng)絡的普及，互聯(lián)網(wǎng)與傳統(tǒng)產(chǎn)業(yè)的聯(lián)合是發(fā)展的潮流趨勢，商家想要獲得更多的利潤，必須做到服務精準化跟專業(yè)化來完成經(jīng)濟轉(zhuǎn)型和升級，清飲茶葉銷售系統(tǒng)有助于提高茶農(nóng)競爭力，是在當前市場激烈競爭環(huán)境中，用傳統(tǒng)技術與互聯(lián)網(wǎng)思維相結合的產(chǎn)物，為茶農(nóng)商家提供新的經(jīng)營環(huán)境和新的管理模式。1.2國內(nèi)外茶葉電子商務研究現(xiàn)狀計算機技術的發(fā)展與互聯(lián)網(wǎng)的普及使得人們的生活消費方式發(fā)生巨大的改變?！盎ヂ?lián)網(wǎng)+”是時代發(fā)展的新潮流，網(wǎng)上購物已經(jīng)是我們?nèi)粘Ｉ钕M的一部分，萬物皆可電商，茶葉這個重要的農(nóng)產(chǎn)品緊跟時代發(fā)展潮流也在大步邁向電商發(fā)展領域，現(xiàn)在你只要打開百度一搜索就會有成百上千個賣茶葉的銷售系統(tǒng)，在淘寶，京東一樣可以買到茶葉，但是由于體量過大，眾多品類讓消費者看花了眼，參差不齊的商品質(zhì)量使消費者煩惱不已，這些大大影響了用戶的消費體驗。而有些專賣茶葉的小銷售網(wǎng)站則是對茶葉知識掌握的不完全，有的靜態(tài)的網(wǎng)站更新信息更不方便。這些電商網(wǎng)站的質(zhì)量良莠不齊所以并沒有太多是實用價值，這種情況下，開發(fā)一個小而精，專注于銷售茶葉的銷售系統(tǒng)是十分有發(fā)展前景的。茶文化是我們的文化名片，從古到今，茶一直都是我們炎黃子孫的天然保健飲品。傳播茶葉知識和文化是我們當代青年的責任，在今天，最好的傳播媒體就是互聯(lián)網(wǎng)，通過網(wǎng)絡我們可以快速直觀的介紹中國的茶葉。茶農(nóng)在網(wǎng)上銷售自己的茶葉的比例在近幾年有著驚人的增長，不過我們也應該看到另一面，我國茶葉電商化程度與國際的專業(yè)水平還有著不少的距離，隨著國家推行互聯(lián)網(wǎng)+茶葉的銷售政策，茶葉銷售電商化也在快速發(fā)展，我國有60%的世界茶園面積，接近50%的全球產(chǎn)量，20%的國際貿(mào)易占比。雖然在20年前就進入了茶葉電子商務時代,但茶葉電商化的程度卻還在上升階段,網(wǎng)購茶葉的成交率跟銷售額遠遠沒有達到高峰,主要是大多數(shù)的茶葉生產(chǎn)者、企業(yè)經(jīng)營者都沒有一個好用的茶葉銷售系統(tǒng)。許多茶商對互聯(lián)網(wǎng)+茶葉銷售新模式還比較陌生，電商化程度遠低于其它行業(yè)。第一批開始嘗試網(wǎng)絡銷售的茶商獲得的茶葉銷售增長幅度不是非常理想是因為茶商剛開始接觸電商這一陌生領域，難免有些水土不服，營銷宣傳的方式不盡如人意，小心翼翼的經(jīng)營著，燒了不少的錢，換不來顧客的流量，辛辛苦苦幾個月下來核算財務去發(fā)現(xiàn)支付開支與得到的效益不成正比。難免會有些心灰意冷，但只是是茶葉電商化的陣痛期，只要熬過去，就會柳暗花明又一村。隨著越來越多的茶商遂漸認識到互聯(lián)網(wǎng)的透明性，電子商務的營銷成本低并且效果更好，越來越多具有現(xiàn)代營銷理念的茶商的加入到這一行列，國內(nèi)茶葉銷售電商化呈快速增長的趨勢。1.3論文的主要研究內(nèi)容本論文主要介紹了在VisualStudioCode平臺上用B/S多層體系結構，當前流行的Vue框架中的MVVC模式開發(fā)一個茶葉銷售系統(tǒng)的過程。實現(xiàn)微服務清飲茶葉銷售系統(tǒng)是基于“高內(nèi)聚、低耦合”的思想搭建的開發(fā)快速、服務運行獨立的平臺，利用Node.js及Vue.js技術，實現(xiàn)前后端分離開發(fā)；論文的主要使用技術及工具如下：微服務是一種架構風格，通常來說多個微服務可以組成一個大型且復雜的系統(tǒng)。在這個系統(tǒng)中存在的每個微服務都可以獨立存在。單個微服務只負責完成它所需要完成的任務。vue是只關注視圖的，用于構建用戶界面的漸進式框架。不同于其它框架的是vue易于上手，入門較簡單，被設計為可以自底向上逐層應用，這樣便于與第三方庫或既有項目整合。Node是一個讓JavaScript運行在服務端的開發(fā)平臺，是基于ChromeJavaScript運行時建立的平臺，通過這個平臺可以快速搭建響應速度快且易于擴展的系統(tǒng)應用。

第2章系統(tǒng)需求分析需求分析需要和用戶達成共識，溝通了解用戶有什么要求，引導將用戶需求具體化，結合實際情況分析，確定系統(tǒng)的基本功能模塊。系統(tǒng)性能需求分析包括了以下幾個步驟：（1）在功能方面，明確系統(tǒng)具體要做什么，在性能方面，確保響應時間與執(zhí)行速度沒有問題，用戶可以在系統(tǒng)里完成什么操作。（2）在系統(tǒng)界面方面，除了要注意輸入輸出的數(shù)據(jù)流格式，當系統(tǒng)在不同設備，面臨不同的屏幕分辨率，還能否實現(xiàn)自動適應，不出現(xiàn)比例失調(diào)狀況，系統(tǒng)面對的是青少年到中年這一年齡階段，頁面設計風格不可太古板，大多數(shù)用戶還是習慣中文界面，只有在這些小細節(jié)上用心，提高系統(tǒng)的易用性才能吸引更多用戶，一個好的系統(tǒng)需求分析是一個項目成功的基礎，只有基礎扎實，在系統(tǒng)建設過程才會順利，不會有意料不到的小問題拖慢系統(tǒng)的總體進度。（3）在系統(tǒng)的開放性方面，應提前考慮到，在開發(fā)過程中，需求可能會增加或者修改，要提高系統(tǒng)的可維護性。2.1系統(tǒng)的需求分析基于微服務的清飲茶葉銷售系統(tǒng)的需求如下：（1）用戶登錄及身份要求。驗證會員用戶的信息。（2）清飲銷售系統(tǒng)功能要求（面向用戶）：用戶可以瀏覽商品的信息。用戶可以查詢商品的信息。用戶可修改或新增自己收貨地址信息。用戶對添加進購物車的茶葉商品進行刪除或購買操作，查詢訂單信息。用戶可以根據(jù)首頁中的搜索框和熱門搜索詞進行茶葉產(chǎn)品的搜索。（3）清飲銷售系統(tǒng)功能要求（面向管理員）：管理員對用戶的訂單可以進行查看，處理。對茶葉的類別、品牌、價格，描述進行增刪改查一系列操作。管理員可以對自己的信息更新操作，也可以添加新的管理員賬號。清飲茶葉銷售系統(tǒng)功能如圖2.1所示：圖2-1功能模塊結構圖2.2數(shù)據(jù)流圖（1）清飲茶葉銷售系統(tǒng)數(shù)據(jù)流圖（頂層）如下：頂層數(shù)據(jù)流圖分別有兩種角色：管理員與用戶。頂層數(shù)據(jù)流圖詳細描述了當用戶與管理員操作各功能模塊時，產(chǎn)生的數(shù)據(jù)流向及保存路徑。如圖2-2所示：圖2-2數(shù)據(jù)流圖（頂層圖）清飲茶葉銷售系統(tǒng)數(shù)據(jù)流圖（第二層）：清飲茶葉銷售系統(tǒng)的分層數(shù)據(jù)流圖是從上到下，單獨拆解頂級數(shù)據(jù)流程圖的每一層的來的。拆解來的二層數(shù)據(jù)流圖反映了每個功能模塊所對應的操作流程步驟，并且解釋了每次用戶與管理員操作后數(shù)據(jù)的流向情況。具體如下：將管理員信息管理這一部分進行分解，可以得到圖2-3所示的數(shù)據(jù)流程圖。圖2-3管理員信息二層數(shù)據(jù)流程圖將商品信息管理這一部分進行分解，就可以得到圖2-4所示的數(shù)據(jù)流程圖。圖2-4商品信息二層數(shù)據(jù)流程圖將訂單信息管理這一部分進行分解，就可以得到圖2-5所示的數(shù)據(jù)流程圖。圖2-5訂單信息數(shù)據(jù)流程圖2.3數(shù)據(jù)字典（1）數(shù)據(jù)存儲描述表2-1給出了用戶信息的具體組成數(shù)據(jù)。表2-1用戶信息描述數(shù)據(jù)流用戶信息數(shù)據(jù)流出處數(shù)據(jù)庫的用戶信息表。數(shù)據(jù)去處系統(tǒng)界面，用戶界面。數(shù)據(jù)流構成用戶名，用戶密碼，用戶編號。表2-2給出了訂單管理的具體組成數(shù)據(jù)。表2-2訂單管理描述數(shù)據(jù)流訂單管理信息數(shù)據(jù)流出處數(shù)據(jù)庫的訂單表，訂單詳情表數(shù)據(jù)去處用戶訂單詳情界面，訂單處理頁面數(shù)據(jù)流構成用戶ID、訂單ID、茶葉名、收貨人、收貨地址、聯(lián)系方式、訂單狀態(tài)表2-3給出了商品類別信息的具體組成數(shù)據(jù)。表2-3商品類別管理描述數(shù)據(jù)流商品類別信息數(shù)據(jù)流出處數(shù)據(jù)庫的商品類別表、商品詳情表數(shù)據(jù)去處商品詳情界面、商品類別管理界面數(shù)據(jù)流構成商品類別名表2-4給出了商品信息的具體組成數(shù)據(jù)。表2-4商品管理描述數(shù)據(jù)流商品信息數(shù)據(jù)流出處數(shù)據(jù)庫的商品表、商品類別表數(shù)據(jù)去處搜索茶葉界面、茶葉詳情界面、茶葉管理界面數(shù)據(jù)流構成id、茶葉名稱、價格、照片、描述、分類、上下架（2）數(shù)據(jù)處理描述表2-5描述了用戶在登錄頁面輸入正確用戶名和密碼，系統(tǒng)對輸入的數(shù)據(jù)進行驗證，如果數(shù)據(jù)庫里存在此數(shù)據(jù)顯示登錄成功。表2-5用戶身份驗證處理邏輯名稱用戶身份驗證簡述檢查輸入信息的合法性輸入的數(shù)據(jù)流用戶名+密碼處理過程驗證用戶輸入的用戶名和密碼與數(shù)據(jù)庫的用戶表存在是否一致輸出的數(shù)據(jù)流用戶信息、茶葉信息表2-6具體描述了當用戶成功登錄系統(tǒng)后，通過茶葉名查詢茶葉的詳細信息，再根據(jù)查詢后返回的數(shù)據(jù)顯示在界面上。表2-6商品信息查詢處理邏輯名稱商品信息查詢簡述檢查輸入信息的合法性輸入的數(shù)據(jù)流商品名處理過程通過用戶輸入茶葉名進行數(shù)據(jù)庫檢索，查詢具體茶葉商品輸出的數(shù)據(jù)流用戶訂單信息，茶葉商品信息2.4實體關系圖（E-R圖）管理員實體有賬號，密碼，郵箱，電話，年齡屬性，具體如圖2-6所示：圖2-6管理員E-R圖商品信息實體有茶名，價格，圖片等屬性，具體如圖2-7所示：圖2-7商品信息實體ER圖系統(tǒng)整體的實體ER圖，用戶可以添加購物車，有多個收貨地址，對應多個商品，詳情如圖2-8所示：圖2-8系統(tǒng)E-R圖2.5本章小結本章對清飲茶葉銷售系統(tǒng)進行了需求分析，并且進行了系統(tǒng)的功能模塊設計。基本確定清飲茶葉銷售系統(tǒng)的功能的設計主要包括用戶部分查看茶葉商品信息，然后對選中的茶葉商品進行購買。同時滿足用戶對個人信息查看，訂單信息進行查看以及管理員部分對系統(tǒng)進行操作，例如對茶葉商品、系統(tǒng)用戶、訂單等的管理等。最后，文中給出了清飲茶葉銷售的頂層數(shù)據(jù)流圖，并且展示了其下三個組成部分的詳細數(shù)據(jù)流程圖。展示了商品信息的實體ER圖，系統(tǒng)整體的實體ER圖，對接下來的開發(fā)設計有了明確的思路。

第3章系統(tǒng)設計3.1系統(tǒng)設計3.1.1系統(tǒng)總體架構設計互聯(lián)網(wǎng)的快速發(fā)展使得系統(tǒng)應用的規(guī)模不斷擴大。不斷增長的需求帶來技術上的壓力。系統(tǒng)架構因此也不斷的演進、升級。從單一應用演變?yōu)榇怪辈鸱郑俚浆F(xiàn)在炙手可熱的微服務架構，在微服務中的每一個服務都對應唯一的業(yè)務能力，進而可以做到單一職責，雖然服務小，基本功能卻齊全。不需要特別的關注服務的技術實現(xiàn)，可以做到不限定實現(xiàn)技術，跟你所用的平臺和語言無關，你只需要提供Rest的接口。清飲茶葉銷售系統(tǒng)采用的是前后端分離開發(fā)，組件化的開發(fā)思想可以大大減少重復工作和代碼維護。圖3-1微服務結構圖清飲茶葉銷售系統(tǒng)采用了多層B/S（Browser/Server）架構，開發(fā)依賴VisualStudioCode及Node.js、數(shù)據(jù)存儲有MySQL數(shù)據(jù)庫，前端開發(fā)使用的是VUE框架，后端開發(fā)使用了Node.js。3.1.2數(shù)據(jù)庫設計清飲茶葉銷售系統(tǒng)主要功能是讓用戶瀏覽茶葉商品的信息并進行購物等一系列操作，涉及到數(shù)據(jù)的保存與交互，建立一個好的數(shù)據(jù)庫可以增強系統(tǒng)的運行效果，清飲茶葉銷售系統(tǒng)的后臺數(shù)據(jù)庫是mysql數(shù)據(jù)庫?，F(xiàn)對系統(tǒng)所使用到的數(shù)據(jù)表結構進行展示。根據(jù)系統(tǒng)需求分析，系統(tǒng)需要建立一些數(shù)據(jù)庫表來保存各種的信息，例如用戶的信息，管理員的信息，購物車信息茶葉的信息等數(shù)據(jù)表，主要數(shù)據(jù)庫表的設計如下：（1）用戶表（user）用戶表用來記錄用戶基本信息，具體結構如表3-1所示：表3-1用戶表字段名稱類型大小主鍵功能描述usernameVarchar255用戶賬號PasswordVarchar255用戶密碼useridInt255是用戶編號（2）管理員表（admin）管理員表用來保存管理員基礎信息，具體結構如表3-2所示：表3-2管理員表字段名稱類型大小主鍵功能描述adminIDInt255是編號usernamevarchar255管理員賬號passwordvarchar255管理員密碼emailvarchar255郵箱mobilevarchar255電話ageInt11年齡（3）商品表（tea）商品表用來記錄商品實體的一些基本信息，結構如表3-3所示：表3-3商品表字段名稱類型大小主鍵功能描述teaidint11是商品idteanamevarchar255茶名priceint11價格teaDescribevarchar255描述categoryvarchar255分類is_sellvarchar255上下架teaImgvarchar255圖片cateidsmallint6狀態(tài)（4）訂單表（orderlist）訂單表用于記錄訂單的基礎信息，結構如表3-4所示：表3-4訂單表字段名稱類型大小主鍵功能描述orderidint11是訂單idordernumbervarchar10訂單編號teanamevarchar255商品名稱usernamevarchar255收貨人mobilevarchar255聯(lián)系方式order_statusvarchar255訂單狀態(tài)addressvarchar255收貨地址（4）收貨信息表（recevice_goods）此表用于記錄用戶id，收貨人姓名，電話，地址等，具體如表3-5所示：表3-5收貨信息表字段名稱類型大小主鍵功能描述useridint11用戶idIdInt11是收貨地址idaddressvarchar255收貨地址mobilevarchar255收貨電話recenamevarchar255收貨人姓名3.1.3系統(tǒng)模塊的設計1.用戶注冊模塊用戶注冊是用戶能夠登陸清飲茶葉銷售系統(tǒng)的前提，用戶想體驗系統(tǒng)完整功能必須先要進行注冊。用戶注冊流程具體如下，進入注冊頁面，填寫符合校驗規(guī)則的用戶數(shù)據(jù)，點擊“注冊”按鈕進行用戶注冊，系統(tǒng)會對用戶輸入的賬號跟密碼進行格式檢查校對，校對成功跳到登錄頁面。具體的流程圖如下圖3-2所示：圖3-2用戶注冊流程圖2.登陸模塊用戶在登錄頁面輸入用戶名跟密碼，對“登陸”按鈕進行點擊，系統(tǒng)進行數(shù)據(jù)對比，將用戶輸入的賬號和密碼與數(shù)據(jù)庫中數(shù)據(jù)進行對比，存在則登陸成功，用戶名不存在或密碼錯誤，出現(xiàn)登錄失敗，用戶重新登錄。通過驗證的用戶可以訪問清飲茶葉銷售系統(tǒng)。具體的流程圖如下圖3-3所示：圖3-3用戶登陸流程圖3.新增茶葉模塊新增茶葉功能是管理員對銷售系統(tǒng)所出售的茶葉產(chǎn)品進行更新。其具體的流程圖如下圖3-4所示：圖3-4茶葉新增流程圖4.購物車模塊購物車模塊是清飲茶葉系統(tǒng)的基礎邏輯模塊，用戶瀏覽茶葉商品，可以點擊查看茶葉詳情，可以先加入購物車中再對選中商品進行編輯。其具體的流程圖如下圖3-5所示：圖3-5購物車流程圖5.訂單管理模塊訂單管理模塊此時管理員可以對全部訂單進行查看，也可以修改收貨人的信息或者刪除訂單。其具體的流程圖如下圖3-6所示：圖3-6訂單管理流程圖3.2本章小結本章對基于微服務的清飲茶葉銷售系統(tǒng)的總體架構進行了解說，詳細的介紹了什么是微服務，以及微服務給我們帶來的便利，以及清飲茶葉銷售系統(tǒng)的數(shù)據(jù)庫設計詳情，使用數(shù)據(jù)庫表來保存一些相關的信息，例如用戶的賬號密碼信息，管理員的基礎信息，茶葉商品信息，并且展示了注冊登錄模塊，新增茶葉模塊，購物車模塊，訂單管理模塊的設計流程圖。

第4章系統(tǒng)實現(xiàn)根據(jù)上一章的系統(tǒng)模塊的設計，本章給出了它們的實現(xiàn)。下面分別是它們實現(xiàn)的界面效果。4.1注冊登陸模塊的實現(xiàn)圖4-1戶注冊實現(xiàn)的頁面，當用戶輸入符合驗證規(guī)則的用戶名和密碼，點擊“注冊”按鍵進行點擊后將進行數(shù)據(jù)庫操作。圖4-1用戶注冊界面圖4-2用戶登錄實現(xiàn)頁面，用戶在登陸界面輸入成功注冊賬號密碼，點擊“登陸”按鍵，進行登陸操作。圖4-2用戶登陸界面用戶在登陸界面輸入成功注冊賬號密碼，點擊“登陸”按鍵，系統(tǒng)進行數(shù)據(jù)庫信息驗證，將核對用戶輸入數(shù)據(jù)與數(shù)據(jù)庫的用戶表中數(shù)據(jù)是否一致，假如與表中數(shù)據(jù)核對一致，則登陸成功，生成用戶首頁。用戶登陸成功后轉(zhuǎn)首頁如圖4-3：圖4-3用戶登錄成功操作界面管理員在登陸界面輸入賬號密碼，點擊“登陸”按鍵，將核對管理員輸入數(shù)據(jù)與數(shù)據(jù)庫的管理員表中數(shù)據(jù)是否一致，假如與表中數(shù)據(jù)核對一致，則登陸成功，管理員登陸頁面如圖4-4：圖4-4管理員登錄界面管理員在登陸界面輸入賬號密碼，點擊“登陸”按鍵系統(tǒng)進行管理員身份驗證，將核對管理員輸入數(shù)據(jù)與數(shù)據(jù)庫的管理員表中數(shù)據(jù)是否一致，數(shù)據(jù)核對一致，則登陸成功。登陸成功后的首頁如圖4-5：圖4-5管理員操作主頁面4.2茶葉管理模塊的實現(xiàn)商品列表界面上包含了茶葉的基本信息，刪除，編輯和新增按鈕與搜索框?qū)崿F(xiàn)模糊搜索。商品列表界面如圖4-6：圖4-6茶葉列表界面管理員新增商品模塊界面上包含了新增茶葉的基本信息，如：茶葉、價格、描述、分類和上下架后，單擊“保存”按鈕將進行保存操作。實現(xiàn)界面如圖4-7：圖4-7新增商品界面圖4-8是模糊搜索實現(xiàn)的界面圖，輸入商品名，點擊“搜索”按鈕。圖4-8搜索商品界面圖4-9是管理員進入商品分類的界面圖，界面上包含了茶葉的基本分類，可以刪除，編輯和新增類別。圖4-9茶葉分類界面管理員修改商品信息界面，點擊“修改”按鈕開始編輯，單擊“確認”按鈕將進行保存操作。修改商品信息界面實現(xiàn)如圖4-10：圖4-10修改商品信息界面4.3訂單管理的實現(xiàn)管理員訂單管理界面上包含了訂單管理的基本操作，可以修改或刪除訂單，可以搜索訂單，管理員訂單管理界面實現(xiàn)如圖4-11：圖4-11訂單管理界面管理員點擊編輯“編輯”按鈕，可以修改訂單的收貨人名字，地址，電話。修改訂單信息實現(xiàn)的界面如圖4-12：圖4-12修改訂單信息界面4.4購物車模塊的實現(xiàn)用戶查看茶葉詳情，看到符合心意的茶葉先選擇購物數(shù)量再點擊“加入購物車”按鍵將商品加入購物車或點擊“立即購買”按鈕，直接下單，商品詳情界面如圖4-13：圖4-13商品詳情界面當用戶成功添加商品后，可以在對將購買的茶葉數(shù)量進行編輯，可以一鍵刪除茶葉，點擊去付款進行下單操作，購物車實現(xiàn)界面如圖4-14：圖4-14購物車實現(xiàn)界面4.5本章小結本章主要展示了清飲茶葉銷售系統(tǒng)的注冊登陸模塊實現(xiàn)圖、茶葉管理模塊實現(xiàn)圖、訂單管理模塊實現(xiàn)圖、購物車模塊實現(xiàn)圖，至此清飲茶葉銷售系統(tǒng)的整體功能基本實現(xiàn)，有一套較為完善的購物流程。

第5章系統(tǒng)測試5.1系統(tǒng)測試5.1.1測試的意義通過進行詳細的系統(tǒng)測試來發(fā)現(xiàn)系統(tǒng)分析和設計過程中的錯誤。我們希望通過在系統(tǒng)測試中發(fā)現(xiàn)存在的錯誤與缺陷，并加以改進，增加系統(tǒng)的可用性，一個好的系統(tǒng)必須經(jīng)過安全測試，保證系統(tǒng)不受非法侵入，并且測試系統(tǒng)在正常數(shù)據(jù)量以及超負荷量的情況下是否還能正常地工作。經(jīng)過測試，在系統(tǒng)實際投入使用過程中不出現(xiàn)大問題，避免產(chǎn)生巨大的經(jīng)濟損失，造成系統(tǒng)不可用的后果。5.1.2測試的目的測試的目的要發(fā)現(xiàn)系統(tǒng)存在但沒被發(fā)現(xiàn)的問題，解決問題，通過問題的共性來預防系統(tǒng)未來有可能出現(xiàn)的問題，降低系統(tǒng)在實際使用過程中出現(xiàn)故障的幾率，測試是非常重要的一個環(huán)節(jié)，系統(tǒng)往往會存在著許多被我們忽略的小問題，不通過測試模擬在實際使用情況下排查出問題，將會是很大的隱患，測試可以保證系統(tǒng)的安全性跟可靠性。5.1.3軟件測試方法常用的測試方法有白盒測試法與黑盒測試法，通過這個測試可以清楚的排查到系統(tǒng)內(nèi)部結構是否存在問題，為保證測試的完整性，還要從動態(tài)，靜態(tài)這兩個方面對系統(tǒng)進行嚴苛的各個模塊測試。為保證清飲茶葉銷售系統(tǒng)最終可以正常交付使用，對其分別進行三大基本測試，系統(tǒng)成功抵御非法入侵，通過了安全性測試，在同一時間，不斷增加訪問量，系統(tǒng)保證正常運行，通過性能測試強度測試，并設計大量測試案例，對系統(tǒng)每個功能小模塊分別進行驗證，具體實驗數(shù)據(jù)都符合預定期望值，對小問題進行排查處理，保證系統(tǒng)的可用行。5.2測試用例及測試結果 系統(tǒng)的測試用例比較多，所以只給出了清飲茶葉銷售系統(tǒng)的部分測試用例及相應的測試結果來說明本次系統(tǒng)測試的具體情況，用戶登錄測試，采用黑盒測試建立等價類進行對比，具體如表5-1所示：表5-1用戶登錄測試測試用例測試結果第1組：用戶名：密碼：zqhao第2組：用戶名：張三 密碼：第3組：用戶名：趙五密碼：4256第4組：用戶名：李四密碼：0123用戶名不能為空密碼不能為空密碼錯誤，請重新登錄此用戶名已存在2.其余測試用例，測試結果如表5-2所示：表5-2測試用例表編號測試用例簡稱測試用例名稱測試目的測試結果1Qingyintest-1清飲茶葉系統(tǒng)測試用例t001測試系統(tǒng)是否能拿到商品詳細信息用戶能正?？吹讲枞~規(guī)格參數(shù)信息2Qingyintest-2清飲茶葉系統(tǒng)測試用例t002測試管理員是否能新增茶葉數(shù)據(jù)管理員新增茶葉商品成功3Qingyintest-3清飲茶葉系統(tǒng)測試用例t003測試數(shù)據(jù)庫連接與存儲是否正常數(shù)據(jù)庫連接正常，可以存儲數(shù)據(jù)4Qingyintest-4清飲茶葉系統(tǒng)測試用例t004測試管理員能否能新增，修改種類可以正常新增，修改茶葉的種類5Qingyintest-5清飲茶葉系統(tǒng)測試用例t005測試用戶能否查看自己的收貨地址用戶可以正常查看自己的收貨地址6Qingyintest-6清飲茶葉系統(tǒng)測試用例t006測試用戶能否能新增收貨地址可以新增收貨地址并存入數(shù)據(jù)庫7Qingyintest-7清飲茶葉系統(tǒng)測試用例t007測試管理員能否新增茶葉分類管理員成功新增某一種茶葉分類8Qingyintest-8清飲茶葉系統(tǒng)測試用例t008測試能否正常的搜索商品測試結果輸入商品名可以搜索商品9Qingyintest-9清飲茶葉系統(tǒng)測試用例t009測試頁面的鏈接情況是否正常，能否正常的跳轉(zhuǎn)鏈接正常，頁面可以正常跳轉(zhuǎn)，并成功的顯示10Qingyintest-10清飲茶葉系統(tǒng)測試用例t010測試系統(tǒng)的連接速度是否正常頁面間連接速度無異常，跳轉(zhuǎn)正常11Qingyintest-11清飲茶葉系統(tǒng)測試用例t011測試用戶輸入的賬號，密碼等表單信息能否正常提交表單信息提交無異常，數(shù)據(jù)交互正常無誤12Qingyintest-12清飲茶葉系統(tǒng)測試用例t012Cookies是否正常工作存儲保存數(shù)據(jù)Cookies正常工作數(shù)據(jù)保存成功無誤5.3本章小結本章首先對軟件測試的意義、目的和軟件測試進行了簡單的介紹，再對數(shù)據(jù)庫的連接情況是否正常，用戶輸入數(shù)據(jù)是否能正常讀取，對管理員登錄建立無效等價類對比，設置不同測試案例成功驗證的登錄功能正常。給出了其余測試案例及測試過程中相應的測試結果。通過實際使用系統(tǒng)測試功能，不僅排查出一些小問題，更加明白了系統(tǒng)測試的重要性。

第6章結束語6.1全文總結本文給出了清飲茶葉銷售系統(tǒng)的開發(fā)過程。系統(tǒng)采用java語言為開發(fā)語言，數(shù)據(jù)庫采用的是MySQL。而系統(tǒng)中用到的用例圖以及體系結構圖等是采用億圖圖示專家軟件繪制的。論文首先闡述了系統(tǒng)開發(fā)中應用的關鍵技術和開發(fā)環(huán)境，如VisualStudioCode，node.js平臺、基于微服務設計模式及其優(yōu)缺點、前后端分離的運行機制和開發(fā)優(yōu)點等。對清飲茶葉銷售系統(tǒng)進行需求分析，進行總體設計和功能模塊設計。根據(jù)清飲茶葉銷售系統(tǒng)的要求，系統(tǒng)的功能的設計主要包括登錄注冊、訂單管理、茶葉商品管理等幾模塊。綜上所述，本文通過對VisualStudioCode開發(fā)平臺、數(shù)據(jù)庫SQLServer、MVVC設計模式及使用Vue構建用戶界面的漸進式JavaScript框架等相關知識的應用，給出了一個清飲茶葉銷售系統(tǒng)的開發(fā)實例。6.2課題展望計算機科學技術與互聯(lián)網(wǎng)快速發(fā)展的同時人們的生活消費方式也在發(fā)生著巨大的改變?！盎ヂ?lián)網(wǎng)+”是時代發(fā)展的新潮流，茶葉也從傳統(tǒng)行業(yè)大步邁向電商領域，由于當前茶葉電商化過程還存在著一些問題，開發(fā)一個好的的茶葉銷售系統(tǒng)是勢在必行的。在今天，互聯(lián)網(wǎng)就是茶葉最好的傳播媒體。雖然我國茶葉電商化程度與國際的專業(yè)水平還有著不少的距離，但是互聯(lián)網(wǎng)+茶葉政策的推行使茶葉銷售電商化也在快速發(fā)展，有著良好的發(fā)展前景。雖然清飲茶葉銷售系統(tǒng)由于開發(fā)時間短，技術不足等情況，導致系統(tǒng)還有缺點與不足之處，系統(tǒng)功能還不夠完善，只是實現(xiàn)了較少的功能，市場調(diào)研不夠充分，實際相關數(shù)據(jù)不夠多，功能模塊不夠完善，但是做出一個可用的茶葉銷售系統(tǒng)是我的追求，在以后的設計過程解決問題，爭取做到更好。

參考文獻[1]孫衛(wèi)琴.Tomcat與JavaWeb開發(fā)技術詳解（第2版）[M].北京：電子工業(yè)出版社，2009:100-200[2]陳雄華.Spring企業(yè)級應用開發(fā)詳解[M].北京：電子工業(yè)出版社，2009.:119-250[3]霍斯特曼科內(nèi)爾.Java核心技術[M].北京：機械工業(yè)出版社，2014.:180-300[4]楊莉莉.以用戶體驗為導向的電商購物網(wǎng)站界面設計研究[D].上海：華東理工大學，2013.:89-100[5]畢建信.基于MVC設計模式WEB應用研究與實現(xiàn)[D].武漢：武漢理工大學，2006.:50-80MarinescuF．EJBdesignpatterns[M]．NewYork:WileyComputerPublishing，2002：121~180[7]李國娟.基于JavaEE架構的網(wǎng)上購物系統(tǒng)的設計與實現(xiàn)[D].河北：河北工業(yè)大學