小程序开发
今天要介绍的是「新品有戏应用」小程序,「新品有戏应用」每日都会发布一款具有生活品质的新产品,一日一物,通过20秒短视频的方式让你了解到该产品的设计与功能,更直观的表达产品的真实应用场景,每个产品都能一步直接购买,让用户享受到新产品对其生活的改变,Make Life Simple。
本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。
功能1:显示首页
功能1:显示首页
数据接口:进入首页,显示今日新品和晚期产品
用到的小程序组件:view,image,text,tab
用到的小程序API: wx.request
功能2:产品详情
数据接口:点击产品,进行产品详情页面,展示短视频并且提供购买选择、抢购
用到的小程序组件:view,text,image,video
用到的小程序API: wx.request
功能3:立即支付
数据接口:点击“立即抢购”,转到订单编辑页,进行地址编辑和配送编辑,点击“立即支付”
用到的小程序组件:view,text,button,image,form,input
用到的小程序API:wx.request,wx.requestPayment
功能4:添加、编辑地址
数据接口:
①资料上传:点击开始办理,进行照片、护照、身份证等资料的上传
②订单提交:资料上传之后,进行申请表的填写,最后进行提交
用到的小程序组件:form,view,text,button,image,scroll-view
用到的小程序API: wx.request,wx.chooseImage
功能5:我的地址、删除地址
数据接口:点击我的收货地址,显示我的全部收货地址,点击删除,进行对收货地址的删除
用到的小程序组件:image,view,text,tab,button
用到的小程序API: wx.request
功能6:个人中心
数据接口: 点击“我”,可以进行展示未发货、已发货、已完成的订单等。
用到的小程序组件:image,view,text,tab
用到的小程序API: wx.request
功能7:登录
数据接口:进入小程序,小程序弹出登录请求
用到的小程序API: wx.login, wx.getUserInfo
总结:「新品有戏应用」小程序有7个页面,用到的小程序组件有7个,用的小程序API有3个,分别如下:
前端页面个数:7
分别为:
-
首页:pages/index/index
-
我的:pages/my/my
-
详情:pages/details/details
-
订单详情:pages/order-details/order-details
-
详情:pages/orderlist/orderlist
-
地址列表:pages/addrlist/addrlist
-
添加地址:pages/addaddr/addaddr
用到的小程序组件:
view,image,text,tab, button, input,form
用到的小程序API:
wx.login,wx.getUserInfo,wx.request
数据接口API:
-
显示首页
-
产品详情
-
立即支付
-
添加、编辑地址
-
我的地址、删除地址
-
个人中心
-
登录