基于springboot+vue的餐飲管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)摘要根隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，人們對于外出就餐的方式和習(xí)慣也發(fā)生了變化。原先人們在餐廳就餐一直都會(huì)存在一些問題，例如：加菜的效率較低、紙質(zhì)訂單容易丟失、字跡潦草難以辨認(rèn)等，而現(xiàn)在網(wǎng)上點(diǎn)餐已經(jīng)成為一種越來越受歡迎的就餐方式REF_Ref29085\r\h[10]。因此，本文旨在介紹一個(gè)方便、快捷、個(gè)性化的餐飲點(diǎn)餐管理系統(tǒng)，并闡釋其設(shè)計(jì)原則。在系統(tǒng)開發(fā)過程中，使用了B/S結(jié)構(gòu)REF_Ref29698\r\h[15]，并結(jié)合SpringBoot和Vue框架完成全面的系統(tǒng)設(shè)計(jì)，數(shù)據(jù)庫使用MySQL作為數(shù)據(jù)存儲(chǔ)，最終成功構(gòu)建了一款新型的餐飲點(diǎn)餐管理系統(tǒng)REF_Ref24529\r\h[1]。借助該系統(tǒng)，消費(fèi)者可以進(jìn)行在線選擇商家、點(diǎn)選菜品、下單和付款等操作，商家也能夠通過該平臺(tái)向顧客提供更好的服務(wù)，維護(hù)良好的關(guān)系并拓展新的客戶群體。關(guān)鍵詞：SpringBoot；Vue；MySQL；餐飲點(diǎn)餐管理

DESIGNANDIMPLEMENTATIONOFCATERINGMANAGEMENTSYSTEMBASEDONSPRINGBOOTANDVUEABSTRACTWiththecontinuousdevelopmentofInternettechnology,people'swaysandhabitsofeatingouthavealsochanged.Inthepast,peoplehavealwayshadsomeproblemswhendininginrestaurants,suchaslowefficiencyinaddingdishes,easylossofpaperorders,illegiblehandwriting,etc.However,orderingonlinehasbecomeanincreasinglypopularwayofdining.Therefore,thisarticleaimstointroduceaconvenient,fast,andpersonalizedonlineorderingsystemandexplainitsdesignprinciples.Duringthesystemdevelopmentprocess,theB/Sstructurewasused,combinedwithSpringBootandVueframeworkstocompleteacomprehensivesystemdesign.ThedatabaseusedMySQLasdatastorage,andfinallysuccessfullybuiltanewonlineorderingsystem.Withthehelpofthissystem,consumerscanchoosemerchants,orderdishes,placeordersandmakepaymentsonline.Merchantscanalsoprovidebetterservicestocustomers,maintaingoodrelationshipsandexpandnewcustomergroupsthroughthisplatform.Keywords:SpringBoot;Vue;MySQL;onlineordering

