`

微信小程序读取本地数据

阅读更多
在utils这个文件夹下,我们可以把本地的数据写进去,封装成.js文件,提供对外暴露的接口,然后读取本地数据。

util.js:
function data(){
  let arr = [1,2,3]
  return arr
}

module.exports = {    
 data:data
} 


页面中调用:
var fileData = require('../../utils/util.js')  
Page({   
  data: {    
    showData: fileData.data(),   
  },  
}) 


---------------------------------------------------------------------------------

170907修改:

直接用es6语法实现:(贼鸡儿直观好吧)
util.js:
function data(){
  let arr = [1,2,3]
  return arr
}
export {data}


页面中调用:
import {data} from '../../utils/util'
分享到:
评论

相关推荐

    微信小程序读取本地数据,列表循环

    一般情况下,小程序的utils这个文件夹下,我们可以把本地的数据写进去,封装成.js文件,提供对外暴露的接口,然后读取本地数据。如果涉及到一些针对这些数据的处理方法,也可以把方法写好,封装到.js文件里面,然后...

    微信小程序获取json页面数据

    微信小程序获取json页面数据

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

    微信小程序 本地数据读取实例 一般情况下,小程序的utils这个文件夹下,我们可以把本地的数据写进去,封装成.js文件,提供对外暴露的接口,然后读取本地数据。如果涉及到一些针对这些数据的处理方法,也可以把方法写...

    微信小程序-图片裁剪、旋转、预览、上传功能实现

    1、点击图片上传按钮时,跳转页面到cropper进行图片...7、可以拍摄或选择本地图片上传图片数据。8、图片上传数据可以进行裁剪、选择、取消、裁剪后预览、上传以及限制大小,还可以缩放操作,需要的可以解除限制即可。

    微信小程序之本地缓存

    目前,微信给每个小程序提供了10M的本地缓存空间 有了本地缓存,你的小程序可以做到: 离线应用(已测试在无网络的情况下,可以操作缓存数据) 流畅的用户体验 减少网络请求,节省服务器资源 哪些数据适合方缓存: 热...

    微信小程序学习笔记之本地数据缓存功能详解

    本文实例讲述了微信小程序学习笔记之本地数据缓存功能。分享给大家供大家参考,具体如下: 前面介绍了微信小程序获取位置信息操作。这里再来介绍一下微信小程序的本地数据缓存功能。 【将数据存储在本地缓存】wx....

    基于STM32+树莓派+UCOSII+springboot后端+微信小程序的物联网智能家居控制系统-毕设级项目

    资源包括人脸识别模块源码,智能插座模块源码,智能门锁模块源码,智能数据监控模块源码,运行在智能音箱上的socket程序,微信小程序前端源码,微信小程序后端源码 # 拿到资料包后可轻松复刻出一样的项目,可直接...

    微信小程序实现换肤功能

    由于微信小程序没有操作wxss的api,所以实现的方式有点不一样,大致如下:  1.需要换肤的wxss,正常的wxss。  2.每个页面都引入换肤的wxss(因为换肤每个页面都需要改变)。  3.在app.js的globalData里设置默认的...

    浅谈微信小程序用setStorage和getStorage缓存和获取数据

    每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。...

    微信小程序wx:for的使用,动态传参

    一般情况下,小程序的utils这个文件夹下,我们可以把本地的数据写进去,封装成.js文件,提供对外暴露的接口,然后读取本地数据,这些在上一篇博客中有详细介绍。我们最后说到写好的本地数据可以另一个页面读取:   ...

    微信小程序 wx:for的使用实例详解

    微信小程序 wx:for的使用实例详解 在小程序的开发过程中,经常会用到在前端页面循环打印一个数组或者对象的数据,这样的话就需要用wx:for来实现。 一般情况下,小程序的utils这个文件夹下,我们可以把本地的数据写...

    课程设计-基于微信小程序开发的在线问卷调查系统源码+项目说明.zip

    课程设计-基于微信小程序开发的在线问卷调查系统源码+项目说明.zip 基于微信小程序·云开发技术编写的一个在线问卷系统的小demo * 基于微信用户openid进行用户鉴权 * 使用云数据库存储问卷内容及填写信息 * 支持`...

    基于微信小程序的文件内容加密和解密的实现

    内容概要: 使用微信原生方式实现文件的加密和解密 1. 文件加密后缓存到本地 2. 读取缓存的已加密文件并进行解密查看 适合人群: 具备一定编程基础的研发人员或学生 ...使用本地缓存在微信中保存数据

    微信小程序之换肤的功能

    由于微信小程序没有操作wxss的api,所以实现的方式有点不一样,大致如下:  1.需要换肤的wxss,正常的wxss。  2.每个页面都引入换肤的wxss(因为换肤每个页面都需要改变)。  3.在app.js的globalData里设置默认的...

    微信小程序 开发指南详解

    微信小程序会读取这些文件,并生成小程序实例。  下面我们简单了解这三个文件的功能,方便修改以及从头开发自己的微信小程序。 ​ app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数...

    廖马儿:IOS程序员学微信小程序开发系列《三》:经验及知识点 ... ...

    调用 MINA提供的丰富的 API,如本例的同步存储及同步读取本地数据。 2.app.json app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口 背景色,配置导航条样式...

    小程序页面设计及获取用户公开信息

    本资源带有单独的本地数据文件,可以实现文章列表读取数据,及获取微信用户公开信息。

    【最新版】wechat_devtools_1.02.2004020.dmg【亲测可用】最好的微信开发者工具

    A 新增 PC 微信小程序调试支持 A 新增 wx.getSystemInfo 返回 deviceOrientation 信息 A 新增 page meta 支持 详情 A 新增 支持小程序拓展包 详情 A 新增 清除订阅消息授权数据 U 优化 编辑器 U 优化 大型项目...

    梦断难寻新手入门篇《一》:熟悉项目结构

    微信小程序创建之后会生成一个项目模板,如下图所示(基本如此,但并不局限于此) (此图片来源于网络,如有侵权,请联系删除! ) 现在分别来说明一下每个文件及目录的意思 app.js (此图片来源于网络,如有侵权,请...

Global site tag (gtag.js) - Google Analytics