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

小程序开发--熊猫签证小程序之功能分析

发布:2017-11-13 11:35浏览: 来源:网络 作者:tianshu

小程序开发

今天要介绍的是「熊猫签证」小程序,「熊猫签证」小程序能为广大用户提供旅游出行签证办理服务,有可能是全球最智能的签证办理小程序,签证资料电子化,一部手机全部搞定,给你简单、快速、省心、安全的签证办理服务。

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

功能1:显示首页

小程序开发--熊猫签证小程序之功能分析(图1)

 

数据接口:进入首页,显示全部签证范围和类型

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

用到的小程序API: wx.request

 
 
 

功能2:签证列表

小程序开发--熊猫签证小程序之功能分析(图2)

数据接口:点击签证范围,进行签证列表,页面定位长期居然地并且显示不同服务的签证

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

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

 
 
 

功能3:签证详情

小程序开发--熊猫签证小程序之功能分析(图3)

数据接口:进入签证详情,显示签证的详细内容和签证流程

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

用到的小程序API:wx.request

 
 
 

功能4:上传、提交订单

 

小程序开发--熊猫签证小程序之功能分析(图4)

数据接口:

①资料上传:点击开始办理,进行照片、护照、身份证等资料的上传

②订单提交:资料上传之后,进行申请表的填写,最后进行提交

用到的小程序组件:form,view,text,button,image,scroll-view

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

 
 
 

功能5:订单

小程序开发--熊猫签证小程序之功能分析(图5)

数据接口:

①我的订单:点击“订单”,显示我的全部订单,并且可以进行其他操作

②取消订单:进入我的订单,点击取消订单,进行订单的取消

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

用到的小程序API: wx.request

 
 
 

功能6:登录

 

小程序开发--熊猫签证小程序之功能分析(图6)

数据接口:

①系统登录:进入资料上传,小程序弹出登录请求

②手机验证:进入申请时,需要手机发验证码进行验证

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

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

 
 
 

总结:「熊猫签证」小程序有19个页面,用到的小程序组件有8个,用的小程序API有4个,分别如下:

前端页面个数:19

分别为:

  1. 首页:pages/index/index

  2. 订单:pages/order/order

  3. 签证列表:pages/visaList/visaList

  4. 签证详情:pages/visaDetail/visaDetail

  5. 用户评价:pages/evaluation/evaluation

  6. 绑定手机号:pages/login/login

  7. 出行信息:pages/travelMsg/travelMsg

  8. 资料上传:pages/dataUpload/dataUpload

  9. 照片:pages/photo/photo

  10. 护照:pages/passport/passport

  11. 身份证:pages/idCard/idCard

  12. 户口本:pages/accountBook/accountBook

  13. 婚姻状况:pages/marriage/marriage

  14. 机票预订单:pages/airTickets/airTickets

  15. 酒店预订单:pages/hotelTickets/hotelTickets

  16. 居住证:pages/residence/residence

  17. 辅助资产:pages/assets/assets

  18. 填写申请表:pages/applyFrom/applyFrom

  19. 订单确认:pages/orderConfirm/orderConfirm

    用到的小程序组件:

    view,image,text,tab, button, scroll-view, input,form,

    用到的小程序API:

    wx.login,wx.getUserInfo,wx.request,wx.getLocation

数据接口API:

  1. 显示首页

  2. 签证列表

  3. 签证详情

  4. 资料上传

  5. 订单提交

  6. 我的订单

  7. 取消订单

  8. 登录

  9. 手机验证





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