微信小程序本地数据读取实例

微信小程序本地数据读取实例

一般情况下，小程序的utils这个文件夹下，我们可以把本地的数据写进去，封装成.js文件，提供对外暴露的接口，然后读取本地数据。如果涉及到一些针对这些数据的处理方法，也可以把方法写好，封装到.js文件里面，然后需要时调用。

module.exports = { 
  mtData: mtData, 
  searchmtdata: searchmtdata, 
  usedraw: usedraw 
} 
var mt_data = mtData() 
function searchmtdata(id) { 
  var result 
  for (let i = 0; i < mt_data.list.length; i++) { 
    var mt = mt_data.list[i] 
    if (mt.id == id) { 
      result = mt 
    } 
  } 
  return result || {} 
} 
 
function mtData() { 
  var arr = { 
    list: [ 
      { 
        id: '1', 
        MTId: 'MT001', 
        status: 'working', 
        Duration: 3, 
        Operator: 'tom', 
        IdleReason: 'lunch' 
      }, { 
        id: '2', 
        MTId: 'MT002', 
        status: 'Idle', 
        Duration: 7, 
        Operator: 'jerry', 
        IdleReason: 'reparied' 
      }, { 
        id: '3', 
        MTId: 'MT003', 
        status: 'Idle', 
        Duration: 6, 
        Operator: 'tom', 
        IdleReason: 'lunch' 
      }, { 
        id: '4', 
        MTId: 'MT004', 
        status: 'working', 
        Duration: 9, 
        Operator: 'jerry', 
        IdleReason: 'reparied' 
      }, { 
        id: '5', 
        MTId: 'MT005', 
        status: 'Idle', 
        Duration: 2, 
        Operator: 'tom', 
        IdleReason: 'lunch' 
      }, { 
        id: '6', 
        MTId: 'MT006', 
        status: 'working', 
        Duration: 6, 
        Operator: 'jerry', 
        IdleReason: 'reparied' 
      }, { 
        id: '7', 
        MTId: 'MT007', 
        status: 'Idle', 
        Duration: 1, 
        Operator: 'tom', 
        IdleReason: 'lunch' 
      } 
    ] 
  } 
  return arr 
}

如上面的代码片段所示，function mtData写好的本地数据，其中包含对象List。另外还有一个function searchmtdata，这个方法是根据传参的不同加载具体的数据，接下来会用到，方法和数据都写好后，需要写一个对外暴露的接口：

module.exports = { 
  mtData: mtData, 
  searchmtdata: searchmtdata, 
  usedraw: usedraw 
}

在其他页面调用data文件（一般是在js文件里面）

var fileData = require('../../utils/data.js') 
Page({ 
 data: { 
  showData: fileData.mtData().list, 
 }, 
})

像上面的示例一样，在data{}中赋值后，showData就可以直接在wxml中显示了。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序 # 本地数据读取 # 小程序 # 数据读取 # 微信小程序本地缓存数据增删改查实例详解 # 微信小程序-详解数据缓存 # 微信小程序之数据缓存的实例详解 # 微信小程序开发之数据存储参数传递数据缓存 # 微信小程序本地数据存储实例详解 # 微信小程序缓存（本地缓存、异步缓存、同步缓存）详解 # 微信小程序基于本地缓存实现点赞功能的方法 # IOS中微信小程序播放缓存的音频文件的方法 # 微信小程序实现缓存根据不同的id来进行设置和读取缓存 # 微信小程序学习笔记之本地数据缓存功能详解 # 写好 # 是在 # 我们可以 # 希望能 # 还有一个 # 所示 # 涉及到 # 谢谢大家 # 好后 # 就可以 # 都写 # 其中包含 # 加载 # id # result # var # mt_data # function # lt # mt

返回目录在线咨询

上一篇：如何使用Golang Module初始化工程_Golang Module工程初始化指南
下一篇：淘宝联盟云建站提供的模板有哪些特点，能否自定义设计？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

微信小程序 本地数据读取实例

您的项目需求

微信小程序本地数据读取实例