基于SpingBoot和Vue的前后端分離外賣系統(tǒng)的設(shè)計

第3章系統(tǒng)分析3.1可行性分析在項目設(shè)計工作開展之初，最重要的就是對需要開發(fā)的項目進(jìn)行可行性分析，做好針對整個項目的可行性分析工作，可以在開發(fā)的時候減少不必要的麻煩，提高系統(tǒng)開發(fā)的效率，同時也可以降低開發(fā)的風(fēng)險。下面將從技術(shù)、操作、經(jīng)濟(jì)可行性，三個方面進(jìn)行分析。3.1.1技術(shù)可行性這個系統(tǒng)采用了B/S架構(gòu)，它的優(yōu)勢在于它的簡單性和可靠性。它的連接方式非常簡單，并且在當(dāng)前的網(wǎng)絡(luò)平臺上非常流行。它的實現(xiàn)方式是完全可行的。通過將Spring+SpringMVC+MybatisPlus結(jié)合起來，我們能夠有效地降低開發(fā)風(fēng)險，同時也能夠更好地保證后續(xù)的維護(hù)工作。此外，多個視圖模板的結(jié)合，大大提升了代碼的可重用性。為了實現(xiàn)前臺頁面的功能，我們采用Jsp與BootStrap組件庫的結(jié)合，只需要在庫中找到相應(yīng)的資料即可。3.1.2操作可行性系統(tǒng)的可用度取決于系統(tǒng)的操作性。系統(tǒng)的操作方式易于操作和易于理解，主頁界面整潔有序，功能排列有序，用戶無需具備相關(guān)技能，可直接對系統(tǒng)進(jìn)行操作。3.1.3經(jīng)濟(jì)可行性該系統(tǒng)旨在幫助消費者更好地掌握外賣市場，并為他們的商業(yè)決策帶來更多的便利。通過對消費者的個性化定制，我們能夠更有針對性地滿足消費者的各種要求，并且能夠有效地減少運(yùn)營成本。此外，我們還能夠更好地加強(qiáng)對消費者的監(jiān)督。由于這個原理，這個系統(tǒng)給了我們巨大的經(jīng)濟(jì)收入，并且具有很強(qiáng)的實用價值。3.2需求分析3.2.1功能需求分析 該管理系統(tǒng)面向兩種角色：外賣店鋪管理員、外賣購買用戶及外賣賣家。1.外賣購買用戶登錄該系統(tǒng)后能實現(xiàn)以下功能：（1）外賣購買用戶可在線更改密碼。（2）外賣購買用戶可更新詳細(xì)個人信息。（3）外賣購買用戶可查看外賣商品信息。（4）外賣購買用戶可以在線評論購買的產(chǎn)品。（5）外賣購買用戶可以將想要買的商品加入購物車并進(jìn)行購買。（6）外賣購買用戶可以查看訂單狀態(tài)。用戶用例圖如圖3.1所示注冊登錄注冊登錄購物車管理購物車管理商品購買商品購買商品評價商品評價圖3.1圖3.1用戶用例圖2.進(jìn)入系統(tǒng)后，外賣賣家可以執(zhí)行以下功能：（1）商品信息：管理所有商品信息。（2）配送人員管理：可以添加配送人員和附加配送人員信息。（3）商品評價管理：查詢商品評價信息并管理。（4）訂單管理：可以添加、修改、刪除訂單信息。賣家用例圖如圖3.2所示：

訂單管理訂單管理商品信息管理評價查看配送管理商品分類管理 圖3.2賣家用例圖3.進(jìn)入管理系統(tǒng)后，管理員可以執(zhí)行以下功能：（1）業(yè)務(wù)管理：用戶管理、商鋪管理、食品管理、訂單管理、評價管理、配送員管理、購物車管理。（2）系統(tǒng)管理：菜單管理、部門管理、用戶管理、角色管理、任務(wù)管理、字典管理、參數(shù)管理。（3）運(yùn)維管理：監(jiān)控管理、接口文檔、登陸日志、業(yè)務(wù)日志。（4）消息管理：歷史消息、消息模板、消息發(fā)送器。管理員用例圖如圖3.3所示： 業(yè)務(wù)管理系統(tǒng)管理運(yùn)維管理消息管理業(yè)務(wù)管理系統(tǒng)管理運(yùn)維管理消息管理圖3.3管理員用例圖3.2.2非功能需求分析外賣管理系統(tǒng)的非功能性需求包括易操作性、可靠性。（1）易操作性由于用戶缺乏相關(guān)知識，繁瑣的功能操作會不利于系統(tǒng)的宣傳和推廣。因此，本系統(tǒng)設(shè)計的易于操作，用戶通過說明可以很輕松的完成使用，從而完成想實現(xiàn)的功能。（2）可靠性軟件系統(tǒng)的可靠性對于工作管理和功能性業(yè)務(wù)流程的實際運(yùn)作至關(guān)重要。為確保系統(tǒng)具有良好的可靠性，采用數(shù)據(jù)的主從備份以及服務(wù)器的主從服務(wù)。第4章系統(tǒng)設(shè)計4.1系統(tǒng)結(jié)構(gòu)設(shè)計該系統(tǒng)基于N-Tiers的設(shè)計理念，并將其劃分成3個層面：數(shù)據(jù)訪問層、操作邏輯層以及顯示層。當(dāng)中，數(shù)據(jù)訪問層負(fù)責(zé)處理基礎(chǔ)的數(shù)據(jù)，如增加、更新、移動、檢索等。而MVC層則負(fù)責(zé)實施更復(fù)雜的功能，以提高整個系統(tǒng)的效率。通過建立在業(yè)務(wù)邏輯和表示層之上的架構(gòu)，我們可以更好地控制和管理整個系統(tǒng)的運(yùn)行，從而更好地滿足客戶的需求。這個系統(tǒng)使用了當(dāng)前最流行的JavaEE技術(shù)來實現(xiàn)。它使用了Spring、SpringMVC、SSM、JSP和JavaScript等框架，并使用Mysql和Redis數(shù)據(jù)庫來支持文件存儲和持久化。系統(tǒng)信息。外賣管理系統(tǒng)的功能結(jié)構(gòu)設(shè)計如圖4.1所示。圖4.1系統(tǒng)功能結(jié)構(gòu)圖

