摘 要

随着微信使用的广泛度，微信小程序在手机端APP的使用中变得越来越重要，小程序的随用随走，不用下载，十分灵活也给人们带来了极好的体验感。此次系统开发基于微信小程序，结合小程序的开发技术(wxml wxss js json)与小程序的云开发后台数据库的调用管理、存储管理和云函数，设计了一个为人民服务的微信端的订餐服务。本次订餐系统主要实现了客户下单、商家入驻等功能。客户下单则是实现了客户登录，选择店铺，选择餐品，管理地址，进行下单等等功能；商家入驻则是实现了用户申请成为商家，实现上传菜品等功能。

本文基于该系统的设计理念，对于开发的系统站在用户的角度去测试每一个功能，通过图表的方式来直观的展示整个订餐系统，在测试的过程中，再对系统部分内容做出修改，使整个系统功能结构合理完整，用户体验度上升。

关键词：微信小程序；云开发；API；订餐系统

Abstract

With the widespread use of WeChat, WeChat small program becomes more and more in the use of APP, small program with go, don't need to download, very flexible. These give people a wonderful experience. This system development is based on WeChat small program, combined with small program development technology (wxml wxss js json) and small program cloud development background database call management, storage management and cloud function, designed a WeChat meal ordering service for the people. This ordering system mainly realizes the functions of customers' order and merchants' settlement. Customer order is to achieve the customer login, shop selection, selection of food, address management, order and other functions; Merchants in is to achieve the user application to become a merchant, the realization of upload dishes and other functions.

Based on the design concept of the system, this paper tests each function of the developed system from the perspective of users, and presents the whole system visually by means of charts. During the testing process, some contents of the system are modified to make the functional structure of the whole system reasonable and complete, and the user experience increases.

Key Words: WeChat applet; Cloud development; API; Reservation system

目 录

第1章 绪 论 1

1.1 研究目的及意义 1

1.2 微信小程序国内外研究现状 1

1.2.1 微信小程序国内外现状 1

1.2.2 微信小程序国内外发展 2

1.3 基本内容 2

第2章 微信小程序来订餐吧总体设计 4

2.1 开发平台的对比和选择 4

2.1.1 餐服务常用软件开发平台 4

2.1.2 微信小程序的优势 5

2.2 微信小程序功能设计 6

2.2.1 面对客户功能设计 6

2.2.2 面对商户功能设计 6

2.2.3 面对管理员功能设计 6

2.3 系统运行流程 7

2.4 技术路线 9

第3章 微信小程序来订餐吧系统实现 10

3.1 框架搭建与相关技术 10

3.1.1 小程序的框架搭建 10

3.1.2 微信小程序云开发平台的搭建 12

3.2 页面实现和美化 12

3.2.1 微信wxml的具体实现 13

3.2.2 微信js的具体实现 19

3.2.3 微信中wxss的具体实现 20

3.3 后台数据存储与使用 21

3.3.1 云开发的数据库和存储 21

3.3.2 云开发的云函数 23

第4章 微信小程序的测试和分析 24

4.1 测试用例 24

4.2 结果分析 27

第5章 总结与展望 28

5.1 总结 28

5.2 展望 29

参考文献 30

致 谢 31

第1章 绪 论

1.1 研究目的及意义

本次毕业设计研究开发的系统是基于微信小程序的一个订餐软件，研究目的主要是在于为了满足现在的消费者快节奏生活的需求，消费者只要通过微信小程序就可以实现快速快捷的购买自己喜欢的一顿饭，且不需要下载各种占据内存的APP，更不需要浪费自己的时间去到店里用餐，改变了传统的商业交易，直接能在微信的平台上进行挑选餐品，查看店铺的评价甚至于每一个餐品的评价，这对于消费者选择心仪的餐品提供了极大的便利。

