基于微信小程序的校園訂餐管理系統的設計與實現

韋婉辰，盧 華

（廣西農業職業技術大學 廣西 南寧 530007）

0 引言

隨著計算機技術的快速發展，網絡對人們產生了越來越深遠的影響，網上訂餐由于具備方便快捷的特征，更容易被大學生群體所接受。美團、餓了么等網上訂餐服務方式深受在校大學生歡迎，但是由于外賣訂餐的店鋪離學校往往較遠，配送時長較長，支付的總費用要比在店面就餐費用高出不少，餐品新鮮程度也大打折扣；很多高校的校園面積較大，大學生宿舍和上課教室往往離食堂比較遠，一些同學不想從宿舍去食堂就餐，一些同學經過緊張學習后沒有時間到食堂就餐，這些同學都希望提供快捷校園餐飲送餐上門的服務；在校園上下課高峰期會有人員擁堵、排隊時間長、供應時間短、傳統人工處理就餐流程效率低下等問題。在這種情況下，為了更好地實現校園信息化建設，為學生提供方便快捷的就餐服務，開發一個立足于校園食堂和餐飲店，主要面向校園師生的校園網上訂餐管理系統[1]，是一個較好的解決辦法。

1 基于微信小程序的校園餐飲訂餐管理系統的意義

騰訊是中國500強公司，于2011年開發微信產品，這款產品給人們的工作生活帶來了極大便利，至今微信每月活躍用戶數超過12億人。2017年，微信推出小程序平臺，馬上受到用戶追捧，迅速占領國內外市場。據相關部門統計[2]，2021年每日使用小程序的用戶數達到4.5億人以上，日平均使用次數同比2020年增長32%以上。小程序不僅僅在一二線城市普及，如今在三四線、農村也已覆蓋，未來這個數字還會進一步增長，小程序市場會更大。小程序具有很多優點，不但內存小而且運行速度比較快，操作比較方便快捷，用戶不需安裝和下載就可以直接使用，掃一掃二維碼或輸入關鍵詞搜索一下就可以打開相應的小程序。

基于微信小程序的校園網上訂餐管理系統，不僅操作方便，在就餐效率和校園服務方面都有重大意義[3]。（1）學校在后勤處專門成立了膳食科對食堂和餐飲店銷售的食品進行監督管理，學生更放心訂餐食用。（2）通過搜集信息結合在線留言、改進菜品的種類與質量、增加預定功能減少了食品的浪費，節約食堂成本實現提高銷售收入的提高。（3）師生可提前在訂餐系統上點餐，能夠節省師生就餐時間，避免食堂阿姨口算總價可能出現的錯漏問題，提升就餐效率。就餐效率提升后，越來越多的師生會選擇在校園訂餐管理系統進行校園食堂和餐飲店訂餐，又進一步提升校園食堂和餐飲店的銷售收入。（4）可以安排在校學生協助完成網站管理工作，讓勤工儉學的學生完成送餐上門服務，人工費用相對較低，既給學生提供了在校實習鍛煉機會，又為學生提供了增加收入的機會，還避免外來人員送餐進入學校帶來的未知風險。

因此，開發一個基于微信小程序的校園訂餐管理系統，滿足了師生、食堂和餐飲店的需求，規避了外賣送餐可能帶來的一些問題，具有較好的應用價值。

2 校園餐飲點餐管理系統的功能模塊設計與實現

2.1 關鍵技術概述

本文基于微信小程序開發，首先對小程序平臺開發環境和開發要求進行研究，科學選擇合適的開源框架和開發工具，在平臺上進行開發調試、代碼編寫、測試與預覽、上傳和發布等工作，采用包括ES5、WXML、WXSS和Mustache等編寫。

由于微信小程序會在iSO、Android以及Chrome 3個平臺運用[4]，微信會將ES6語法轉換為三端都支持的ES5代碼，因此在系統開發時直接使用ES5代碼。

WXML(Weixin Markup Language)是當前基于微信小程序而開發的主流標簽語言，是風靡于程序開發人員的主流框架標簽語言，其由基礎組件、事件系統組成，可以輕松實現頁面的構建，簡而言之，其就是小程序的HTML5語言。它運行在小程序的.wxml文件中，使用時，無需在頁面頭部進行聲明。

