基于微信小程序的校园订餐管理系统的设计与实现

韦婉辰，卢 华

（广西农业职业技术大学 广西 南宁 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 结语

本文主要对校园订餐管理系统进行了研究，提出了基于微信小程序搭建系统的思路，设计并实现了校园订餐管理系统。经过测试与应用证明，平台开发满足了用户需求，不仅操作方便，提升了就餐效率，满足了师生订餐需求，用户满意度高，为师生提供了良好的校园服务。