作者:手机用户2502885647_951 | 来源:互联网 | 2023-01-11 18:41
小编给大家分享一下微信小程序中本地数据读取的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
微信小程序 本地数据读取实例
一般情况下,小程序的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: &#39;1&#39;,
MTId: &#39;MT001&#39;,
status: &#39;working&#39;,
Duration: 3,
Operator: &#39;tom&#39;,
IdleReason: &#39;lunch&#39;
}, {
id: &#39;2&#39;,
MTId: &#39;MT002&#39;,
status: &#39;Idle&#39;,
Duration: 7,
Operator: &#39;jerry&#39;,
IdleReason: &#39;reparied&#39;
}, {
id: &#39;3&#39;,
MTId: &#39;MT003&#39;,
status: &#39;Idle&#39;,
Duration: 6,
Operator: &#39;tom&#39;,
IdleReason: &#39;lunch&#39;
}, {
id: &#39;4&#39;,
MTId: &#39;MT004&#39;,
status: &#39;working&#39;,
Duration: 9,
Operator: &#39;jerry&#39;,
IdleReason: &#39;reparied&#39;
}, {
id: &#39;5&#39;,
MTId: &#39;MT005&#39;,
status: &#39;Idle&#39;,
Duration: 2,
Operator: &#39;tom&#39;,
IdleReason: &#39;lunch&#39;
}, {
id: &#39;6&#39;,
MTId: &#39;MT006&#39;,
status: &#39;working&#39;,
Duration: 6,
Operator: &#39;jerry&#39;,
IdleReason: &#39;reparied&#39;
}, {
id: &#39;7&#39;,
MTId: &#39;MT007&#39;,
status: &#39;Idle&#39;,
Duration: 1,
Operator: &#39;tom&#39;,
IdleReason: &#39;lunch&#39;
}
]
}
return arr
}
如上面的代码片段所示,function mtData写好的本地数据,其中包含对象List。另外还有一个function searchmtdata,这个方法是根据传参的不同加载具体的数据,接下来会用到,方法和数据都写好后,需要写一个对外暴露的接口:
module.exports = {
mtData: mtData,
searchmtdata: searchmtdata,
usedraw: usedraw
}
在其他页面调用data文件(一般是在js文件里面)
var fileData = require(&#39;../../utils/data.js&#39;)
Page({
data: {
showData: fileData.mtData().list,
},
})
像上面的示例一样,在data{}中赋值后,showData就可以直接在wxml中显示了。
以上是“微信小程序中本地数据读取的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程笔记行业资讯频道!