【微信小程序】小程序读取本地数据

来源：互联网发布：大数据微营销公司编辑：程序博客网时间：2024/06/07 06:50

一般情况下，小程序的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中显示了。

1 0