摘要：生活水平日益增高，人们对于品质的追求也更上了一个台阶，处于快节奏生活的今天，时间对于人们来说无疑是宝贵的，人们投入了大量的时间投身于工作中，因此在其他方面所花的时间只能缩减。但就餐时，总是需要花费更多时间去排队等候空闲的服务人员来记录订单，这个等候的过程十分的令人头疼，有时只能放弃自己心仪的食物去选择就餐人数相对较少的或是服务人员相对较多的餐馆，从而保证就餐人员进入餐厅就能够快速的点餐。在处于智能化的今天，迫切需要将智能化融入日常的生产生活中，与时俱进，为人们的生活带来极大的便利。本文重点介绍微信小程序点餐系统的设计，凭借一部手机，无需安装app即可做到浏览菜单、扫码点餐以及在线支付等功能，对于购物车中的加购菜品的数量增减实现了一键清空，避免用户错按后还需要手动进行一一清除，借助智能的手段帮助大众解决食的问题，从而做到节省打工人的宝贵时间。

本设计是基于微信开发者工具，实现在线点餐的功能。视图层主要使用WXML和WXSS编写，逻辑层使用javaScript，以开发者工具中自带的JSON数据库实现对于数据的存储，管理员通过Cms内容管理中对于菜单、用户订单、推荐菜品的轮播图等方面进行可视化控制。

关键词：微信小程序，数据库，云开发，联动样式，CMS内容管理

目录

摘要

Abstract

第一章 引言-1

1.1 课题意义-1

1.2 开发工具的选择-1

第二章 所用开发工具简介-2

2.1微信小程序简介-2

2.2微信开发者工具简介-2

2.3云开发简介-2

2.4 CMS可视化管理-2

第三章 系统总体设计-3

3.1 系统需求分析-3

3.1.1 经济可行性-3

3.1.2 技术可行性-3

3.1.3 用户可行性-3

3.2 系统概要设计-4

3.2.1 系统结构设计-4

第四章 数据库的设计-5

4.1 数据库的需求分析-5

4.2 数据库的概念结构设计-5

4.2.1用户实体-5

4.2.2菜单实体-5

4.2.3管理员实体-6

4.2.4订单实体-6

4.2.5系统E-R图-6

4.3 数据库的逻辑结构设计-7

第五章小程序的设计与实现-10

5.1小程序各部分模块组成及实现-10

5.1.1扫码点餐模块的实现-10

5.1.2分类联动样式的实现-11

5.1.3搜索功能的实现-12

5.1.4轮播功能的实现-13

5.1.5购物车弹窗的实现-15

5.1.6 清空购物车的实现-16

5.1.7管理员后台管理功能的实现-17

5.2  用户操作功能的实现-18

5.2.1用户授权登录界面的实现-18

5.2.2订单评价的实现-19

5.2.3修改个人信息的实现-21

5.3  云开发的实现-22

5.3.1开通云开发服务-22

5.3.2初始化数据库-22

第六章 小程序的测试和运行-23

6.1 小程序的测试和运行-23

6.1.1测试的意义-23

6.1.2测试的目的-23

6.1.3 小程序的测试环境-23

6.1.4小程序的测试效果-24

结束语-26

参考文献-27

致   谢-28