4.2數(shù)據(jù)庫設(shè)計4.2.1概念結(jié)構(gòu)設(shè)計在業(yè)務(wù)流程中，買家會把自己喜歡的商品放進(jìn)購物車或收藏夾，這樣就可以存儲多個商品。這種集合關(guān)系是一對多的，因為每個買家都會添加一個新的訂單，這個訂單會與商店和其他訂單數(shù)據(jù)相關(guān)聯(lián)，保留了所有的產(chǎn)品信息。訂單和交易是多對一的，訂單和訂單明細(xì)是一對一的。賣家發(fā)貨，買家收貨，然后對訂單中的商品進(jìn)行審核。一個產(chǎn)品可以有多個商評，但無論一個訂單購買了多少產(chǎn)品，買家只能對同一個產(chǎn)品進(jìn)行一次評價。圖4.2系統(tǒng)E-R圖

1.用戶實體—屬性圖如圖4.3所示。用戶信息用戶信息性別郵箱手機(jī)號碼添加用戶名密碼賬戶余額圖4-3用戶實體屬性圖2.訂單實體-屬性圖如圖4.4所示：訂單訂單購買數(shù)量商品id用戶id配送員訂單號收獲地址付款價格圖4-4訂單實體屬性圖3.購物車實體-屬性圖如圖4.5所示：用戶id用戶id添加時間購買數(shù)量商品id創(chuàng)建時間更新時間購物車圖4-5購物車實體屬性圖4.商品實體-屬性圖如圖4.6所示：商品名稱商品名稱商品商品照片商品ID商品庫存商品價格商品介紹圖4-6商品實體流程圖5.訂單發(fā)貨流程圖如圖4-7所示。圖4-7訂單發(fā)貨流程圖

4.2.2邏輯結(jié)構(gòu)設(shè)計數(shù)據(jù)庫表按表4-1~4-13設(shè)計。所有平臺的用戶信息都在用戶表中。根據(jù)角色字段，用戶ID和訪問權(quán)限是分開的。用戶表的主鍵與庫存表、訂單表、評價表等相關(guān)。表4-1用戶表user列名數(shù)據(jù)類型注釋idint主鍵用戶IDnamevarchar用戶登錄名,不能為空passwordvarchar登陸密碼，前臺限制emailvarchar電子郵箱，找回密碼，修改密碼使用roleint用戶身份標(biāo)識0買家6管理員birthdayvarchar生日信息realnamevarchar真實姓名gendervarchar性別place_of_residencevarchar居住地receive_addressvarchar收貨地址telephonevarchar電話receivervarchar收貨人post_codevarchar郵政編碼購物車表存儲了用戶和商品之間的邏輯關(guān)系。購物車的所有者在該表中存儲用戶表的主鍵ID，產(chǎn)品ID在產(chǎn)品表中存儲產(chǎn)品的主鍵。如果表中有基于用戶和商品查詢的記錄，則存在購物車關(guān)系。表4-2購物車表shopping_cart列名數(shù)據(jù)類型注釋sp_idint購物車主鍵IDuser_idint購物車所有者ID（邏輯外鍵）commodity_idint商品ID（邏輯外鍵）commodity_numberint商品數(shù)量checkint是否已被選中0否1是

