小程序开发
今天要介绍的是「腾讯周边」小程序,腾讯周边小程序里面可以购买腾讯周边互动娱乐平台旗下周边游戏和动漫已经影视娱乐产品,例如QQ系列公仔、玩偶,腾讯游戏旗下英雄联盟手办、背包以及各种特色物品等等,是一个比较简洁方便的微信电商平台。
本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。
功能1:显示首页
-
数据接口:进入首页,显示周边正品,提供搜索功能和正品分类
-
用到的小程序组件:view,text,image,input,form,button,tab,swiper
-
用到的小程序API: wx.request
功能2: 搜索|分类列表
-
数据接口:搜索或者点击正品分类,显示不同分类的商品
-
用到的小程序组件:view,text,image
-
用到的小程序API: wx.request
功能3:正品详情
-
数据接口:进入正品详情,显示商品的详细介绍内容
-
用到的小程序组件:text,view,image,button
-
用到的小程序API:wx.request
功能4:提交订单(微信支付)
-
数据接口:进入购物车,点击微信支付,进行订单的提交购买
-
用到的小程序组件: text,view,image,button,form
-
用到的小程序API: wx.request,wx.requestPayment
-
数据接口:点击“分类”,显示全部分类
-
用到的小程序组件: text,view,image
-
用到的小程序API: wx.request
功能6:收货地址
-
数据接口:
-
①编辑|添加地址:点击填写收货地址,输入相对应的关键词,进行提交
-
②显示|删除地址:点击收货地址,显示用户全部的收获地址,并且可以点击删除
-
用到的小程序组件:text,view,input,form,button
-
用到的小程序API: wx.request
-
数据接口:进入客服会话,用户可以进行发送消息和接收消息
-
用到的小程序API:wx.request
功能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、登录