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


Posted in Javascript onApril 27, 2017

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

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

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

Javascript 相关文章推荐
摘自启点的main.js
Apr 20 Javascript
简单谈谈JavaScript的同步与异步
Dec 31 Javascript
JavaScript实现简单的拖动效果
Jul 02 Javascript
微信小程序  action-sheet详解及实例代码
Nov 09 Javascript
Angular的模块化(代码分享)
Dec 26 Javascript
了解VUE的render函数的使用
Jun 08 Javascript
如何让你的JS代码更好看易读
Dec 01 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
Aug 13 Javascript
简单了解JavaScript异步
May 23 Javascript
node创建Vue项目步骤详解
Mar 06 Javascript
javascript canvas实现雨滴效果
Jun 09 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
Apr 27 #Javascript
js获取浏览器的各种属性
Apr 27 #Javascript
jQuery鼠标悬停内容动画切换效果
Apr 27 #jQuery
详解axios在node.js中的post使用
Apr 27 #Javascript
使用jQuery,Angular实现登录界面验证码详解
Apr 27 #jQuery
js绑定事件和解绑事件
Apr 27 #Javascript
详解ECMAScript6入门--Class对象
Apr 27 #Javascript
You might like
桌面中心(二)数据库写入
2006/10/09 PHP
php不用内置函数对数组排序的两个算法代码
2010/02/08 PHP
浅谈php中mysql与mysqli的区别分析
2013/06/10 PHP
解析Extjs与php数据交互(增删查改)
2013/06/25 PHP
ThinkPHP中的常用查询语言汇总
2014/08/22 PHP
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
JavaScript 字符串连接性能优化
2008/12/20 Javascript
jQeury淡入淡出需要注意的问题
2010/09/08 Javascript
document.execCommand()的用法小结
2014/01/08 Javascript
多个$(document).ready()的执行顺序实例分析
2014/07/26 Javascript
Iframe实现跨浏览器自适应高度解决方法
2014/09/02 Javascript
node.js操作mongodb学习小结
2015/04/25 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
2016/10/28 Javascript
React Component存在的几种形式详解
2018/11/06 Javascript
vue 插件的方法代码详解
2019/06/06 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
2019/08/20 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
Jquery如何使用animation动画效果改变背景色的代码
2020/07/20 jQuery
[03:20]2015国际邀请赛全明星表演赛
2015/08/08 DOTA
Python的条件语句与运算符优先级详解
2015/10/13 Python
python如何为被装饰的函数保留元数据
2018/03/21 Python
Django 迁移、操作数据库的方法
2019/08/02 Python
pycharm的python_stubs问题
2020/04/08 Python
汉米尔顿手表官网:Hamilton
2020/09/13 全球购物
Ajax请求总共有多少种Callback
2016/07/17 面试题
员工培训邀请函
2014/01/11 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
房屋维修协议书范本
2014/09/25 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
神秘岛读书笔记
2015/07/01 职场文书
小学运动会开幕词
2016/03/04 职场文书
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers
SpringBoot全局异常处理方案分享
2022/05/25 Java/Android
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android