当前位置:首页 > 日记 > 正文

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

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

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

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

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

相关文章

ps怎么制作一个小李子的暗蓝色的个

ps怎么制作一个小李子的暗蓝色的个

李子,海报,蓝色,电脑软件,ps,我们看电影,都会看到很多海报,那些海报那么酷,那么帅,大部分是用PS调色出来的,下面来说说,PS6中怎么将一张图片P出海报效果。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、首…

在Photoshop中如何创建图层蒙版呢?

在Photoshop中如何创建图层蒙版呢?

图层,电脑软件,Photoshop,蒙版呢,ps中蒙板工具可以让我们在不破坏素材的情况下完成对图层中图像的遮盖,而且还可以任意的再次进行修改,下面为大家介绍在Photoshop中如何创建图层蒙版方法,来体验一下吧。在Photoshop中如何创建图层蒙版第一步:若…

word2007如何借助查找和替换校正错

word2007如何借助查找和替换校正错

查找,替换,错别字,电脑软件,  在编写Word文档时,文字出现了很多错误字,如果一个一个去改,既麻烦又浪费时间,这时我们可以通过&ldquo;查找替换&rdquo;功能来纠正文中的错别字。那么下面就由小编给大家分享下word2007中借助查找和替换功能校正…

Laravel网站打开速度优化的方法汇

Laravel网站打开速度优化的方法汇

优化,方法,网站,速度,电脑软件,前言Laravel是一个功能强大的框架,组件很多,代码也很庞大,它的易用方便是牺牲了性能的,即便如此它仍然是一个优秀的框架,但在正式环境下要做好优化提升网站的打开速度。下面这篇文章主要给大家介绍了关于Laravel网…

PS鼠绘拟物化渐变金色复古唱片教程

PS鼠绘拟物化渐变金色复古唱片教程

教程,渐变,金色,唱片,电脑软件,效果图:主要过程:12 3 阅读全文1 23 阅读全文教程结束,以上就是PS鼠绘拟物化渐变金色复古唱片教程的全部内容,希望大家喜欢!相关教程推荐:PS简单快速绘制超精致的金属拉丝黑胶唱片教程全球著名唱片公司标志PS利用…

excel2003制作甘特图的方法图解步

excel2003制作甘特图的方法图解步

甘特图,方法,步骤,电脑软件,strong,  Excel的甘特图是图表常用的一种,Excel应用画甘特图也是非常方便简洁,具体该如何制作甘特图呢?本文介绍一下应用Excel快速画出甘特图的方法,希望阅读过后对你有所启发!excel2003制作甘特图的方法制作甘特…

Visual Studio 2017无法加载Visual

Visual Studio 2017无法加载Visual

解决方法,无法加载,电脑软件,Studio,Visual,前几天安装了最新的Visual Studio 2017企业版,发现无法打开之前使用Visual Studio 2015创建的SharePoint 2016解决方案,提示“需要更新”。解决方法如下:右键-编辑.csproj,把MinimumOfficeToolsVersi…

适用于PPT设计的史诗级平面设计技

适用于PPT设计的史诗级平面设计技

平面设计,适用于,史诗,技巧,有哪些,  不论你是要为自己的微博做个有趣的图片,还是为自己的活动做PPT和邀请函,专业的平面设计的技巧总能给你的设计极大的帮助。以下是小编为您带来的关于适用于PPT设计的史诗级平面设计技巧,希望对您有所帮助…

HTTP 500 - 内部服务器错误

HTTP 500 - 内部服务器错误

错误,服务器,电脑软件,HTTP,IWAM账号不同步 症状举例: HTTP 500 - 内部服务器错误 原因分析: IWAM账号是安装IIS时系统自动建立的一个内置账号。IWAM账号建立后被Active Directory、IIS metabase数据库和COM+应用程序三方共同使用,账…

AI蒙版剪辑图形怎么去掉隐藏的外框

AI蒙版剪辑图形怎么去掉隐藏的外框

图形,剪辑,电脑软件,AI,AI中蒙版剪辑后,隐藏的外框如何去掉? 这里既然是蒙版的话,隐藏的图形如果去掉的话就不能产生蒙版的效果了。如果楼上亲只是想通过2个形状得到一个新的形状,这里可以介绍其他方法给楼主使用哈。软件名称:Adobe Illustrato…

Javascript的this用法

Javascript的this用法

电脑软件,Javascript,this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,function test(){    this.x = 1;  }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就…

荐书|您有一份JavaScript书单待签

荐书|您有一份JavaScript书单待签

书单,荐书,电脑软件,JavaScript,前言凡是能够用JavaScript来写的应用,最终都必将用JavaScript来写,Jeff Atwood如是说,此定律大概意味着未来将会成为JavaScript的天下?不管JavaScript最终能否征服世界,我们都不可忽视它在前端开发中的重要作用,因…