微信小程序 本地?cái)?shù)據(jù)讀取實(shí)例

一般情況下，小程序的utils這個(gè)文件夾下，我們可以把本地的數(shù)據(jù)寫進(jìn)去，封裝成.js文件，提供對(duì)外暴露的接口，然后讀取本地?cái)?shù)據(jù)。如果涉及到一些針對(duì)這些數(shù)據(jù)的處理方法，也可以把方法寫好，封裝到.js文件里面，然后需要時(shí)調(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寫好的本地?cái)?shù)據(jù)，其中包含對(duì)象List。另外還有一個(gè)function searchmtdata，這個(gè)方法是根據(jù)傳參的不同加載具體的數(shù)據(jù)，接下來(lái)會(huì)用到，方法和數(shù)據(jù)都寫好后，需要寫一個(gè)對(duì)外暴露的接口：

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

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

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

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

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