用于存儲注冊時使用的郵箱地址對應(yīng)的確認(rèn)碼。與用戶表中的郵箱關(guān)聯(lián)。表4-3注冊碼表register_code列名數(shù)據(jù)類型注釋emailvarchar郵箱主鍵IDtest_codevarchar驗證碼訂單信息表對應(yīng)單個訂單。每個訂單至少有一個訂單信息。訂單信息包含訂單的商品信息，其中商品ID和訂單ID為邏輯外鍵。表4-4訂單詳情表order_details列名數(shù)據(jù)類型注釋commodity_idint商品聯(lián)合主鍵ID（邏輯外鍵）commodity_numberint商品數(shù)量order_idint訂單聯(lián)合主鍵ID（邏輯外鍵）stateint訂單狀態(tài)，未支付已支付待發(fā)貨等購買商品時創(chuàng)建的訂單存儲在訂單表中。保存訂單的時間、價格、地址等，其中buyerID，或者customerID，訂單所屬店鋪ID是邏輯引用鍵。表4-5訂單表order列名數(shù)據(jù)類型注釋order_idint訂單主鍵IDorder_user_idint訂單客戶ID（邏輯外鍵）order_store_idint訂單店鋪ID（邏輯外鍵）order_timevarchar訂單時間order_pricedouble訂單價格order_stateint訂單狀態(tài)，未支付已支付待發(fā)貨等addressvarchar收貨地址liaisonvarchar收貨人telephonevarchar聯(lián)系方式用于找回密碼的電子郵件地址對應(yīng)的確認(rèn)碼。與用戶表中的郵箱關(guān)聯(lián)。表4-6找回密碼表modify_password列名數(shù)據(jù)類型注釋user_idint用戶主鍵ID（邏輯外鍵）test_codevarchar驗證碼表中用于存儲采集率的兩個字段，用戶ID和產(chǎn)品ID，是邏輯外鍵。表中記錄的存在表明集合關(guān)系的存在。

表4-7商品收藏表favorites_commoditylist列名數(shù)據(jù)類型注釋user_idint用戶聯(lián)合主鍵ID（邏輯外鍵）favorite_commodity_idint商品聯(lián)合主鍵ID（邏輯外鍵）商品表是一種記錄商品信息的工具，它包含了商品的名稱、當(dāng)前的庫存情況以及價格等內(nèi)容。其中，店鋪ID和類目ID是與商品表有著千絲萬縷聯(lián)系的重要組成部分。表4-8商品表commodity列名數(shù)據(jù)類型注釋commodity_idint主鍵商品IDcommodity_namevarchar商品名稱commodity_pricedouble商品價格commodity_picturevarchar商品圖片shelfint庫存量commodity_hotint是否熱門商品commodity_stockint是否上架0-下架1-上架commodity_weightdouble凈重commodity_floatdouble實際重量commodity_levelvarchar商品品級commodity_catagory_idint商品所屬分類ID（邏輯外鍵）commodity_introducevarchar商品介紹commodity_salesvolumeint商品銷量commodity_poster_picture1varchar商品介紹圖片1commodity_poster_picture1varchar商品介紹圖片2commodity_poster_picture1varchar商品介紹圖片3commodity_currentpricedouble商品現(xiàn)價評論表用于存儲評論信息、評分等。評論者ID、評論所屬的訂單ID、評論的商品ID，這三個屬性是邏輯外鍵。一個訂單可以附多條review，但如果訂單關(guān)聯(lián)的訂單信息中只有一個item，則只會附一條review。同時，評論也與產(chǎn)品和訂單密切相關(guān)。

表4-9評論表comment列名數(shù)據(jù)類型注釋comment_idint主鍵評論IDcomment_scoredouble評分comment_timevarchar評價時間comment_user_idint評價者用戶ID（邏輯外鍵）comment_commodity_idint評價的商品ID（邏輯外鍵）comment_order_idint評價所屬的訂單ID（邏輯外鍵）comment_contentvarchar評價內(nèi)容存入商城首頁的廣告圖片，和跳轉(zhuǎn)。表4-10廣告表ad列名數(shù)據(jù)類型注釋ad_idint主鍵廣告IDad_imagevarchar廣告圖片ad_urlvarchar廣告跳轉(zhuǎn)鏈接存放商城的物品分類信息。表4-11商品分類表category列名數(shù)據(jù)類型注釋category_idint分類IDcategory_namevarchar分類名稱