目錄1緒論 頁系統(tǒng)設(shè)計(jì)系統(tǒng)總體功能設(shè)計(jì)本系統(tǒng)使用的群體主要是用戶、商家和管理員，針對不同的服務(wù)對象提供不同的功能，具體系統(tǒng)功能模塊如下圖4.1所示：圖4.1系統(tǒng)功能模塊圖本文以下部分將對系統(tǒng)前后端的功能設(shè)計(jì)進(jìn)行詳細(xì)的介紹。4.1.1前臺(tái)功能設(shè)計(jì)（1）用戶注冊登錄：新用戶需要在首次使用該網(wǎng)站前注冊成為網(wǎng)站用戶，要求設(shè)置賬號(hào)、密碼、姓名、電話號(hào)碼等信息。老用戶可以直接通過輸入賬號(hào)和密碼登錄系統(tǒng)。（2）菜品瀏覽功能設(shè)計(jì)：菜品推薦將顯示在網(wǎng)站首頁位置，也可點(diǎn)擊菜品信息查看全部菜品，點(diǎn)擊菜品會(huì)查看每個(gè)菜品的單價(jià)、名稱、口味、分類等信息，作為點(diǎn)餐前的參考，以便于用戶選擇更適合自己的菜品。（3）菜品收藏功能設(shè)計(jì)：用戶對喜歡的菜品進(jìn)行收藏。（4）個(gè)人中心功能設(shè)計(jì)：用戶更改自己的具體信息。（5）收貨地址功能設(shè)計(jì)：在個(gè)人中心處，可以對點(diǎn)餐的收貨地址進(jìn)行設(shè)置。（6）訂單管理功能設(shè)計(jì)：用戶訂單功能主要有下單未發(fā)貨的退款、已發(fā)貨的退貨等評(píng)價(jià)功能。（7）購物車管理功能設(shè)計(jì)：用戶將想要的菜品添加到購物車中，然后在標(biāo)題欄中點(diǎn)擊購物車以查看所選的菜品。如果用戶不想要某個(gè)菜品，則可通過復(fù)選框?qū)⑺瞥?。完成選擇后，可以點(diǎn)擊結(jié)算按鈕以完成整個(gè)交易，系統(tǒng)將會(huì)把訂單信息傳入后端進(jìn)行存儲(chǔ)。前臺(tái)功能流程圖如下圖4.2所示：圖4.2前臺(tái)功能流程圖4.1.2后臺(tái)功能設(shè)計(jì)（1）后臺(tái)注冊、登錄功能設(shè)計(jì)：管理員或商家進(jìn)入登錄頁面，輸入用戶信息，如果正確則登錄成功，如果不正確，則提示信息錯(cuò)誤，則需要重新登錄系統(tǒng)；商家可以選擇注冊新商家，填寫賬號(hào)、密碼、電話等信息即可注冊。其功能流程圖如下圖4.3所示：圖4.3后臺(tái)登錄注冊流程圖（2）個(gè)人中心展示設(shè)計(jì)：管理員或商家登錄進(jìn)入后臺(tái)首頁，展示個(gè)人信息，也可以對數(shù)據(jù)進(jìn)行修改。（3）商家管理功能設(shè)計(jì)：可以對商家的數(shù)據(jù)進(jìn)行編輯。（4）用戶管理功能設(shè)計(jì)：可以對用戶的數(shù)據(jù)進(jìn)行編輯。（5）菜品分類管理功能設(shè)計(jì)：可以將菜品設(shè)計(jì)為各種類別，方便進(jìn)行選擇。（6）菜品管理功能設(shè)計(jì)：可以查看菜品的具體信息，對菜品信息進(jìn)行更改。（7）系統(tǒng)公告功能設(shè)計(jì)：管理員對該系統(tǒng)添加公告，放置于首頁，以便用戶查看、閱讀。（8）訂單管理功能設(shè)計(jì)：可以查看購買商品信息，對訂單進(jìn)行一些操作管理員后臺(tái)功能流程圖如下圖4.4所示：圖4.4管理員后臺(tái)功能流程圖商家后臺(tái)功能流程圖如下圖4.5所示：圖4.5商家后臺(tái)功能流程圖系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)點(diǎn)餐系統(tǒng)的數(shù)據(jù)庫設(shè)計(jì)主要是為了給大眾消費(fèi)群體以及餐廳提供相應(yīng)的信息基礎(chǔ)設(shè)施和點(diǎn)餐系統(tǒng)正常運(yùn)行的環(huán)境。4.2.1實(shí)體E-R圖實(shí)體及現(xiàn)實(shí)世界中客觀存在并且可以相互區(qū)分的事物稱為，此點(diǎn)餐系統(tǒng)中的實(shí)體主要包括管理員、用戶、菜品、購物車、訂單、角色等，具體描述如下：（1）管理員實(shí)體有3個(gè)屬性，具體如下圖4.6所示：圖4.6管理員實(shí)體屬性圖（2）用戶實(shí)體有7個(gè)屬性，具體如下圖4.7所示：圖4.7用戶實(shí)體屬性圖（3）商家實(shí)體有6個(gè)屬性，具體如下圖4.8所示：圖4.8商家實(shí)體屬性圖（4）菜品分類實(shí)體有3個(gè)屬性，具體如下圖4.9所示：圖4.9菜品分類實(shí)體屬性圖（5）菜品實(shí)體有8個(gè)屬性，具體如下圖4.10所示：圖4.10菜品實(shí)體屬性圖（6）訂單實(shí)體有7個(gè)屬性，具體如下圖4.11所示：圖4.11訂單實(shí)體屬性圖（7）實(shí)體關(guān)系圖下圖4.12所示：圖4.12實(shí)體關(guān)系圖4.2.2數(shù)據(jù)庫表設(shè)計(jì)數(shù)據(jù)庫表的設(shè)計(jì)，就弄清楚是需要干什么事。了解彼此關(guān)系，才能設(shè)計(jì)出我們想要的數(shù)據(jù)庫表，否者效果并不是我們想要的。本網(wǎng)上訂餐系統(tǒng)共包含12個(gè)表，如下表4.1所示：表4.1總體數(shù)據(jù)表數(shù)據(jù)表名表含義存儲(chǔ)數(shù)據(jù)address地址信息表主要用途是記錄地址的信息caipinfenlei菜品分類信息表主要用途是記錄菜品分類的信息caipinxinxi菜品信息信息表主要用途是記錄菜品信息的信息cart購物車表信息表主要用途是記錄購物車表的信息discusscaipinxinxi菜品信息評(píng)論表信息表主要用途是記錄菜品信息評(píng)論表的信息news公告資訊信息表主要用途是記錄公告資訊的信息orders訂單信息表主要用途是記錄訂單的信息shangjia商家信息表主要用途是記錄商家的信息storeup收藏表信息表主要用途是記錄收藏表的信息tokentoken表信息表主要用途是記錄token表的信息users用戶表信息表主要用途是記錄用戶表的信息yonghu用戶信息表主要用途是記錄用戶的信息（1）address表地址信息包括的字段如下表4.2所示：表4.2address表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵addtimetimestamp創(chuàng)建時(shí)間是否useridbigint用戶id是否addressvarchar200地址是否namevarchar200收貨人是否phonevarchar200電話是否isdefaultvarchar200是否默認(rèn)地址[是/否]是否表4.2address表（續(xù)）（2）caipinfenlei表表4.2address表（續(xù)）菜品分類信息包括的字段如下表4.3所示：表4.3caipinfenlei表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵addtimetimestamp創(chuàng)建時(shí)間是否caipinfenleivarchar200菜品分類是否（3）caipinxinxi表菜品菜品信息包括的字段如下表4.4所示：表4.4caipinxinxi表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵addtimetimestamp創(chuàng)建時(shí)間是否caipinbianhaovarchar200菜品編號(hào)是否caipinmingchengvarchar200菜品名稱是否caipinfenleivarchar200菜品分類是否fenliangvarchar200分量是否kouweivarchar200口味是否tupianvarchar200圖片是否pengrenshijianvarchar200烹飪時(shí)間是否caipintesevarchar200菜品特色是否caipinjieshaolongtext4294967295菜品介紹是否shangjiazhanghaovarchar200商家賬號(hào)是否shangjiaxingmingvarchar200商家姓名是否shangjiadianhuavarchar200商家電話是否thumbsupnumint10贊是否crazilynumint10踩是否clicktimedatetime最近點(diǎn)擊時(shí)間是否clicknumint10點(diǎn)擊次數(shù)是否pricefloat價(jià)格是否onelimittimesint10單限是否alllimittimesint10庫存是否表4.4caipinxinxi表（續(xù)）（4）表4.4caipinxinxi表（續(xù)）購物車表信息包括的字段如下表4.5所示：表4.5cart表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵addtimetimestamp創(chuàng)建時(shí)間是否tablenamevarchar200商品表名是否useridbigint用戶id是否goodidbigint商品id是否goodnamevarchar200商品名稱是否picturevarchar200圖片是否buynumberint10購買數(shù)量是否pricefloat單價(jià)是否discountpricefloat會(huì)員價(jià)是否shangjiazhanghaovarchar200商戶名稱是否表4.5cart表（續(xù)）（5）discusscaipinxinxi表表4.5cart表（續(xù)）菜品信息評(píng)論表信息包括的字段如下表4.6所示：表4.6discusscaipinxinxi表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵addtimetimestamp創(chuàng)建時(shí)間是否refidbigint關(guān)聯(lián)表id是否useridbigint用戶id是否nicknamevarchar200用戶名是否contentlongtext4294967295評(píng)論內(nèi)容是否replylongtext4294967295回復(fù)內(nèi)容是否（6）news表公告資訊信息包括的字段如下表4.7所示：表4.7news表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵addtimetimestamp創(chuàng)建時(shí)間是否titlevarchar200標(biāo)題是否introductionlongtext4294967295簡介是否picturevarchar200圖片是否contentlongtext4294967295內(nèi)容是否（7）orders表訂單信息包括的字段如下表4.8所示：表4.8orders表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵addtimetimestamp創(chuàng)建時(shí)間是否orderidvarchar200訂單編號(hào)是否tablenamevarchar200商品表名是否useridbigint用戶id是否goodidbigint商品id是否goodnamevarchar200商品名稱是否picturevarchar200商品圖片是否buynumberint10購買數(shù)量是否pricefloat價(jià)格是否discountpricefloat折扣價(jià)格是否totalfloat總價(jià)格是否discounttotalfloat折扣總價(jià)格是否typeint10支付類型是否statusvarchar200狀態(tài)是否addressvarchar200地址是否telvarchar200電話是否consigneevarchar200收貨人是否logisticslongtext4294967295物流是否shangjiazhanghaovarchar200商戶名稱是否（8）shangjia表商家信息包括的字段如下表4.9所示：表4.9shangjia表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵addtimetimestamp創(chuàng)建時(shí)間是否shangjiazhanghaovarchar200商家賬號(hào)是否mimavarchar200密碼是否shangjiaxingmingvarchar200商家姓名是否xingbievarchar200性別是否shangjiadianhuavarchar200商家電話是否touxiangvarchar200頭像是否moneyfloat余額是否表4.9shangjia表（續(xù)）（9）表4.9shangjia表（續(xù)）收藏表信息包括的字段如下表4.10所示：表4.10storeup表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵addtimetimestamp創(chuàng)建時(shí)間是否useridbigint用戶id是否refidbigint收藏id是否tablenamevarchar200表名是否namevarchar200收藏名稱是否picturevarchar200收藏圖片是否typevarchar200類型(1:收藏,21:贊,22:踩)是否inteltypevarchar200推薦類型是否（10）token表token表信息包括的字段如下表4.11所示：表4.11token表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵useridbigint用戶id是否usernamevarchar100用戶名是否tablenamevarchar100表名是否rolevarchar100角色是否tokenvarchar200密碼是否addtimetimestamp新增時(shí)間是否expiratedtimetimestamp過期時(shí)間是否表4.11token表（續(xù)）（11）users表表4.11token表（續(xù)）用戶表信息包括的字段如下表4.12所示：表4.12users表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵usernamevarchar100用戶名是否passwordvarchar100密碼是否rolevarchar100角色是否addtimetimestamp新增時(shí)間是否（12）yonghu表用戶信息包括的字段如下表4.13所示：表4.13yonghu表列名數(shù)據(jù)類型長度數(shù)據(jù)含義是否允許為空是否主鍵idbigint自動(dòng)編號(hào)否主鍵addtimetimestamp創(chuàng)建時(shí)間是否yonghuzhanghaovarchar200用戶賬號(hào)是否mimavarchar200密碼是否yonghuxingmingvarchar200用戶姓名是否xingbievarchar200性別是否yonghudianhuavarchar200用戶電話是否touxiangvarchar200頭像是否moneyfloat余額是否表4.13yonghu表（續(xù)）表4.13yonghu表（續(xù)）系統(tǒng)的實(shí)現(xiàn)與測試前臺(tái)功能的實(shí)現(xiàn)5.1.1用戶登錄、注冊頁面用戶通過注冊頁面，填寫姓名等信息注冊，進(jìn)而實(shí)現(xiàn)登錄操作。登錄功能如下圖5.1所示，注冊功能如下圖5.2所示：圖5.SEQ圖\*ARABIC1用戶登錄關(guān)鍵代碼：publicRlogin(Stringusername,Stringpassword,Stringcaptcha,HttpServletRequestrequest){YonghuEntityuser=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("yonghuzhanghao",username)); if(user==null||!user.getMima().equals(password)){ returnR.error("賬號(hào)或密碼不正確"); } Stringtoken=tokenService.generateToken(user.getId(),username,"yonghu","用戶"); returnR.ok().put("token",token);}圖5.SEQ圖\*ARABIC2用戶注冊關(guān)鍵代碼：publicRregister(@RequestBodyYonghuEntityyonghu){ //ValidatorUtils.validateEntity(yonghu); YonghuEntityuser=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("yonghuzhanghao",yonghu.getYonghuzhanghao())); if(user!=null){ returnR.error("注冊用戶已存在"); } LonguId=newDate().getTime(); yonghu.setId(uId); yonghuService.insert(yonghu); returnR.ok();}5.1.2首頁功能頁面用戶完成登錄后可以查看首頁，菜品推薦如下圖5.3所示，系統(tǒng)公告如下圖5.5所示：圖5.SEQ圖\*ARABIC3菜品推薦圖5.SEQ圖\*ARABIC4系統(tǒng)公告5.1.3菜品信息頁面在該頁面可以查看全部菜品的資料。點(diǎn)擊菜品的圖片，可以跳轉(zhuǎn)到相應(yīng)菜品的詳細(xì)頁面，用戶可以在跳轉(zhuǎn)后的頁面查看菜品價(jià)格、口味、商家信息、用戶評(píng)價(jià)等內(nèi)容，在用戶看完資料后，可以進(jìn)行購買或者加入購物車。菜品全部信息如下圖5.5所示，單個(gè)菜品信息如下圖5.6所示，用戶評(píng)價(jià)內(nèi)容如下圖5.7所示：圖5.SEQ圖\*ARABIC5全部菜品信息圖5.SEQ圖\*ARABIC6菜品詳細(xì)信息圖5.SEQ圖\*ARABIC7用戶評(píng)價(jià)5.1.4系統(tǒng)公告頁面用戶可以在該頁面觀看詳細(xì)內(nèi)容。系統(tǒng)公告頁面如下圖5.8所示，詳細(xì)內(nèi)容如下圖5.9所示。圖5.SEQ圖\*ARABIC8公告展示圖5.SEQ圖\*ARABIC9公告詳細(xì)信息5.1.5個(gè)人中心頁面用戶登錄后可以在該頁面進(jìn)行進(jìn)一步的信息更新，例如性別設(shè)置、頭像設(shè)置等，還可以進(jìn)行訂單的查詢、收貨地點(diǎn)的添加及更改、對菜品的收藏等功能。個(gè)人信息如下圖5.10所示，我的訂單如下圖5.11所示，收貨地址如下圖5.12所示，收藏菜品如下圖5.13所示：圖5.SEQ圖\*ARABIC10個(gè)人中心圖5.SEQ圖\*ARABIC11我的訂單圖5.SEQ圖\*ARABIC12收貨地址圖5.SEQ圖\*ARABIC13菜品收藏5.1.6購物車頁面用戶在該頁面可以管理放入購物車?yán)锏牟似?，例如增加或減少某個(gè)菜品的數(shù)量、刪除某個(gè)菜品，操作結(jié)束后，可以點(diǎn)擊右下角的購買按鈕。該功能如下圖5.14所示：圖5.SEQ圖\*ARABIC14購物車關(guān)鍵代碼：publicRquery(CartEntitycart){ EntityWrapper<CartEntity>ew=newEntityWrapper<CartEntity>(); ew.allEq(MPUtil.allEQMapPre(cart,"cart")); CartViewcartView=cartService.selectView(ew); returnR.ok("查詢購物車表成功").put("data",cartView);}5.1.7購買頁面點(diǎn)擊購買后進(jìn)入該頁面，選擇收貨地址后完成下單。該功能如下圖5.15所示：圖5.SEQ圖\*ARABIC15下單頁面后臺(tái)功能的實(shí)現(xiàn)5.2.1后臺(tái)登錄、注冊頁面管理員后臺(tái)登錄、商家后臺(tái)注冊登錄頁面。登錄功能如下圖5.16所示，注冊功能如下圖5.17所示：圖5.SEQ圖\*ARABIC16后臺(tái)登錄圖5.SEQ圖\*ARABIC17后臺(tái)注冊關(guān)鍵代碼：publicRregister(@RequestBodyShangjiaEntityshangjia){ //ValidatorUtils.validateEntity(shangjia); ShangjiaEntityuser=shangjiaService.selectOne(newEntityWrapper<ShangjiaEntity>().eq("shangjiazhanghao",shangjia.getShangjiazhanghao())); if(user!=null){ returnR.error("注冊用戶已存在"); } LonguId=newDate().getTime(); shangjia.setId(uId); shangjiaService.insert(shangjia); returnR.ok();}5.2.2商家后臺(tái)頁面商家登錄系統(tǒng)后臺(tái)后，僅能對個(gè)人信息、菜品信息和訂單信息進(jìn)行管理，且在菜品信息處可以查看用戶對當(dāng)前菜品的評(píng)價(jià)并進(jìn)行回復(fù)。商家菜品信息如下圖5.18所示，修改菜品信息如下圖5.19所示，商家訂單信息如下圖5.20所示：圖5.SEQ圖\*ARABIC18商家菜品信息圖5.SEQ圖\*ARABIC19修改菜品信息關(guān)鍵代碼：this.$http({ url:`caipinxinxi/${!this.ruleForm.id?"save":"update"}`, method:"post", data:this.ruleForm }).then(({data})=>{ if(data&&data.code===0){ this.$message({ message:"操作成功", type:"success", duration:1500, onClose:()=>{ this.parent.showFlag=true; this.parent.addOrUpdateFlag=false; this.parent.caipinxinxiCrossAddOrUpdateFlag=false; this.parent.search(); this.parent.contentStyleChange(); } }); }else{ this.$message.error(data.msg); } });圖5.SEQ圖\*ARABIC20商家訂單信息5.2.3管理員后臺(tái)頁面管理員登錄系統(tǒng)后臺(tái)后可以對個(gè)人信息、用戶、商家、菜品種類、菜品信息、系統(tǒng)公告和訂單進(jìn)行管理，功能與商家相比多了一些。用戶管理功能如下圖5.21所示，商家管理功能如下圖5.22所示，菜品分類管理如下圖5.23所示，菜品評(píng)價(jià)信息如下圖5.24所示，系統(tǒng)公告管理如下圖5.25所示。圖5.SEQ圖\*ARABIC21用戶管理圖5.SEQ圖\*ARABIC22商家管理關(guān)鍵代碼：getDataList(){this.dataListLoading=true;letparams={page:this.pageIndex,limit:this.pageSize,sort:'id',}if(this.searchForm.shangjiazhanghao!=''&&this.searchForm.shangjiazhanghao!=undefined){params['shangjiazhanghao']='%'+this.searchForm.shangjiazhanghao+'%'}if(this.searchForm.xingbie!=''&&this.searchForm.xingbie!=undefined){params['xingbie']=this.searchForm.xingbie}this.$http({url:"shangjia/page",method:"get",params:params}).then(({data})=>{if(data&&data.code===0){this.dataList=data.data.list;this.totalPage=data.data.total;}else{this.dataList=[];this.totalPage=0;}this.dataListLoading=false;});},圖5.SEQ圖\*ARABIC23菜品分類管理圖5.SEQ圖\*ARABIC24菜品評(píng)價(jià)信息關(guān)鍵代碼：getDataList(){this.dataListLoading=true;letparams={page:this.pageIndex,limit:this.pageSize,sort:'id', refid:this.$route.query.refid,}if(this.searchForm.nickname!=''&&this.searchForm.nickname!=undefined){params['nickname']='%'+this.searchForm.nickname+'%'}if(this.searchForm.content!=''&&this.searchForm.content!=undefined){params['content']='%'+this.searchForm.content+'%'}this.$http({url:"discusscaipinxinxi/page",method:"get",params:params}).then(({data})=>{if(data&&data.code===0){this.dataList=data.data.list;this.totalPage=data.data.total;}else{this.dataList=[];this.totalPage=0;}this.dataListLoading=false;});},圖5.SEQ圖\*ARABIC25公告管理系統(tǒng)測試5.3.1測試的重要性系統(tǒng)測試是網(wǎng)站設(shè)計(jì)過程中的最后一步，它對于整個(gè)網(wǎng)站的開發(fā)、構(gòu)建和調(diào)試具有不可或缺的作用。系統(tǒng)測試旨在全面檢驗(yàn)一個(gè)網(wǎng)站系統(tǒng)的各個(gè)方面，包括板塊功能、使用性能模塊以及程序首頁界面等方面的測試，并通過實(shí)際運(yùn)行系統(tǒng)來驗(yàn)證其質(zhì)量。5.3.2測試的目的系統(tǒng)測試主要幫助我們查找設(shè)計(jì)中存在的錯(cuò)誤并校驗(yàn)系統(tǒng)展現(xiàn)出的功能是否與實(shí)際需求相符合。為了體現(xiàn)問題所在，測試人員應(yīng)該盡量和實(shí)際開發(fā)人員分開進(jìn)行測試，以更加客觀地準(zhǔn)確反映實(shí)際情況。我們需要及時(shí)保存測試結(jié)果，并生成詳細(xì)的測試報(bào)告來總結(jié)和分析測試結(jié)果，再根據(jù)分析報(bào)告進(jìn)行進(jìn)一步的修正和改進(jìn)。這一過程需要由專業(yè)測試人員進(jìn)行，他們必須對系統(tǒng)的所有方面進(jìn)行徹底、深入的探索和測試，從而揭示潛藏的問題，并確定監(jiān)測性能的方法。系統(tǒng)測試的最終目標(biāo)是提供高質(zhì)量的網(wǎng)站系統(tǒng)，以提升管理員和用戶的使用體驗(yàn)。值得注意的是，在測試之前，必須明確定義測試目標(biāo)以及測試的標(biāo)準(zhǔn)，同時(shí)指定測試計(jì)劃和策略，并據(jù)此執(zhí)行測試。然后我們可以進(jìn)一步通過測試識(shí)別到的問題來優(yōu)化網(wǎng)站設(shè)計(jì)，提高其有效性、可靠性和使用性能，讓用戶更加方便地使用所有功能，從而推動(dòng)整個(gè)網(wǎng)站系統(tǒng)的發(fā)展。5.3.3測試的方法（1）功能測試：驗(yàn)證系統(tǒng)是否滿足下單、支付、查看訂單、加菜等需求。（2）性能測試：測試系統(tǒng)的穩(wěn)定性、響應(yīng)時(shí)間、吞吐量等性能指標(biāo)。（3）兼容性測試：測試系統(tǒng)在不同瀏覽器、操作系統(tǒng)、終端設(shè)備上的兼容性。（4）安全測試：檢查系統(tǒng)對安全的防護(hù)措施，如信息泄露、惡意攻擊等。5.3.4測試的結(jié)果測試的項(xiàng)目、過程以及結(jié)果如下表5.1所示：表5.1測試記錄表測試項(xiàng)驗(yàn)證過程預(yù)期結(jié)果實(shí)際結(jié)果結(jié)論系統(tǒng)管理員登錄系統(tǒng)管理員登錄時(shí)輸入賬號(hào)：admin密碼：admin進(jìn)入系統(tǒng)主界面進(jìn)入系統(tǒng)主界面通過商家登錄商家登錄時(shí)輸入賬號(hào)：student2密碼：student2進(jìn)入系統(tǒng)主界面進(jìn)入系統(tǒng)主界面通過新菜品添加進(jìn)入菜品添加頁面輸入菜品名稱：三彩團(tuán)子添加成功，出現(xiàn)添加成功的提示添加成功，出現(xiàn)添加成功的提示通過已存在菜品添加進(jìn)入菜品添加頁面輸入菜品名稱：三彩團(tuán)子返回菜品名稱已經(jīng)存在的提示返回菜品名稱已經(jīng)存在的提示通過菜品查看進(jìn)入菜品管理頁面成功顯示所有菜品列表成功顯示所有菜品列表通過5.3.5測試的總結(jié)通過對系統(tǒng)的測試，系統(tǒng)的功能已經(jīng)基本實(shí)現(xiàn)。為了更好的使用，還需要繼續(xù)進(jìn)行更改。經(jīng)過功能測試，本系統(tǒng)的功能達(dá)到預(yù)期目標(biāo)，具有一定的實(shí)用價(jià)值。結(jié)論時(shí)間如流水般逝去，大學(xué)生活逐漸臨近尾聲。當(dāng)初的我作為一名懵懂而興奮的高中畢業(yè)生，隨著父母的陪伴來到了學(xué)院，仍能夠清晰地回想起當(dāng)時(shí)的那份喜悅與期待。經(jīng)過四年的充實(shí)學(xué)習(xí)，我掌握了許多計(jì)算機(jī)相關(guān)知識(shí)，并在過程中結(jié)合問題做出了反思和總結(jié)。我的畢業(yè)設(shè)計(jì)是