《史记》中记载“民以食为天”，可见中国历史中民以食为天观念的深入人心，人们的日常生活与“吃”这个字之间是难以分割的。在时代快速发展的今天，各地特色菜色层出不穷，人们经常会面临今天中午吃什么，晚上吃什么诸如此类的问题。点外卖不仅能避免排队等候等不方便的问题，还可以在软件上查看各种餐品的价格和风味，更快的选择自己心仪的一餐。而外卖从一开始的打电话来订餐，到现在的外卖软件APP订餐。在智能手机普及后，消费者已经从各种外卖的APP中得到很多便利，很多研究发现小程序的便利性大多数远大于APP。例如一个外卖的APP所占内存位100M，而微信小程序不用占用任何的内存，加载时小程序的大小也不过2M以内，非常的快速便捷。可见小程序的实用性和便捷性在智能科技引领的时代下，前途不可估量。

1.2 微信小程序国内外研究现状

1.2.1 微信小程序国内外现状

微信是腾讯公司推出的一款可以聊天、发朋友圈、随机加好友、特别方便扫二维码等的手机端APP^[1]。

在2016年底的微信公开课中，微信创始人张小龙将微信小程序正式版的部分信息进行公开，在2017年1月9日上线。在微信公开课PRO时，张小龙提出微信小程序的开发目标是协助用户以最快的办法去解决用户想要做到的事情。就是小程序使用尽量少的时间去达到目标，当它帮助用户完成了目标事件就去完成下一任务或者是关闭，不会留在后台中，这就是随用随走的便利性。

微信小程序的开发者工具从上线后几乎每个月都在更新一些功能或者修复一些问题，直至2019年五月，五月的开发者工具的新增和优化多达61条，由此可见这个开发平台的年轻，但是这个平台的开发又能看出它的强大之处。微信小程序自带了开发系统需要的数据库，云开发。开发者只需要使用微信小程序平台提供的API进行相关的功能和项目的开发，就可以快速实现目标功能。云开发于2018年8月19日上线，到目前为止更新4次，最近一次更新在2019男2月27日，增加云开发数据库支持地理位置API。每一次的更新都使得微信你小程序的便利性更为出众。

1.2.2 微信小程序国内外发展

微信小程序自上线发展至今，其便利性便是开发者们有目共睹的，但是直至今年，因为微信小程序数量的增多，功能和类型变得单一，功能相似的小程序无法给这些消费者带来更大的新鲜感。虽然人们的微信小程序使用频率并没有降低，但是小程序的开发也需要更多新鲜血液。

根据《微信小程序使用现状分析与应用前景调查研究》^[2]调查数据研究发现，使用过微信小程序的人数达到了被调查样本总人数的95.31%，每周使用微信小程序0-10次的人数占到被调查样本总人数的68.75%。，有43.23%的用户使用微信小程序是因为它方便，小程序不需存储空间，无残留垃圾，“用完即走”模式给用户们带来极大便利。有25%的调查者使用微信小程序的原因是节省空间，同时也有一部分人使用微信小程序是因为其相对于传统APP来说界面简洁明了。结果显示认为小程序界面简洁，操作简单的人数占总人数1/2以上^[3]。

目前而言，用户想要实现的功能几乎都可以交由小程序来完成，对普通用户或者是大型企业而言，小程序都有它的优越性和便利性，其发展前景不可估量。使用微信小程序的人数飞速上涨的同时，小程序的单一性也在随着小程序数量的增大而变大，在未来的发展过程中，小程序需要有更多的突破和便利，才能在这个技术发展飞快的时代中占据一席之地。

1.3 基本内容

研究和学习基于微信小程序的来订餐吧系统的开发，在学习的过程中掌握基于微信小程序的系统开发方法，明确微信小程序的设计原则。对现有的相关系统进行研究分析，学习研究思路，来进一步的完善在微信小程序开发的订餐系统的具体功能。研究相关开发系统的技术，设计基于微信小程序的订餐系统具体页面及相关功能具体的实现。

该订餐小程序开发主要设计的对象有用户、店铺店主。预计实现的功能如下：

面对用户：用户登录，打开地图选择地址；通过查询查看想要的店铺；查看餐品列表；用户把餐品加入购物车及对餐品数量进行管理；提交及查看订单；管理个人的收货地址；成为商家等等。面对商家：管理和完善自己的商家信息；发布公告；上新菜品；完善餐品的信息等等。

第2章 微信小程序来订餐吧总体设计

2.1 开发平台的对比和选择

2.1.1 餐服务常用软件开发平台

订餐服务现在使用的频率比较高的莫过于App、网页订餐、微信小程序和微信公众号这几种。

