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

小程序测评--腾讯周边小程序之分析

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

小程序开发

今天要介绍的是「腾讯周边」小程序,腾讯周边小程序里面可以购买腾讯周边互动娱乐平台旗下周边游戏和动漫已经影视娱乐产品,例如QQ系列公仔、玩偶,腾讯游戏旗下英雄联盟手办、背包以及各种特色物品等等,是一个比较简洁方便的微信电商平台。

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

功能1:显示首页

小程序测评--腾讯周边小程序之分析(图1)

  • 数据接口:进入首页,显示周边正品,提供搜索功能和正品分类

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

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

 
 
 

功能2: 搜索|分类列表

小程序测评--腾讯周边小程序之分析(图2)

  • 数据接口:搜索或者点击正品分类,显示不同分类的商品

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

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

 
 
 

功能3:正品详情

小程序测评--腾讯周边小程序之分析(图3)

  • 数据接口:进入正品详情,显示商品的详细介绍内容

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

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

 

功能4:提交订单(微信支付)

小程序测评--腾讯周边小程序之分析(图4)

  • 数据接口:进入购物车,点击微信支付,进行订单的提交购买

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

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

 
功能5:分类列表

小程序测评--腾讯周边小程序之分析(图5)

  • 数据接口:点击“分类”,显示全部分类

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

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

 

功能6:收货地址 

 

小程序测评--腾讯周边小程序之分析(图6)

  • 数据接口:

  • ①编辑|添加地址:点击填写收货地址,输入相对应的关键词,进行提交

  • ②显示|删除地址:点击收货地址,显示用户全部的收获地址,并且可以点击删除

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

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

 
功能7:客服会话

小程序测评--腾讯周边小程序之分析(图7)

  • 数据接口:进入客服会话,用户可以进行发送消息和接收消息

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

 

功能8:登录

小程序测评--腾讯周边小程序之分析(图8)

 
 
 

总结:「腾讯周边」小程序有15个页面,用到的小程序组件有8个,用的小程序API有4个,分别如下:

1

前端页面个数:15

分别为:

1.首页:pages/index/index

2.搜索结果:pages/searchResult/searchResult

3.首页分类详情:pages/classifyDetail/classifyDetail

4.商品详情:pages/goodsDetail/goodsDetail

5.客服:pages/service/service

6.分类:pages/classify/classify

7.确认订单:pages/confirmOrder/confirmOrder

8.编辑地址:pages/editAddress/editAddress

9.购物车:pages/cart/cart

10.我的:pages/myself/myself

11.订单列表:pages/orderList/orderList

12.订单详情:pages/orderDetail/orderDetail

13.收货地址:pages/addressList/addressList

14.售后服务:pages/afterSale/afterSale

15.关于积分:pages/integral/integral

2

用到的小程序组件:

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

用到的小程序API:

wx.request, wx.login, wx.getUserInfo ,wx.requestPayment

3

数据接口API个数:9

数据接口API:

1、显示首页

2、搜索|分类列表

3、正品详情

4、提交订单(微信支付)

5、分类列表

6、编辑|添加地址

7、显示|删除地址

8、客服会话

9、登录






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