基于微信小程序的取餐系统的研究与设计

2019-06-02 标签:取餐小程序 浏览数:25

摘要: 主要讨论微信小程序的取餐系统的设计与实现,通过分析取餐小程序应用的优点并应用小程序原生程序开发取餐柜系统,进而实现应用。

资讯主图

截至2016年底,统计数据显示中国大陆网民数量已经达到7.3亿人次,这其中大约80%以上的人通过互联网或其他相似渠道购买过物品,部分网民甚至已经对其产生了依赖性。在线交易模式决定了其全天候、 广地域、限制小的优点,而微信小程序极大地方便了用户的使用,打开微信就能完成以往需要许多APP才能完成的功能。


一、取餐微信小程序应用的优点

无需注册简单方便:微信小程序相比于网页版店铺,用户不再需要注册、登录、付款等一系列繁琐的流程,微信全部提供了内置功能,而且页面流畅度高很多。也不用强制关注,即扫即取;简单方便,极其适合取餐柜的设计模式。

大数据分析精准对接取送餐环节:微信小程序对大多数普通消费者而言无非就是购买流程的简洁和线上选择的相对丰富,具体到外卖取餐系统而言,微信小程序的成功植入便利了消费者在取餐终端环节,而且大大减少通常等候送餐员的窘境,这一点对于影响力较大、口味独特、信誉良好的餐饮商家而言无疑是扩大销售的良机。在促进销售额增长的同时,餐饮业应用小程序还可以照顾到消费者的不同需求(包括用餐时间、口味等)有了小程序这一便利的工具,消费者可以较快的取餐,送餐员也节省了送餐时间。


二、取餐小程序设计与实现

精美的菜式展现设计:取餐柜利用微信小程序在设计上充分考虑用户的实际使用习惯,人性化的与外卖企业和相应商家服务,商家或外卖企业利用内嵌地图应用实时更新送餐进度,当外卖送达取餐柜的时候发送一条短信通知消费者前来取餐。在取餐前首先将外卖数据展示到页面,在微信小程序开发平台提供了很多微信小程序的API,我们可以利用网络发送请求来连接后台外卖数据API接口。具体操作如下:

请求成功后返回菜单数据res,然后根据分类进行页面渲染。一般的H5页面基本都是通过大量的DOM操作来实现。微信小程序其实跟vue.js的用法非常像,在视图层内部分装了很多框架,整个渲染过程只需在wxml中实现。

因为取餐柜一些功能的效果类似,比如显示餐食、配送信息等,为了减少代码的重复性,所以对一些重复出现的代码进行了函数分装。如下:

取餐柜的功能设计:取餐柜列表数据一般是通过顾客点餐后拿到的数据,所以我们放在生命周期函数里给carts赋值。而onLoad和onReady只在初始化的时候执行一次,所以我需要把请求放在onShow函数里。拿到carts数据后同样进行取餐柜执行端的页面渲染,然后就是需要实现取餐柜的一些基本功能。

取餐模块设计:用户通过扫描二维码获得取餐信息,小程序调用wx.login()获取临时登录凭证code,并回传到服务器。服务器以code换取用户唯一标识openid和会话密钥session_key。服务器可以根据用户标识来生成自定义登录态,用于后续业务逻辑中前后端交互时识别用户身份。所以用户在使用小程序取餐的时候无需自己注册账号,利用微信就可以实现登录用以取餐。具体实现:

用户在打开小程序的时候可以选择是否授予小程序登录权限,所以执行环境应该在小程序的生命周期onLoad函数里。


三、结语

研究设计实现了基于微信小程序的取餐柜的基础架构,对其功能和执行逻辑进行了相应的设计实现,提供了一套可应用于商业实践的取餐柜基础框架。


关键字: 衡阳微信小程序,取餐小程序

衡阳网站建设,APP开发活动入口
相关资讯
热门资讯
提供衡阳微信小程序开发,微信营销功能开发、公众号开发等开发服务