小程序开发
今天小程聚要介绍的是「滴滴出行DiDi」小程序,滴滴出行小程序为广大用户提供滴滴快车服务,经济又舒适,专业司机为您提供服务,性价比较高。用户可以直接在微信上叫车,约车,搭车。非常方便。
本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。
功能1:显示首页
-
功能1:显示首页
-
数据接口:进入首页,系统经用户允许获取当前位置
-
用到的小程序组件:view,text,image,input,form,button
-
用到的小程序API: wx.request,wx.getLocation
功能2:地址选择
-
数据接口:点击出发点或终点,输入搜索目的地
-
用到的小程序组件:view,text,input,form
-
用到的小程序API: wx.request
功能3:呼叫快车
-
数据接口:
-
①价格计算:输入出发点或终点,系统自动估计价格
-
②呼叫快车:输入完出发点或终点,点击呼叫快车
-
用到的小程序组件:text,view
-
用到的小程序API:wx.request
功能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、登录