专注连锁门店会员营销管理系统
线上+线下+进销存+收银+会员2020-09-27 作者:黄珊
上拉刷新,下拉加载,分别点击tab都还能够请求服务器。我想的最好的方法是把日期和月份这2个抽离出来做成一个方法,然后上拉刷新,下拉加载,点击tab分别调用日期和月份方法即可。我尝试百度/google,见到最多的链式写法,以获取用户数据举例:
//这里的操作都是举例说明。
wxLogin()
.then(=>res{
console.log(res.code)
return wxRequest.getUserOpenId(url, params)//请求获取用户ID
})
.then(=>res{
console.log(res.openId)
return wxRequest.getUserPhone());//请求获取用户手机
})
.catch()
在index.js页面 ; getUserOpenId()和getUserPhone()都是封装在另外一个js里面的。或者是直接getUserMessage().then(res=>).catch();这样直接获取用户数据了。
wxRequest.getUserMessage()
.then(=>res{
console.log(res.code);
})
.catch()
当然我这样举例还是不能说明存在什么问题,那么如果我要像上面图那样获取日期数据,月份数据怎么办呢?难道按照第一个那样写,上拉加载那里写一堆,下拉刷新那里一堆,切换tab也写一堆重复的代码?还是说我管你是上拉刷新,还是下拉加载好,我直接通过一个接口在一起获取数据?所以我通过百度/google到他们写的还不够完善(不是写的不好哈)
我的写法:
//我只是抽取我部分代码来展示
Page({
data:{
},
onLoad: function () {//生命周期
this.readUserMesage();
},
readUserMesage(): function () {//获取用户信息,并获取按日期的数据
this.showLoading();
let parameters = 'user?ptId=aaaaaaaaaaaaaa';
api.getRequest({
parameters: parameters,
}).then(res => {
return this.readDayData(); //获取日期信息
}).catch(error => {
this.hideLoading();
});
},
readMonthData() {//把月份单独抽取出来
var url = 'dailypay?xxxxx=aaaa&yyy=bbbbbb';
var parameters = { parameters: url }
return api.getRequest(parameters)//我这里是封装请求服务器的,注意我加了return
.then(res => {
//这里就可以获取到返回的res的集合数据
}).catch(error => {
console.log(JSON.stringify(error));
this.hideLoading();
});
},
readDayData() {//把日期单独抽取出来
var url = 'dailypay?xxxxx=aaaa&yyy=bbbbbb';
var parameters = { parameters: url }
return api.getRequest(parameters)//我这里是封装请求服务器的,注意我加了return
.then(res => {
//这里就可以获取到返回的res的集合数据
}).catch(error => {
this.hideLoading();
});
},
onPullDownRefresh() {//下拉刷新
if (this.data.currentIndex == 0) {//如果当前是在日期
this.readDayData();
} else {//如果当前是在月份
this.readMonthData();
}
},
onReachBottom() {//上拉加载
if (this.data.currentIndex == 0) {
this.readDayData();
} else {
this.readMonthData();
}
},
)}
好了,我的方法介绍完成了。这样做就可以减少代码量了。
HiShop小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。
线上+线下+进销存+收银+会员门店零售管理好帮手
门店能实现快速收银,提升门店经营效率。
系统自带进销存管理,更好管理库存销售。
配备收银硬件一站式整体服务。
收 银 会员管理 库存管理 商品管理 交接班 数据报表 营销促单 售后处理 多种收款
获取报价推荐文章
最新消息总结,开发一个小程序我们可以选择的第三方框架有5种,大家比较熟悉的有美团小程序框架mpvue,还有组件化框架等...
最近在调研小程序的分享能力,本篇文档主要是调研小程序关于分享方面的玩法,目的是学习小程序在项目应用以及玩法链上...
许多人在使用小程序,会有一个很麻烦的事情,就是使用过小程序之后,会不断的发送自己的定位消息,那么这个小程序的...
一款小程序,很多时候需要调用内置的照相机,实现拍照并图片上传,那么要如何实现呢?...
嘿,朋友!在当下这竞争激烈的商业环境里,私域运营中的分销可太关键啦!你看,好多商家都发现,老一套的一级、二级分销...
服装店小程序制作流程 在数字化浪潮中,服装店制作小程序能拓展销售渠道、提升顾客体验。下面为您介绍其制作流程。 ...
服装店小程序会员卡管理系统百科 服装店小程序会员卡管理系统是一种依托微信小程序平台,专门为服装店打造的数字化管...
服装店小程序需要多少钱 服装店小程序的价格因开发方式、功能需求、设计要求等因素而有所不同。下面为你详细介绍。 ...
服装店收银系统是专为服装零售行业设计的管理软件,可处理从商品扫描、收款到库存管理等一系列流程,能有效提升服装店...
服装店小程序制作费用百科 在数字化浪潮中,不少服装店商家想借助小程序拓宽销售渠道。但制作服装店小程序要花多少钱...