如何在小程序中修改打卡?小程序修改打卡怎么实现?微信小程序现在有打卡的功能,如果要修改小程序打卡应该怎么做呢?今天小编就来教大家如何在小程序中修改打卡哦,一起来学习吧。
如何在小程序中修改打卡?
用过了微信小程序打卡功能的微信小程序用户都很清楚在创建打卡的时候,可以去自行的设置时间和习惯哦。微信小程序开发者若是要修改小程序打卡时间也是可以的,如何在小程序中修改打卡?
先通过文档约定这个小程序数据的请求方式、请求链接、请求时所带的参数以及返回的数据格式。接下来在然后在page的data对象中去定义属性,然后更改属性为habitList,在小程序中向服务器发送网络请求并获取返回的数据后,通过setData()更新data对象下定义的habitList的值。
推荐列表的内容接下开就会自动呈现在界面上。微信小程序代码如下:
//page.js
Page({
data:{
habitList: [],
},
onLoad:function(){//页面初始化时,发送微信小程序网络请求
this.habitFind();
},
habitFind: function(){
var that = this;
wx.request({
url: 'https://www.x.com/habit/find',
method: 'GET',
data: {
openId: userInfo.openId
},
success: function(res) {//成功获取返回的数据
if(res.data.code == '2000'){
let habitList = res.data.data.habitList;
if(habitList.length){
that.setData({//更新data数据中的habitList
habitList: habitList
});
}
//page.wxml 可以参考官方文档中的列表渲染部分的内容
图:渲染后的列表小程序页面
通过API文档规范约定小程序中某一个页面或操作所需发送的数据以及从服务端返回的数据格式,这对于独立开发或团队协作开发都大有裨益。这