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

小程序测评:视频电商「新品有戏应用」

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

小程序开发

今天要介绍的是「新品有戏应用」小程序,「新品有戏应用」每日都会发布一款具有生活品质的新产品,一日一物,通过20秒短视频的方式让你了解到该产品的设计与功能,更直观的表达产品的真实应用场景,每个产品都能一步直接购买,让用户享受到新产品对其生活的改变,Make Life Simple。

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

功能1:显示首页

小程序测评:视频电商「新品有戏应用」(图1)

 

功能1:显示首页

数据接口:进入首页,显示今日新品和晚期产品

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

用到的小程序API: wx.request

 
 
 

功能2:产品详情

小程序测评:视频电商「新品有戏应用」(图2)

数据接口:点击产品,进行产品详情页面,展示短视频并且提供购买选择、抢购

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

用到的小程序API: wx.request

 
 
 

功能3:立即支付

小程序测评:视频电商「新品有戏应用」(图3)

数据接口:点击“立即抢购”,转到订单编辑页,进行地址编辑和配送编辑,点击“立即支付”

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

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

 
 
 

功能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)

 

数据接口: 点击“我”,可以进行展示未发货、已发货、已完成的订单等。

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

用到的小程序API: wx.request

 
 
 

功能7:登录

小程序测评:视频电商「新品有戏应用」(图7)

数据接口:进入小程序,小程序弹出登录请求

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

 
 
 

总结:「新品有戏应用」小程序有7个页面,用到的小程序组件有7个,用的小程序API有3个,分别如下:

前端页面个数:7

分别为:

  1. 首页:pages/index/index

  2. 我的:pages/my/my

  3. 详情:pages/details/details

  4. 订单详情:pages/order-details/order-details

  5. 详情:pages/orderlist/orderlist

  6. 地址列表:pages/addrlist/addrlist

  7. 添加地址:pages/addaddr/addaddr

用到的小程序组件:

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

用到的小程序API:

wx.login,wx.getUserInfo,wx.request

数据接口API:

  1. 显示首页

  2. 产品详情

  3. 立即支付

  4. 添加、编辑地址

  5. 我的地址、删除地址

  6. 个人中心

  7. 登录






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