第5章系統(tǒng)實現(xiàn)5.1注冊登陸管理1.登陸管理員賬號管理；界面如圖5.1所示：圖5.1管理員登陸界面2.登陸管理員賬號，可以查看到銷售統(tǒng)計板塊，包括新入住商家、用戶、消息、今日收入、用戶來源和地區(qū)分布等詳細(xì)信息；界面如圖5.2所示：圖5.2管理員界面3.進(jìn)行用戶的注冊與登陸操作；界面如圖5.3所示：圖5.3用戶注冊界面4.注冊成功后登陸輸入錯誤密碼；提示界面如圖5.4所示：圖5.4密碼錯誤提醒5.注冊成功后忘記密碼；修改密碼界面如圖5.5所示：圖5.5修改密碼界面6.修改成功后登陸；成功登陸界面如圖5.6所示：圖5.6登陸用戶界面關(guān)鍵代碼如下：<divclass="loginContainer"><head-top:head-title="loginWay?'登錄':'密碼登錄'"goBack="true"><!--<divslot="changeLogin"class="change_login"@click="changeLoginWay">{{loginWay?"密碼登錄":"短信登錄"}}</div>--></head-top><formclass="loginForm"v-if="loginWay"><sectionclass="input_containerphone_number"><inputtype="text"placeholder="賬號密碼隨便輸入"name="phone"maxlength="11"v-model"><button@click.prevent="getVerifyCode":class="{right_phone_number:rightPhoneNumber}"v-show="!computedTime">獲取驗證碼</button><button@click.preventv-show="computedTime">已發(fā)送({{computedTime}}s)</button></section><sectionclass="input_container"><inputtype="text"placeholder="驗證碼"name="mobileCode"maxlength=""></section></form><formclass="loginForm"v-else><sectionclass="input_container"><inputtype="text"placeholder="賬號"v-model.lazy="userAccount"></section><sectionclass="input_container"><inputv-if="!showPassword"type="password"placeholder="密碼"v-model="passWord"><inputv-elsetype="text"placeholder="密碼"v-model="passWord"><divclass="button_switch":class="{change_to_text:showPassword}"><divclass="circle_button":class="{trans_to_right:showPassword}"@click="changePassWordType"></div><span>abc</span><span>...</span></div></section><sectionclass="input_containercaptcha_code_container"><inputtype="text"placeholder="驗證碼"maxlength="4"v-model="codeNumber"><divclass="img_change_img"><imgv-show="captchaCodeImg":src="captchaCodeImg"><divclass="change_img"@click="getCaptchaCode"><p>看不清</p><p>換一張</p></div></div></section></form><pclass="login_tips">溫馨提示：未注冊過的賬號，登錄時將自動注冊</p><pclass="login_tips">注冊過的用戶可憑賬號密碼登錄</p><divclass="login_container"@click="mobileLogin">登錄</div><router-linkto="/forget"class="to_forget"v-if="!loginWay">重置密碼？</router-link><alert-tipv-if="showAlert":showHide="showAlert"@closeTip="closeTip":alertText="alertText"></alert-tip></div></template><script>importheadTopfrom'../../components/header/head'importalertTipfrom'../../components/common/alertTip'import{localapi,proapi,imgBaseUrl}from'src/config/env'import{mapState,mapMutations}from'vuex'import{mobileCode,checkExsis,sendLogin,getcaptchas,accountLogin}from'../../service/getData'exportdefault{data(){return{loginWay:false,//登錄方式，默認(rèn)短信登錄showPassword:false,//是否顯示密碼phoneNumber:null,//電話號碼mobileCode:null,//短信驗證碼validate_token:null,//獲取短信時返回的驗證值，登錄時需要computedTime:0,//倒數(shù)記時userInfo:null,//獲取到的用戶信息userAccount:null,//用戶名passWord:null,//密碼captchaCodeImg:null,//驗證碼地址captchCodeId:null,//驗證碼idcodeNumber:null,//驗證碼showAlert:false,//顯示提示組件alertText:null,//提示的內(nèi)容5.2用戶管理1.管理員登錄賬號后，可以對已注冊的用戶進(jìn)行資料更改及凍結(jié)刪除操作；界面如圖5.7所示：圖5.7用戶管理界面2.管理員登錄賬號后，可以對已注冊商家進(jìn)行資料更改及凍結(jié)刪除操作；界面如圖5.8所示：圖5.8商鋪管理界面3.管理員登錄賬號后，可以對配送員進(jìn)行資料更改及刪除操作；界面如圖5.9所示：圖5.9配送員管理界面5.3個人資料管理1.用戶進(jìn)入系統(tǒng)后登錄個人賬號，輸入已注冊的賬戶進(jìn)入系統(tǒng)。界面如圖5.10所示：圖5.10用戶登錄界面2..用戶賬戶密碼正確后進(jìn)入系統(tǒng)后可以修改個人信息。個人信息界面如圖5.11所示：圖5.11用戶資料管理界面關(guān)鍵代碼如下：<template><div><sectionv-if="!showLoading"class="shop_container"><navclass="goback"@click="goback"><svgwidth="4rem"height="100%"xmlns="/2000/svg"version="1.1"><polylinepoints="12,184,912,0"style="fill:none;stroke:rgb(255,255,255);stroke-width:3"/></svg></nav><headerclass="shop_detail_header"ref="shopheader":style="{zIndex:showActivities?'14':'10'}"><divclass="header_cover_img_con"><img:src="imgBaseUrl+shopDetailData.image_path"class="header_cover_img"></div><sectionclass="description_header"><router-linkto="/shop/shopDetail"class="description_top"><sectionclass="description_left"><img:src="imgBaseUrl+shopDetailData.image_path"></section>5.4訂單管理1.登錄買家賬號后，對已通過注冊商家商品訂單進(jìn)行購買操作；界面如圖5.12所示：圖5.12賣家商品界面2.可以選擇相應(yīng)的商品及商品詳情口味等進(jìn)行添加購物車操作；界面如圖5.13所示：圖5.13商品詳情界面3.選擇相應(yīng)的商品后可以成功添加購物車；界面如圖5.14所示：圖5.14商品加入購物車界面4.添加購物車后可以對相應(yīng)訂單進(jìn)行結(jié)算；界面如圖5.15所示：圖5.15訂單結(jié)算界面4.點擊結(jié)算后可以產(chǎn)生相應(yīng)訂單信息；界面如圖5.16所示：圖5.16相應(yīng)訂單界面2.登錄賣家賬號后，本界面可以查詢訂單信息并進(jìn)行操作；界面如圖5.17所示：圖5.17賣家訂單管理界面3.登錄管理員賬號后，對已完成或正在進(jìn)行的訂單進(jìn)行操作；界面如圖5.18所示：圖5.18管理員訂單管理界面關(guān)鍵代碼如下：<sectionclass="description_right"><h4class="description_titleellipsis">{{shopDetailD}}</h4><pclass="description_text">商家配送／{{shopDetailData.order_lead_time}}分鐘送達(dá)／配送費￥{{shopDetailData.float_delivery_fee}}</p><pclass="description_promotionellipsis">公告：{{promotionInfo}}</p></section><svgwidth="14"height="14"xmlns="/2000/svg"version="1.1"class="description_arrow"><pathd="M00L87L014"stroke="#fff"stroke-width="1"fill="none"/></svg></router-link><footerclass="description_footer"v-if="shopDetailData.activities.length"@click="showActivitiesFun"><pclass="ellipsis"><spanclass="tip_icon":style="{backgroundColor:'#'+shopDetailData.activities[0].icon_color,borderColor:'#'+shopDetailData.activities[0].icon_color}<sectionv-load-more="loaderMoreRating"type="2">5.5評價管理1.登錄管理員賬號，進(jìn)入管理員頁面，管理評價關(guān)鍵字字典，界面如圖5.19所示：圖5.19管理員關(guān)鍵字字典界面2.登錄賬號，進(jìn)入商家詳情頁面，賣家及用戶都可以查看商家商品評價界面如圖5.20所示：圖5.20評價管理關(guān)鍵代碼如下：<headerclass="rating_header"><sectionclass="rating_header_left"><p>{{shopDetailData.rating}}</p><p>綜合評價</p><p>高于周邊商家{{(ratingScoresDpare_rating*100).toFixed(1)}}%</p></section><sectionclass="rating_header_right"><p><span>服務(wù)態(tài)度</span><rating-star:rating='ratingScoresData.service_score'></rating-star><spanclass="rating_num">{{ratingScoresData.service_score.toFixed(1)}}</span></p><p><span>菜品評價</span><rating-star:rating='ratingScoresData.food_score'></rating-star><spanclass="rating_num">{{ratingScoresData.food_score.toFixed(1)}}</span></p><p><span>送達(dá)時間</span><spanclass="delivery_time">{{shopDetailData.order_lead_time}}分鐘</span>5.6購物車管理1.登錄買家員賬號，可以選擇相應(yīng)的商品，進(jìn)入購物車頁面，進(jìn)行添商品，界面如圖5.21所示：圖5.21添加購物車2.登錄買家員賬號，進(jìn)行添商品后，可以查看到對應(yīng)結(jié)算界面如圖5.22所示：圖5.22購物車商品詳情3.登錄買家員賬號，進(jìn)行添商品后，結(jié)算商品可以產(chǎn)生對應(yīng)訂單界面如圖5.23所示：圖5.23購物車商品訂單詳情關(guān)鍵代碼如下：<div><head-topsignin-up='msite'><router-link:to="{name:'search',params:{geohash:geohash}}"class="link_search"slot="search"><svgwidth="100%"height="100%"xmlns="/2000/svg"version="1.1"><circlecx="8"cy="8"r="7"stroke="rgb(255,255,255)"stroke-width="1"fill="none"/><linex1="14"y1="14"x2="20"y2="20"style="stroke:rgb(255,255,255);stroke-width:2"/></router-link></div><router-linkto="/home"slot="msite-title"class="msite_title"><spanclass="title_textellipsis">{{msiteTitle}}</span></router-link></div></head-top><navclass="msite_nav"><divclass="swiper-container"v-if="foodTypes.length"><divclass="swiper-wrapper"><divclass="swiper-slidefood_types_container"v-for="(item,index)infoodTypes":key="index"></div>5.7店鋪信息管理1.登錄賣家賬號，可以填寫店鋪詳細(xì)信息及上傳營業(yè)執(zhí)照，等待管理員通過如圖5.24所示：圖5.24店鋪信息填寫2.登錄賣家賬號，可以填寫店鋪商品及滿減活動，等待管理員通過如圖5.25所示：圖5.25店鋪活動填寫3.登錄管理員賬號，可以通過店鋪申請如圖5.26所示：圖5.26店鋪通過申請5.8商品信息管理1.登錄賣家賬號，可以填寫商品詳細(xì)信息，等待管理員通過如圖5.27所示：圖5.27商品信息填寫2.登錄賣家賬號，可以填寫商品風(fēng)味選項如圖5.28所示：圖5.28商品風(fēng)味填寫3.登錄管理員賬號，可以通過商品如圖5.29所示：圖5.29商品通過申請5.9商品分類管理1.登錄管理員賬號，可以為店鋪添加分類如圖5.30所示：圖5.30店鋪添加分類5.登錄管理員賬號，可以為店鋪添加分類如圖5.31所示：圖5.31商品添加分類關(guān)鍵代碼如下：<router-link:to="{path:'/food',query:{geohash,title:foodItem.title,restaurant_category_id:getCategoryId(foodItem.link)}}"v-for="foodIteminitem":key="foodItem.id"class="link_to_food"><headerclass="shop_detail_header"ref="shopheader":style="{zIndex:showActivities?'14':'10'}"><divclass="header_cover_img_con"><img:src="imgBaseUrl+shopDetailData.image_path"class="header_cover_img"></div><sectionclass="description_header"><router-linkto="/shop/shopDetail"class="description_top"><sectionclass="description_left"><img:src="imgBaseUrl+shopDetailData.image_path"></section></svg><spanclass="shop_header_title">店鋪管理</span></header><shop-listv-if="hasGetData":geohash="geohash"></shop-list></div><foot-guide></foot-guide></div>5.10訂單配送管理1.管理員可以選擇相應(yīng)訂單進(jìn)行配送員配送管理。界面如圖5.32所示：圖5.32配送員選擇2.管理員選擇相應(yīng)訂單進(jìn)行配送員配送，配送成功界面如圖5.33所示：圖5.33配送成功關(guān)鍵代碼如下：publicDataSetGetList(stringstrWhere)<StringBuilderstrSql=newStringBuilder();strSql.Append("selectProviderID,ProviderName,ProviderPhone,ProviderEmail,ProviderAddress");strSql.Append("FROMProviderInfo");if(strWhere.Trim()!="")<strSql.Append("where"+strWhere);>returnDbHelperSQL.Query(strSql.ToString());>if(!IsPostBack)<if(Request["id"]!=null){intid=int.Parse(Request["id"].ToString());provide.Delete(id);provide.GetAllList();>else{provide.GetAllList();>>5.11平臺管理登錄管理員賬號，進(jìn)入管理員頁面，可以查看店鋪銷售統(tǒng)計分析，界面如圖5.34所示：圖5.34統(tǒng)計界面登錄管理員賬號，進(jìn)入系統(tǒng)管理頁面，可以進(jìn)行菜單管理、部門管理、用戶管理、角色管理、任務(wù)管理、字典管理、參數(shù)管理，界面如圖5.35所示：圖5.35系統(tǒng)管理登錄管理員賬號，進(jìn)入消息管理頁面，可以進(jìn)行歷史消息、消息模板、消息發(fā)送器管理，界面如圖5.36所示：圖5.36消息管理登錄管理員賬號，進(jìn)入運(yùn)維管理界面，可以監(jiān)控管理、接口文檔、登陸日志、業(yè)務(wù)日志管理，界面如圖5.37所示：圖5.37運(yùn)維管理關(guān)鍵代碼如下：<router-link:to="{path:'/food',query:{geohash,title:foodItem.title,restaurant_category_id:getCategoryId(foodItem.link)}}"v-for="foodIteminitem":key="foodItem.id"class="link_to_food"><figure></div><img:src="imgBaseUrl+foodItem.image_url"><figcaption>{{foodItem.title}}</figcaption></figure></router-link></div><divclass="swiper-pagination"></div><imgsrc="../../images/fl.svg"class="fl_backanimation_opactiy"v-else></nav><divclass="shop_list_container"><headerclass="shop_header"><svgclass="shop_icon"><usexmlns:xlink="/1999/xlink"xlink:href="#shop"></use></svg><spanclass="shop_header_title">運(yùn)維管理</span></header><shop-listv-if="hasGetData":geohash="geohash"></shop-list></div><foot-guide></foot-guide></div>

