小程序开发网站数据-陌陌小程序开发实用方法数据传输与存储

结合自己平时开发中遇到的各种问题小程序开发网站数据,浏览各种问题的解决方案,总结了一些日常开发中常用的方法和知识点。 希望您能毫不犹豫地纠正我。

1. 数据存储生命周期

建议将从小程序启动到小程序完全关闭的数据存储在app.js文件夹中,引用app.js:

const app =getApp();

假设Value是小程序当前生命周期中经常使用的一条数据,比如请求API token、动态token等,这样就可以将这个value参数化为全局变量。 事实上,app.js 中的 globalData 不仅是全局变量,你还可以定义自己的数据集。

小程序开发网站数据-陌陌小程序开发实用方法数据传输与存储

App({
  eduOS:{
    token:""
  },
  ...
})

操作app.js上面token的形参非常简单,只要页面引用app.js即可

app.eduOS.token = Value;

这些数据从小程序启动到后台完全关闭常年存在,并且可以根据需要进行更改。 值可以是一个对象。

2.长生命周期或私有数据存储

小程序开发网站数据-陌陌小程序开发实用方法数据传输与存储

这些数据的明显特征是小程序关闭重启后仍然存在,或者涉及用户隐私信息小程序开发网站数据,需要重复利用。 这时候就可以使用本地缓存来解决这些问题。

本地缓存的生命周期:小程序开始使用----->小程序彻底从使用列表中移除。

小程序设置缓存的形式:

wx.setStorage({
            key: "educookie",
            data: {
              xh: that.data.xh,
              pwd: that.data.pwd
            }
          })

小程序获取缓存的方法:

小程序开发网站数据-陌陌小程序开发实用方法数据传输与存储

 var that = this;
 wx.getStorage({
      key: "educookie",
      success: function(res) {
        that.setData({xh:res.data.xh,pwd:res.data.pwd});
      },
    })

例如,要保存用户的登录状态信息,而不保存用户的隐私数据,可以使用这些方法。

或者是非时间敏感的数据,可以通过这些方法来存储。

3.动态信息或配置信息存储

保存用户的配置信息,更换手机时快速完成配置同步。

小程序开发网站数据-陌陌小程序开发实用方法数据传输与存储

商店的小程序建议商品变更,或者内容修改,或者降低活动。 不可能每次都重新绘制,然后让小程序进行初审。

就此而言,该信息可以存储在前端服务器中。

以某小程序的轮播广告牌为例:

{
 ad1:"imgurl1",
 ad2:"imgurl2",
 ad3:"imgurl3"
}

将这些数据存储在后台服务器中,每次刷新页面时请求后台数据以更改内容。

小程序开发网站数据-陌陌小程序开发实用方法数据传输与存储

wx.request({
 url:"XXX",
 data:{},
 success(res){
  that.setData({
   adList:res.data
  })
 }
})

与这些方法类似,完成一些数据的动态控制或者云端同步。

4.页面之间的数据传输

1. URL参数化

页面之间的数据传输通常很简单。 这类数据的生命周期是一次性的,用完就会被删除。

wx.navigatorTo({
 url:"../index/index?param1=value1&param2=value2"
})

//在index页面获取
onLoad(options){
 console.log(options.param1);//value1
}

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 网站程序 小程序开发网站数据-陌陌小程序开发实用方法数据传输与存储 https://www.wkzy.net/game/146578.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务