WXSS(WeiXin Style Sheets)是微信平臺常用的一套樣式語言，用于表述WXML的組件樣式，可以構建出頁面的結構[5]。WXSS用來決定WXML的組件應該如何顯示。

小程序的WXML文件里，采用了Mustache語法。Mustache深受開發人員歡迎，因此其是一個高效簡單的模板解析引擎，通過它來實用用戶界面和業務數據隔離，并使用標準的HTML文檔，便于應用。

2.2 平臺系統結構設計

本文所研發的系統，是從用戶端開始進入訂餐流程，通過掃一掃或搜索關鍵詞進入小程序的主界面，如果是游客僅能查看首頁的公告欄、餐廳等基本信息，系統會引導游客到注冊登錄界面進行注冊登錄，登錄后將轉變為可訂餐狀態，可以以會員身份選擇菜品進行訂餐，將選好的菜品放入購物車中，下單完成后選擇配送方式然后付款，用戶在完成了用餐后即可對此訂單進行評價留言。

經過對校園用戶的實際調研，針對學校110名學生用戶問卷調查了解到，學生希望系統具備菜品搜索、菜品訂購、訂單支付和菜品推薦等重要功能。我們在進行系統結構設計時，先對網上訂餐系統的總體架構進行設計，然后再增加前后臺的功能模塊設計，經過討論研究，對菜品搜索、菜品訂購模塊、訂單支付模塊和菜品推薦等重要功能模塊進行詳細設計和描述。針對系統面向的4類不同用戶賦予不同權限，設置不同的子功能模塊，這4類不同的用戶分別是游客、會員、食堂管理員和系統管理員[6]。構建出來的網上訂餐系統整體功能結構圖見圖1。

不同的人員具有不同的權限，針對游客而言，因為他們不是學校常駐人員，一般是學院食堂的臨時客戶，在學校用餐次數很少，所以在設計的時候，從他們使用的角度來看，登錄系統主要想查看菜品樣式和菜品評價，無需給他們設置過多的功能，不需給他們設置留言、評價和點餐等操作。如果他們在頁面停留的時間較長，往往表明希望獲得訂餐等服務，系統會將頁面跳轉至注冊頁面，引導其注冊成為系統會員，以便獲取更多服務。

會員主要是學校的學生和老師，他們具有較多的權限，系統為每個會員生成個人空間，便于儲存他們的個人信息和操作記錄。一般存放在數據庫中，包括用戶名、密碼，購物車、訂單。會員既可以查看菜品等網站的各種信息，又可以通過學校安裝的攝像頭分享了解餐位情況，以便選擇去食堂就餐還是送餐。會員按需選擇菜品存放于購物車后，依次填寫送餐地址、聯系號碼，選擇用餐方式，提交完成支付后系統自動生成有效訂單。用餐完畢后，會員可就菜品質量、送貨上門服務質量進行打分和留言，以便食堂更好改進提升。

經調研，食堂管理員主要側重以下3個功能：第一是菜品管理功能，以食堂管理員身份登錄后可填寫菜品名稱、種類、價格，發布公告信息，設置每日折扣菜品吸引會員點餐提升銷量；第二是訂單管理功能，按照用戶下單后生成訂單編號順序進行菜品準備和打包，按照指定的配送方式將菜品送到會員手上；第三是留言管理功能，食堂管理員可查看會員留言和點評，回復或刪除會員問題。

系統管理員負責整個系統的運維，包括用戶管理、系統管理、數據管理等，具有最高權限。比如用戶管理，分游客和會員兩類，包括查重、增刪，還有密碼重置等業務；系統管理主要側重于界面的管理，包括頁面布局美化和優化，欄目內容的增刪，最新菜品,展示和廣告宣傳等；數據管理主要是數據安全考慮，包括數據統計、數據異地備份，還要本地存儲，建議定時打印存檔。

2.3 平臺主要功能模塊的設計與實現

