51小程序 微信小程序动态 查看内容

微信小程序体验评测之美团外卖

2017-3-24 09:52| 查看: 1930| 原作者: 肖大神

摘要: 进日工作压力比较大,连出门吃饭的时候都没有,所有就一直是店外卖的状态。由于工作的职业习惯,我就尝试了「美团外卖」的小程序点外卖,美团外卖小程序二维码是微信美团外卖小程序的扫码入口,用户可以通过扫描此二 ...

进日工作压力比较大,连出门吃饭的时候都没有,所有就一直是店外卖的状态。由于工作的职业习惯,我就尝试了「美团外卖」的小程序点外卖,美团外卖小程序二维码是微信美团外卖小程序的扫码入口,用户可以通过扫描此二维码使用外卖订购服务,美团外卖小程序会获取你的地理位置(注意一定是要获取你的地理位置,如果无法获取你的地址位置,美团外卖的小程序是无法提供服务的),为你提供高品质的外卖服务。

首先我们来看看如何找到「美团外卖」的小程序?打开微信手机客户端---点击搜索“美团外卖”,就会出现美团外卖公众号和美团外卖小程序。而我们今天要介绍的就是美团外卖小程序


本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。

功能1:显示首页
233254laclf4s2cd2dcwao.jpg
  • 数据接口:进入首页,系统自动定位,并且展示周边的服务
  • 用到的小程序组件:view,text,image,input,form
  • 用到的小程序API: wx.request, wx.getLocation


功能2: 显示列表|搜索
233254ws7qtgg771rfajq4.jpg
  • 数据接口:点击外卖分类,进入商户列表,也可以进行搜索或筛选
  • 用到的小程序组件:view,text,image,input,form
  • 用到的小程序API: wx.request


功能3:商户页面
233255wbvrp050xbgw80pb.jpg
  • 数据接口:进入商户页面,显示不同商户的菜单和信息
  • 用到的小程序组件:text,view,image
  • 用到的小程序API:wx.request


功能4:提交订单(微信支付)
233255eqg9w9f5wgcgfg6o.jpg
  • 数据接口:选择团购,进行填写,提交订单
  • 用到的小程序组件:text,view,button,form
  • 用到的小程序API:wx.request,wx.requestPayment


功能5:我的订单
233255cvva14a30jvpj3cj.jpg
  • 数据接口:进入“订单”,可以查看我的所有订单
  • 用到的小程序组件:text,view,image,tab
  • 用到的小程序API:wx.request


功能6:我的红包
233256uzovh11t9aueoo1j.jpg
  • 数据接口:进入“我的”,可以查看我的红包
  • 用到的小程序组件:text,view,image
  • 用到的小程序API:wx.request


功能7:收货地址
233256tiz4gaqpp7k7dpaa.jpg
  • 数据接口:
  • ①编辑|添加地址:点击填写收货地址,输入相对应的关键词,进行提交
  • ②显示|删除地址:点击收货地址,显示用户全部的收获地址,并且可以点击删除
  • 用到的小程序组件:text,view,input,form,button
  • 用到的小程序API: wx.request

总结:「美团外卖」小程序有14个页面,用到的小程序组件有8个,用的小程序API有3个,分别如下:

1
前端页面个数:14
分别为:
1.首页:pages/index/index
2.订单:pages/order/order
3.我的:pages/my/my
4.当前位置:pages/address/address
5.编辑收货地址:pages/addaddr/addaddr
6.搜索:pages/search/search
7.店铺列表:pages/store-list/store-list
8.店铺菜单:pages/menus/menus
9.提交订单:pages/submit-order/submit-order
10.订单状态、详情:pages/order-status/order-status
11.红包:pages/packet/packet
12.过期红包:pages/past-packet/past-packet
13.我的地址列表:pages/addrlist/addrlist
14.登录:pages/login/login
2
用到的小程序组件:
view,text,image,input,form, button ,scroll-view ,tab
用到的小程序API:
wx.request, wx.getLocation ,wx.requestPayment
3
数据接口API个数:8
数据接口API:
1、显示首页
2、显示列表|搜索
3、商户页面
4、提交订单(微信支付)
5、我的订单
6、我的红包
7、编辑|添加地址
8、显示|删除地址

点此搜索更多关于"微信小程序体验评测之美团外卖"的问题
收藏

最新评论

热门小程序源码

    手机版|51小程序,商务合作QQ: 3352085720 ( 苏ICP备15027371号 )

    Powered by Discuz! X3.2

    返回顶部