念无与为乐者，遂至电脑旁打开微信开发者工具。发者工具亦未关闭，相与奋斗至深夜。庭下如积水空明，水中藻、荇交横，盖竹柏影也。何夜无月？何处无竹柏？但少闲人如吾一人者耳。

    趁着月明星稀，便开发了一款下单点餐微信小程序。新鲜出炉，热辣滚烫。

    一、系统功能结构图

    本系统是基于微信小程序云开发框架搭建的下单点餐系统。

    下单点餐系统功能结构图：

    二、功能介绍

    1、客户端小程序模块包括：

    1）用户注册登录：实现用户的微信授权注册登录，获取微信头像和昵称。

    2）首页轮播图：实现滑块视图容器显示面板指示点，采用衔接滑动的方式，每隔5秒进行自动切换，带有滑动动画效果。

    3）主页信息与功能按键：展示圆形店铺头图、店铺名称、标识和营业时间，联系方式以及地址，接入在线客服功能、一键拨号功能，点击[下单点餐]功能按键跳转到商品列表页面。

    4）商品列表页：左侧栏为分类，可以点击切换，右侧为对应当前分类下的商品信息列表，展示商品图片、名称、标签、销量和价格，加减功能按键。点击[+]功能按键，将其加入购物车或者数量加1，点击[-]功能按键将其数量减去1或者移出购物车，同时实现购物车商品总数量和总价格的实时联动累计显示功能。

    5）购物车：展示当前购物车中的商品总数量和价格合计，点击购物车图标展示（或隐藏相互切换）购物车中的商品信息列表，点击加减功能按键，实现购物车商品总数量和总价格的计算，同时进行联动商品列表页的加减数量。点击[去结算]按键跳转到确认订单页面。

    6）确认订单页：主要分表单填写区域、订单信息区域和提交订单栏。表单填写区域，包括多种表单项，比如输入框、选择器等，实现收集、校验、提交数据功能，比如收货人姓名、手机号码、收货地址、送达时间。订单信息区域，展示店铺名称、商品信息列表（商品图片、名称、价格和数量）、商品总金额和配送费。提交订单栏，展示需支付金额，[确认下单]功能按键，点击可以实现提交订单功能，并且跳转到订单详情页面。

    7）订单详情页：主要分订单状态区域、商品信息区域、配送信息区域和订单信息区域。订单状态区域，展示当前的订单处于什么状态，比如待付款状态则还有[取消订单]和[去支付]功能按键，待收货状态则还有[确认收货]功能按键。商品信息区域，展示店铺名称、商品信息列表（商品图片、名称、价格和数量）、商品总金额、配送费和实际支付金额。配送信息区域，展示收货人姓名、手机号码、收货地址、送达时间，还有[联系商家]功能按键实现一键拨号功能。订单信息区域，展示订单编号和下单时间，还有实现一键复制订单编号功能。

    8）我的订单页：实现选项卡组件，用于在不同订单状态的内容区域之间进行切换。实现我的订单信息按照订单状态归类的列表显示，点击可以查看订单详情。待付款状态则还有[取消订单]和[去支付]功能按键，待收货状态则还有[确认收货]功能按键。

    9.）个人中心页：用户登录后可以进入个人中心，在个人中心页面可以查看自己的信息和订单，可以转发分享，可以联系在线客服、意见反馈、授权设置等操作。

    10）tabBar：下单点餐小程序是一个多tab应用（客户端窗口的底部有tab栏可以切换页面），可以通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页面。