校園訂餐系統采用B/S架構，由前端和后臺構成。其中前端是用戶直接操作的界面，包括瀏覽查詢、網上訂餐、留言評分3部分，同時可以在上面添加一些滾動菜品宣傳信息；后臺也分用戶管理、內容管理和系統管理3部分，不同對象賦予不同的權限，實現不同內容的操作，具體見圖2。

各功能模塊說明如下。

（1）瀏覽查詢模塊。前臺用戶可以查看網站公告、菜品圖片、菜品價格等信息，可以查看菜品分類，按關鍵字進行菜品搜索查詢，還可以查看用戶的留言和評價。以會員身份登錄后可獲得更多權限。

（2）網上訂餐模塊。通過該模塊主要實現菜品查看、菜品加購、送餐方式選擇、查看購物車、提交訂單、配送路徑跟蹤、支付結算等功能。游客的權限小于會員的權限，如果他們在頁面停留的時間較長，系統會將頁面跳轉至注冊頁面，引導其注冊成為系統會員，以便獲取更多服務。該模塊運行流程圖見圖3。

（3）留言評分模塊。該模塊給會員提供留言和評分服務，會員用餐完畢后，可以在相應頁面對菜品和送餐服務進行打分和發表留言。食堂管理員查看評分和留言后，了解服務情況和用戶需求，能更好改善菜品質量和服務質量。

（4）用戶管理模塊。該模塊給系統管理員提供后臺登錄后的相關操作，包括用戶信息增加、刪除和修改操作，如果會員忘記密碼，可為會員提供重置密碼服務。

（5）內容管理模塊。該模式主要實現以下3個功能：訂單管理針對用戶更改、修改或者取消訂單，予以審核并進行退回、修改、刪除等操作；菜品管理主要是增刪菜品名稱、簡介、類別和價格、剩余份數；留言管理主要是供會員和食堂管理員互動，可以留言、點評，也能回復或者屏蔽不合理發言。

（6）系統管理模塊。該模塊一般是系統管理員使用，擁有最高權限，主要是以下兩大功能。數據管理，包括數據導出、數據備份、數據異地容災和數據打印存檔；系統維護主要是界面管理、欄目管理、內容管理、運維監管等。該系統的首頁見圖4。

3 校園餐飲訂餐管理系統的測試與應用

完成訂餐系統小程序的總體設計后，需要進行小程序系統平臺的實現。通過微信開發者工具對系統界面的整體設計和代碼來編程實現，同時，還要依賴系統所需要的開發環境、開發工具對代碼進行執行，如若發現編碼問題，并解決這些問題，最后使系統功能得以實現。

本系統通過數據庫的設計、代碼的實現、開發基本完成，接下來進行上線前的系統測試。

3.1 測試環境

幾種常用的測試環境見表1。

表1 幾種測試環境

3.2 測試內容及結果

3.2.1 測試內容

（1）表單測試。表單主要測試確認、保存、提交等功能，當測試成功時，系統就能正常工作，在測試時系統準確率達到98%，經過后期修復，已經全部正常運行。

（2）瀏覽器兼容性測試。本系統商家后臺采用B/S架構，需要測試各種常見瀏覽器的兼容性問題，測試內容包括：IE、Chrome、Firefox、360 安全瀏覽器、百度瀏覽器、QQ 瀏覽器。全部通過測試，運行流暢。測試表明，本系統具有很好的兼容性。

（3）邏輯功能測試。該測試包括微信掃碼登錄、類目信息管理、商品信息管理、訂單信息管理、微信支付、微信授權管理、訂單消息實時異步通知等多個模塊。經過測試，顯示正常。

3.2.2 測試結果

經過反復修改、優化和測試，系統功能界面友好，穩定性強、運行流暢，實現預期目標。系統的應用滿足了用戶需求，用戶滿意度高，為師生提供了良好的校園服務。

4 結語

本文主要對校園訂餐管理系統進行了研究，提出了基于微信小程序搭建系統的思路，設計并實現了校園訂餐管理系統。經過測試與應用證明，平臺開發滿足了用戶需求，不僅操作方便，提升了就餐效率，滿足了師生訂餐需求，用戶滿意度高，為師生提供了良好的校園服務。