微信點餐系統小程序的設計與實現

陳帥

（鄭州工業應用技術學院 信息工程學院 河南省鄭州市 451100）

得益于人們消費習慣的改變，餐飲行業數字化是餐飲行業壯大不可或缺的一項條件，而在數字化領域，騰訊又掌握中國社交領域半壁江山。騰訊的護城河毫無疑問是流量，手握微信加QQ 的王炸組合，基本上涵蓋了中文互聯網上的所有網民，騰訊投資的邏輯就是傳統互聯網的打法，用流量灌溉餐飲商家。線上的競爭說到底就是流量之爭。誰掌握了流量，就意味著誰在競爭中走得更遠。騰訊微信注冊人數達十幾億，小程序活躍用戶豐富，市場廣闊。因此開發一款具有線上點餐功能的小程序正好滿足了傳統餐飲商家轉型升級的需要。[1][2][3]

1 系統相關技術概述

1.1 微信小程序

微信小程序是一種無需安裝即可使用的應用，用戶只要“掃一掃”或“搜一搜”就能打開應用，省去了安裝或卸載的步驟。微信小程序運行在微信基礎上，它的交互類似于手機原生應用，但是每個應用的體積非常小（目前上限是2048kb），具有無需安裝、觸手可及、用完即走、無需卸載的特點。微信小程序借鑒了現有的Web技術，通過獨立的運行環境實現了跨平臺，并提供了接近原生APP的使用體驗，具有明顯的優勢。為了降低微信小程序的開發成本，提高開發效率，微信小程序的開發方式與Web APP 相似，即通過WXML （類似HTML ）、WXSS （類似CSS ）和JavaScript 進行開發，小程序也有一套腳本語言，為WXS (WeiXin Script)，語法與JavaScript 類似又存在少量差異，并且提供了豐富的組件、API APP內打開和接口，從而具有更接近原生APP 的使用體驗。并且相比于原生APP，微信小程序具有上億用戶量的天然優勢，能夠有更多資源和機會獲得新用戶，為餐飲平臺創造更多的市場。[4][5][6]

1.2 后臺系統的介紹

WampServer 是一款由法國人開發的Apache Web 服務器、PHP 解釋器以及MySQL 數據庫的整合軟件包。不需要開發人員將時間花費在繁瑣的配置環境過程，可以騰出更多精力去做開發。WampServer 就是Windows Apache Mysql PHP 集成安裝環境，即在Windows 操作系統下的apache、php 和mysql 的服務器軟件。在windows 下將Apache+PHP+Mysql 集成環境，擁有簡單的圖形和菜單安裝和配置環境。PHP 擴展、Apache 模塊，開啟/關閉鼠標即可配置，無需再修改配置文件和PHP 安裝，WAMP 它會去做。

WampServer 還支持phpmyadmin,SQLiteManager。不用去輸入復雜的SQL 語句管理MYSQL 數據庫，直接從phpmyadmin 管理即可。

1.3 后臺系統的搭建

本項目服務端環境要求為 Windows+Apache+PHP+MySQL。下面介紹如何搭建環境，部署服務器端應用。

（1）雙擊 wampserver3.1.7_x86 根據提示進行安裝；安裝成功后，雙擊桌面圖標“Wampserver32”。

（2）在系統右下角圖標中找到WAMP Server的圖標，圖標顏色：綠色表示服務全部啟動，橙色表示服務部分啟動，紅色表示服務沒有啟動。初次啟動時，圖標會從 紅色—〉橙色—〉綠色 逐漸變化，顯示為綠色表示啟動成功。如果啟動失敗，則可能當前系統存在其他問題，請根據程序提示排除問題。

（3）使用瀏覽器訪問 http://localhost/ 如果看到如下畫面，表示安裝成功，如圖1所示。

圖1：安裝成功示例

（4）在本文檔路徑下找到shop 文件夾，右鍵復制，粘貼到C：wampwww 目錄。

（5）左鍵單擊WAMP Server圖標，選擇【Apache】→【httpd-vhost.conf】。

（6）修改完成后，保存文件，然后單擊WAMP Server 圖標，選擇Restart All Services，等待圖標重新變成綠色。

（7）訪問http://localhost/ 會顯示安裝向導，單擊【立即安裝】按鈕。

（8）訪問http://localhost/admin 進入后臺，輸入用戶名admin密碼123456。進入后，到【設置】中輸入AppID 和AppSecret 即可。

2 系統設計與實現

2.1 系統整體架構

我們的系統圍繞著點餐功能，設計了一個移動端的點餐小程序。通過上面的分析，本文的點餐系統主要由幾個點餐功能模塊構成。系統架構的主要有菜單分類展示模塊、點餐下單模塊、確認訂單模塊、食物領取模塊、消費記錄等功能模塊，如圖2所示。

圖2：系統架構模塊圖

2.2 功能模塊設計

我們根據點餐基本環節和過程去設計微信點餐小程序的各個功能模塊，有以下幾個部分：菜單分類展示、點餐下單、確認訂單、食物領取、消費記錄。消費者在使用點餐小程序時可以直接進行微信用戶登錄授權便可使用。

3 系統實現

微信點餐小程序主要功能包括菜單分類展示、點餐下單、確認訂單、食物領取、消費記錄這四個頁面。

3.1 菜單分類展示頁面

打開微信小程序，進入的點餐海報首頁，點擊“開啟點餐之旅”時會進入“美食屋”頁面，在這里可以選擇自己喜歡的食物，添加到購物車之中。點擊相應菜品對應的加號，增加該菜品的數量，如果發現添加數量過多，可以點對應菜品的減號來減少菜品。

3.2 訂單確認頁面

顧客挑選完食物之后，點擊確認按鈕，會跳轉到確認訂單頁面。

3.3 食物領取頁面

用戶在確認訂單之后，系統會返還給消費者取餐號等相關信息，用戶可以通過此頁面至餐柜臺領取餐品。

3.4 消費記錄頁面

在此頁面中，用戶可以看到自己的歷史消費記錄以及歷史消費金額。

4 功能檢測

功能測試如表1所示。

表1：功能測試

5 結語

綜上所述，在電子商務迅速發展的今天，互聯網餐飲巨頭對傳統餐飲業巨大沖擊的背景下，本文給出了一種比較智能的微信小程序點餐系統，給予實體線下餐飲店線上售賣食物的新思路，使用戶在餐飲店內點餐更加方便自主，微信小程序點餐系統對用戶與商家有著以下優點：

（1）使得消費者點餐變得更加方便與快捷。

（2）掃碼點餐，降低成本：用戶根據點餐小程序在微信掃碼點餐、付款，不用排長隊等候，節約消費收銀時間，縮小飯店的服務項目時間，提高調臺率。

（3）數據統計分析：根據微信小程序累積用戶數據信息，讓商家店鋪更為認識自己的消費者肖像，能夠目的性營銷推廣。

（4）會員管理系統：能夠創建積分管理系統，吸引老用戶。

仍需要改進的地方：

（1）餐飲后臺管理系統還不是很完善，需要后續系統優化更新。

（2）小程序還欠缺一個顧客評價功能，用來反饋商家菜品質量與問題，從而改善商家的菜品質量和服務水平，提升消費者的購餐體驗。[7][8][9][10]