欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序 本地數(shù)據(jù)讀取實例

 更新時間：2017年04月27日 10:24:49   投稿：lqh  
這篇文章主要介紹了微信小程序 本地數(shù)據(jù)讀取實例的相關(guān)資料,需要的朋友可以參考下

微信小程序 本地數(shù)據(jù)讀取實例

一般情況下，小程序的utils這個文件夾下，我們可以把本地的數(shù)據(jù)寫進(jìn)去，封裝成.js文件，提供對外暴露的接口，然后讀取本地數(shù)據(jù)。如果涉及到一些針對這些數(shù)據(jù)的處理方法，也可以把方法寫好，封裝到.js文件里面，然后需要時調(diào)用。

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寫好的本地數(shù)據(jù)，其中包含對象List。另外還有一個function searchmtdata，這個方法是根據(jù)傳參的不同加載具體的數(shù)據(jù)，接下來會用到，方法和數(shù)據(jù)都寫好后，需要寫一個對外暴露的接口：

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

在其他頁面調(diào)用data文件（一般是在js文件里面）

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

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

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

相關(guān)文章

  • 前端JavaScript中的反射和代理

    前端JavaScript中的反射和代理

    這篇文章主要介紹的是前端JavaScript中的反射和代理，本文主要圍繞JavaScript中的內(nèi)置Reflect、JavaScript中的內(nèi)置Proxy、Proxy實現(xiàn)觀察者模式三個話題展開文章內(nèi)容,需要的朋友可以參一考下
    2021-10-10
  • JavaScript中isPrototypeOf函數(shù)

    JavaScript中isPrototypeOf函數(shù)

    這篇文章主要介紹了JavaScript中isPrototypeOf函數(shù)，isPrototypeOf() 是 Object函數(shù)（類）的下的一個方法，用于判斷當(dāng)前對象是否為另外一個對象的原型，如果是就返回 true，否則就返回 false，下面來看看詳細(xì)內(nèi)容,需要的朋友可以參考一下
    2021-11-11
  • 微信小程序 獲取javascript 里的數(shù)據(jù)

    微信小程序 獲取javascript 里的數(shù)據(jù)

    這篇文章主要介紹了微信小程序 獲取javascript 里的數(shù)據(jù)的相關(guān)資料,這里通過實例來說明如何獲取javascript里的數(shù)據(jù)，希望能幫助到大家，需要的朋友可以參考下
    2017-08-08
  • 微信小程序中實現(xiàn)一對多發(fā)消息詳解及實例代碼

    微信小程序中實現(xiàn)一對多發(fā)消息詳解及實例代碼

    這篇文章主要介紹了微信小程序中實現(xiàn)一對多發(fā)消息詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下
    2017-02-02
  • 以JS開發(fā)為例詳解版本號的作用與價值

    以JS開發(fā)為例詳解版本號的作用與價值

    這篇文章主要為大家介紹了以JS開發(fā)為例詳解版本號的作用與價值詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-09-09
  • 插件導(dǎo)致ECharts被全量引入的坑示例解析

    插件導(dǎo)致ECharts被全量引入的坑示例解析

    這篇文章主要為大家介紹了插件導(dǎo)致ECharts被全量引入的坑示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2022-09-09
  • JS輕量級函數(shù)式編程實現(xiàn)XDM二

    JS輕量級函數(shù)式編程實現(xiàn)XDM二

    這篇文章主要為大家介紹了JS函數(shù)式編程實現(xiàn)XDM示例詳解第2/3篇，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2022-06-06
  • 解析JS參數(shù)parseInt('012',?16)和parseInt(012,?16)是否相等

    解析JS參數(shù)parseInt('012',?16)和parseInt(012,?16)是否相等

    這篇文章主要為大家介紹了parseInt('012',?16)和parseInt(012,?16)是否相等原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2023-02-02
  • 微信小程序 頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞實例詳解

    微信小程序 頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞實例詳解

    這篇文章主要介紹了微信小程序 頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞實例詳解的相關(guān)資料,這里附有實例代碼幫助到家學(xué)習(xí)理解，需要的朋友可以參考下
    2017-01-01
  • 微信小程序 支付后臺java實現(xiàn)實例

    微信小程序 支付后臺java實現(xiàn)實例

    這篇文章主要介紹了微信小程序 支付后臺java實現(xiàn)實例的相關(guān)資料,需要的朋友可以參考下
    2017-05-05

最新評論