AD:靠谱的微信小程序外包开发

admin

admin

发表于 2017-02-24 12:02:12

摘要:小程序开发--视频电商「新品有戏应用」小程序用了没 (微信 小程序开发 - 微信 小程序外包开发-微信小程序 开发教程-微信 小程序开发者社区,尽在 www.mntuku.cn)

小程序开发--视频电商「新品有戏应用」小程序用了没

小程聚,汇聚百万优秀小程序!轻松找到小程序和源代码,还能发布代码赚钱!

小程序开发

今天小程聚要介绍的是「新品有戏应用」小程序,「新品有戏应用」每日都会发布一款具有生活品质的新产品,一日一物,通过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:

显示首页

产品详情

立即支付

添加、编辑地址

我的地址、删除地址

个人中心

登录

欢迎咨询合作

   本文由[小程聚]原创出品,关注微信号[xcxlme],或长按识别以下二维码关注[小程聚],您将可以获取各类优质小程序的技术分析及有价值的小程序深度好文。如你希望获取此小程序源代码及寻求合作,欢迎联系我们。

公司官网:http://fyit.cc

联系方式:13802447774

邮箱地址:fzb@fyit.cc

小程聚

做最好的小程序商店

汇聚百万优秀小程序

长按二维码关注

114阅读 | 0评论
你的回应
写文章

1963