欢迎光临,了解微信小程序开发,就上易用通!

小程序测评-滴滴出行DiDi小程序之分析

发布:2017-11-12 15:39浏览: 来源:网络 作者:tianshu


小程序开发

今天小程聚要介绍的是「滴滴出行DiDi」小程序,滴滴出行小程序为广大用户提供滴滴快车服务,经济又舒适,专业司机为您提供服务,性价比较高。用户可以直接在微信上叫车,约车,搭车。非常方便。

 

 

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

功能1:显示首页

 

小程序测评-滴滴出行DiDi小程序之分析(图1)

  • 功能1:显示首页

  • 数据接口:进入首页,系统经用户允许获取当前位置

  • 用到的小程序组件:view,text,image,input,form,button

  • 用到的小程序API: wx.request,wx.getLocation

 
 
 

功能2:地址选择

小程序测评-滴滴出行DiDi小程序之分析(图2)

  • 数据接口:点击出发点或终点,输入搜索目的地

  • 用到的小程序组件:view,text,input,form

  • 用到的小程序API: wx.request

 
 
 

功能3:呼叫快车 

小程序测评-滴滴出行DiDi小程序之分析(图3)

  • 数据接口:

  • ①价格计算:输入出发点或终点,系统自动估计价格

  • ②呼叫快车:输入完出发点或终点,点击呼叫快车

  • 用到的小程序组件:text,view

  • 用到的小程序API:wx.request

 
 
 

功能4:取消订单

 

小程序测评-滴滴出行DiDi小程序之分析(图4)

  • 数据接口:进入呼叫状态,可以选择点击取消订单,确认即可。

  • 用到的小程序组件:text,view,button,form

  • 用到的小程序API: wx.request

 
 
 

总结:「滴滴出行DiDi」小程序有10个页面,用到的小程序组件有5个,用的小程序API有2个,分别如下:

前端页面个数:10

分别为:

1.首页:pages/index/index

2.起始地址:pages/start-addr/start-addr

3.结束地址:pages/end-addr/end-addr

4.手机号登录叫车:pages/phone-num/phone-num

5.手机号登录叫车:pages/login/login

6.钱包,设置列表: pages/my/my

7.我的余额:pages/money/money

8.常见问题,乘客指南,计费标准:pages/question/question

9.车券:pages/ticket/ticket

10.等待:pages/wait/wait

用到的小程序组件:

view,text, image, button,form

用到的小程序API:

wx.request, wx.getLocation

数据接口API个数:7

数据接口API:

1、显示首页

2、地址选择

3、价格计算

4、呼叫快车

5、取消订单

6、获取验证码

7、登录






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。