第6章系統(tǒng)測試軟件開發(fā)后進(jìn)行測試；測試過程應(yīng)該進(jìn)行多個測試用例，由軟件使用者買家進(jìn)行測試。測試人員需記錄錯誤或改進(jìn)點，并與開發(fā)人員溝通優(yōu)化功能。6.1測試方法本系統(tǒng)測試方法采用黑盒測試，黑盒測試是一種以用戶為中心的測試方式，旨在通過測試用戶的體驗，包括用戶界面、操作和外部結(jié)構(gòu)，來評估軟件的性能。這種測試方式不僅僅關(guān)注程序的輸入、輸出，還會關(guān)注程序的內(nèi)部邏輯，以及它的可靠性、可維護(hù)性等。測試用例是根據(jù)系統(tǒng)要執(zhí)行的功能，按照規(guī)范、標(biāo)準(zhǔn)或要求設(shè)計的。測試人員選擇有效和無效的輸入以確保正確的結(jié)果。6.2功能測試6.2.1注冊登陸管理測試用例：用戶進(jìn)行注冊時，輸入需要的信息，測試系統(tǒng)能否正常地進(jìn)行注冊及管理員是否能對用戶進(jìn)行管理操作。編號輸入數(shù)據(jù)預(yù)期結(jié)果實際結(jié)果結(jié)果分析1用戶名:admin密碼：admin確認(rèn)密碼：admin提示信息：注冊成功與預(yù)期結(jié)果相同2用戶名：admin密碼：admi確認(rèn)密碼：admi提示信息：密碼錯誤與預(yù)期結(jié)果相同3用戶名：admin原始密碼：adimin修改密碼：admin1驗證碼：輸入正確驗證碼提示信息：密碼修改成功與預(yù)期結(jié)果相同4輸入合法的數(shù)據(jù)注冊成功可以登陸與預(yù)期結(jié)果相同表6-1用戶注冊測試用例測試效果圖如下：1.用戶在注冊時輸入需要的信息，在信息輸入有誤時系統(tǒng)會提示，界面如圖6.1所示：圖6.1系統(tǒng)注冊錯誤提示2.用戶在注冊成功后或忘記密碼需要重置密碼時，界面如圖6.2所示：圖6.2重置密碼界面6.2.2用戶管理測試用例：管理員進(jìn)入管理員界面，對已注冊的用戶進(jìn)行管理操作。編號輸入數(shù)據(jù)預(yù)期結(jié)果實際結(jié)果結(jié)果分析1點擊已注冊的用戶，對其進(jìn)行管理操作彈出用戶詳情信息，可以對其進(jìn)行更改操作與預(yù)期結(jié)果相同表6-2用戶管理測試用例測試效果圖如下：1.登錄管理員賬號，查看已注冊用戶并對其進(jìn)行管理。界面如圖6.3所示：圖6.3管理注冊用戶界面6.2.3訂單管理測試用例：測試買家及賣家是否可以對訂單進(jìn)行管理操作。編號輸入數(shù)據(jù)預(yù)期結(jié)果實際結(jié)果結(jié)果分析1進(jìn)入軟件，顯示定位頁面可以進(jìn)行當(dāng)前定位和更改定位操作與預(yù)期結(jié)果相同2定位詳情頁面可以搜索地址并更改詳情地址與預(yù)期結(jié)果相同3確認(rèn)地址后進(jìn)入應(yīng)用首頁可以查看到已注冊商家及附近商家與預(yù)期結(jié)果相同4點擊進(jìn)入我的頁面可以進(jìn)行登陸注冊及查看到余額優(yōu)惠積分等與預(yù)期結(jié)果相同5點擊進(jìn)入訂單頁面可以查看歷史訂單并進(jìn)行相應(yīng)操作與預(yù)期結(jié)果相同7點擊商家進(jìn)入商家詳情頁面，可以看到上架商品及進(jìn)行添加購物車結(jié)賬等功能與預(yù)期結(jié)果相同8訂單結(jié)算結(jié)算已選擇商品及詳情信息與預(yù)期結(jié)果相同表6-3訂單管理測試用例測試效果圖如下：1.用戶在購買訂單時，需要對當(dāng)前位置進(jìn)行定位，界面如圖6.4所示：圖6.4無定位界面2.打開定位界面，隨機(jī)輸入地址，測試買家是否可以對當(dāng)前定位進(jìn)行更改詳情操作。界面如圖6.5所示：圖6.5更改定位頁面3.更改地址成功后，進(jìn)入主頁界面如圖6.6所示：圖6.6選擇定位后進(jìn)入界面4.隨機(jī)選擇一位商家，測試買家是否可以對進(jìn)行商品后買下訂單等詳情操作。界面如圖6.7所示：圖6.7選擇商家界面5.選擇相應(yīng)商品，進(jìn)行結(jié)算，下訂單頁面。界面如圖6.8所示：圖6.8選擇商品后進(jìn)入結(jié)算界面下訂單操作后，出現(xiàn)相應(yīng)訂單。界面如圖6.9所示：圖6.9相應(yīng)訂單界面6.2.4評價管理測試用例：打開外賣軟件，以使用者的身份登錄，測試買家是否可以對商家進(jìn)行評價等操作。編號輸入數(shù)據(jù)預(yù)期結(jié)果實際結(jié)果結(jié)果分析1商家查看評論界面可以查看用戶的評價界面與預(yù)期結(jié)果相同2用戶點擊商家評論界面可以查看其他用戶對商家的評論與預(yù)期結(jié)果相同表6-4評價管理測試用例測試效果圖如下：打開外賣軟件，測試買家是否可以對商家進(jìn)行評價，及賣家查看評論。如圖6.10所示：圖6.10用戶評價界面6.2.5購物車管理測試用例：打開外賣軟件，以使用者的身份登錄，測試買家是否可以對商品進(jìn)行添加購物車結(jié)算等操作。編號輸入數(shù)據(jù)預(yù)期結(jié)果實際結(jié)果結(jié)果分析1選擇一位商家進(jìn)入商家界面與預(yù)期結(jié)果相同2點擊商家已上架商品添加購物車成功添加購物車與預(yù)期結(jié)果相同3點擊購物車可以查看已添加購物車的詳情與預(yù)期結(jié)果相同4進(jìn)行購物車結(jié)算進(jìn)入結(jié)算頁面與預(yù)期結(jié)果相同5結(jié)算訂單產(chǎn)生相應(yīng)訂單與預(yù)期結(jié)果相同表6-5銷售管理測試用例1.用戶打開商家，選擇相應(yīng)的商品，界面如圖6.11所示：圖6.11商家商品界面2.用戶打開商家，選擇相應(yīng)的商品后，打開購物車，界面如圖6.12所示：圖6.12購物車詳情界面用戶打開商家，選擇相應(yīng)的商品，支付后生成訂單界面如圖6.13所示：圖6.13訂單詳情界面6.2.6店鋪信息管理測試用例：打開外賣軟件，以使用者的身份登錄，測試買家是否可以查看已通過店鋪及活動詳細(xì)信息等操作。編號輸入數(shù)據(jù)預(yù)期結(jié)果實際結(jié)果結(jié)果分析1選擇一位商家進(jìn)入商家界面與預(yù)期結(jié)果相同2點擊商家活動可以成功查看商家已添加活動與預(yù)期結(jié)果相同3點擊商家詳情可以查看商家詳情信息及營業(yè)執(zhí)照等與預(yù)期結(jié)果相同表6-6店鋪信息管理測試用例測試效果圖如下： 1.用戶打開已上傳商家，界面如圖6.11所示：圖6.14商家界面2.用戶選擇查看活動信息，界面如圖6.15所示：圖6.15商家活動界面3.用戶選擇查看商家信息，界面如圖6.16所示：圖6.16商家詳情界面4.用戶選擇查看商家營業(yè)執(zhí)照信息，界面如圖6.17所示：圖6.17商家詳情界面6.2.7商品管理測試用例：打開外賣軟件，以使用者的身份登錄，測試用戶是否可以對查看并購買已分類的商品。編號輸入數(shù)據(jù)預(yù)期結(jié)果實際結(jié)果結(jié)果分析1選擇一位商家進(jìn)入商家界面與預(yù)期結(jié)果相同2選擇已分類的商品添加購物車成功添加購物車與預(yù)期結(jié)果相同3結(jié)算購物車商品產(chǎn)生相應(yīng)訂單與預(yù)期結(jié)果相同表6-7商品管理測試用例測試效果圖如下：1.用戶打開商家選擇商品，選擇商品風(fēng)味，界面如圖6.18所示：圖6.18商品詳情界面2.用戶打開商家選擇商品，選擇商品風(fēng)味加入購物車，界面如圖6.19所示：圖6.19商品加入購物車界面3.用戶打開商家選擇商品，加入購物車后進(jìn)行結(jié)算，界面如圖6.20所示：圖6.20相應(yīng)訂單界面6.2.8訂單配送管理測試用力：打開外賣軟件，以管理員的身份登錄，測試管理員是否可以對配送員進(jìn)行配送等操作。編號輸入數(shù)據(jù)預(yù)期結(jié)果實際結(jié)果結(jié)果分析1登錄管理員賬號進(jìn)入管理員界面與預(yù)期結(jié)果相同2選擇已產(chǎn)生的訂單成功選中產(chǎn)生的訂單與預(yù)期結(jié)果相同3選擇對應(yīng)的配送員配送訂單發(fā)貨成功與預(yù)期結(jié)果相同表6-8訂單配送管理測試用例測試效果圖如下：1.選擇相應(yīng)訂單及配送員，界面如圖6.21所示：圖6.21選擇配送員界面2.選擇相應(yīng)的配送員，配送成功界面如6.22所示：圖6.22配送成功6.3測試結(jié)論測試了系統(tǒng)的基本功能，包括商戶用戶管理、訂單管理、評價管理、購物車管理、配送管理、平臺管理七大模塊。系統(tǒng)整個業(yè)務(wù)流程順暢，運(yùn)行結(jié)果符合預(yù)期，功能正常，滿足需求分析要求。結(jié)論隨著網(wǎng)絡(luò)經(jīng)濟(jì)的不斷進(jìn)步和科學(xué)技術(shù)的發(fā)展，網(wǎng)絡(luò)購物已被大眾廣泛接受和歡迎。傳統(tǒng)餐廳點餐的線下銷售模式弊端不斷顯現(xiàn)，難以適應(yīng)人們的生