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

小程序开发--e代驾Lite小程序之分析

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


小程序开发

今天小程聚要介绍的是「e代驾Lite」小程序,e代驾Lite是一款专业提供“到达快,服务好,保障全”代驾服务的小程序。通过移动互联网技术改善传统代驾服务行业,在大大降低代驾等候时间和代驾服务费用的同时,更将安全和便捷带给大众。

 

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

功能1:显示首页

 

小程序开发--e代驾Lite小程序之分析(图1)

  • 数据接口:进入首页,自动定位获取当前位置

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

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

 
 
 

功能2:呼叫司机

小程序开发--e代驾Lite小程序之分析(图2)

  • 数据接口:点击“呼叫司机”,系统自动为您联络司机进行派单

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

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

 
 
 

功能3:搜索地址

小程序开发--e代驾Lite小程序之分析(图3)

  • 数据接口:进入搜索页面,输入位置,进行搜索

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

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

 
 
 

功能4:登录

 

小程序开发--e代驾Lite小程序之分析(图4)

  • 数据接口:

  • ①系统登录:进入小程序,小程序弹出登录请求

  • ②手机验证:点击注册登录,进行手机获取验证码,进行登录

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

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

 
 
 

总结:「e代驾Lite」小程序有4个页面,用到的小程序组件有5个,用的小程序API有4个,分别如下:

前端页面个数:4

分别为:

1.首页:pages/index/index

2.搜索地址:pages/search-addr/search-addr

3.登录:pages/login/login

4.详情:pages/details/details

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

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

数据接口API个数:4

数据接口API

1、显示首页

2、呼叫司机

3、搜索位置






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