2.1.1.1 App开发平台Android Studio

一个App的开发平台实在太多了，更何况App还要分成安卓端和ios端，下面以安卓为例。

Android Studio是开发者的选择中现下比较流行的开发安卓应用开发平台。首先安装时因为系统的要求：开发者在 Windows 7/8 等等的操作系统下进行Android程序的开发及实现。而且开发时需要的工具都可以直接在网上搜索下载。下方就是该开发环境安装之前需要配置好的各软件：

Java JDK5 及以后版本

Java 运行时环境6

Android Studio

Android Studio各优点在Android的App开发工具来说是比较突出的，例如它是由谷歌推出的专门为了安卓量身定制的，上升空间也非常大，使用过Eclipse的人可以看出Android Studio的速度比起其他的开发工具来说也是快了不少的，UI也更漂亮，还能智能补全和保存^[4]。在获取到源码的便利性下，新手更适合学习和使用Eclipse。这个发布也没多少年，与元老Eclipse还不争上下的Android Studio与我考虑的微信小程序开发平台对比还是差了一大截。

2.1.1.2 网页开发平台HBuilder

网页的开发平台也实在太多了，这里仅拿一个使用过并认为其十分便利的网页端开发工具HBuilder来做一下简单的介绍。

HBuilder作为一个很简单易上手的Web开发平台^[5],在我使用了Myeclipse平台实现Web的系统开发与实现之后，对比之下给我留下了及好的印象。Myeclipse的安装和使用都和一个大型的编程软件差不多，类似于VS，eclipse等等，需要提前安装好各种软件，才能够进行正常使用，且Myeclipse安装结束后还有试用的限制。而HBuilder直接可以在官网点击免费下载，且安装完成之后整个HBuilder也非常的小。在百度百科上，HBuilder的特点就是快。HBuilder为开发者提供各种的自动提示，比如代码、语法等，有效率的提升系统的开发速度及效率。

这么一个在我看来是实现Web开发最适合我的工具，在我与微信小程序平台进行对比后，还是毅然决然的选择了基于微信平台的微信小程序实现这个系统。原因有以下几点：网页端的订餐服务对于没有电脑的工作党和学生党来说实在是不方便，在智能设备几乎普遍了人手一部的情况下，还坚持在网页端做一个订餐系统的营销实在不是明智之举。网页开发还要自行下载数据库，数据库连接什么的又会是一个麻烦的事。

2.1.2 微信小程序的优势

从商业角度来看，随着微信的大众化，在中国互联网信息中心查询到的《中国互联网络发展情况统计报告》^[6]显示，到2017年12月为止，微信的使用人数达到总上网人数数量的87.3%。基于微信这一平台，小程序游戏的发展有了开始的可能。强大的市场资源使微信支付变得越来越普遍，越来越多的个人商户和小中大型企业都开始使用朋友圈，微信公众号等等平台进行商业营销。微信用户庞大的数量决定了微信营销的快速发展。微信小程序的使用更是能在将来成为一个大趋势，微信小程序的商业前景可以说是无限发展的。为了让人民群众在订餐时,在手机端的小程序就能拥有大量的店铺选择和订单服务,节省时间,所以小程序是选择开发订餐服务系统时的最佳选择。

前文里提到，微信小程序开发者工具可以帮助开发者实现小程序的很多功能，比如前端页面及调试，代码的编辑与调视，小程序页面与实现的事件、函数的预览和公布，还有后台数据库的管理、后台存储空间的使用和云函数等等。小程序的页面开发可以在编辑器里完成，旁边就有模拟器和调试器。在编辑器里写下的每一行代码都会在模拟器中被看得一清二楚，当然调试也变得十分简单。因为每一个系统都不能超过2M，速度比起其他的开发工具来说也是快了不少的，UI也非常漂亮，还能智能补全和保存，文件组织方式简洁干净明了，每一次的编译也是代码的一次自动保存。在数据库方面，小程序有自带的云开发数据库灵活性更高，调用数据、存储数据和文件时简单快捷。

以上是毕业论文大纲或资料介绍，该课题完整毕业论文、开题报告、任务书、程序设计、图纸设计等资料请添加微信获取，微信号：bysjorg。

相关图片展示：