`

微信小程序读取本地数据

阅读更多
在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页面数据详解 #### 一、引言 在现代移动应用开发中,前后端分离已经成为一种趋势。微信小程序作为一种轻量级的应用形式,深受开发者喜爱。在微信小程序中,从前端向后端发送请求并获取数据...

    wxappstore是一个微信小程序本地数据持久化存储库

    `wxappstore`的主要功能是为微信小程序提供一种方便、高效的本地数据存储解决方案。传统的微信小程序数据管理通常依赖于`wx.setStorageSync`和`wx.getStorageSync`这两个API,它们虽然简单易用,但存在一些限制,...

    微信小程序-本地生活便民服务小程序源码及项目截图

    6. **本地存储**:小程序可以使用wx.setStorageSync和wx.getStorageSync进行本地数据的存储和读取,这对于临时保存用户状态或配置信息非常有用。 7. **权限管理**:如需访问用户位置、摄像头等敏感信息,需要获取...

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

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

    微信小程序文件上传(手机文件管理器上传)

    微信小程序是一种轻量级的应用开发平台,由腾讯公司推出,主要应用于移动端,为用户提供便捷的服务。在微信小程序中实现文件上传功能,特别是通过手机文件管理器上传,是开发者经常遇到的需求。这一功能允许用户选择...

    微信小程序大作业前端。

    6. **本地存储**:`wx.setStorageSync`和`wx.getStorageSync`用于本地数据的存储和读取,适用于缓存用户信息、商品信息等非敏感数据。 7. **支付功能**:微信小程序支持微信支付,开发者需要调用微信支付接口`wx....

    针对微信小程序使用的protoBuffer库

    5. **数据存储**:ProtoBuffer格式同样适用于本地数据存储,可以将数据序列化后存入小程序的缓存或本地存储,提高读写速度。 **四、注意事项** 1. **数据兼容性**:升级protobuf版本或修改.proto文件时,需考虑旧...

    微信小程序 实例汇总 完整项目源代码

    微信小程序是一种轻量级的应用开发平台,由腾讯公司推出,主要应用于移动端,为用户提供便捷的、无需下载安装即可使用的线上服务。本实例汇总包含了多个微信小程序的完整项目源代码,旨在帮助开发者深入理解和实践...

    微信小程序原生实现课程表

    微信小程序提供了丰富的API接口,如`wx.getStorageSync`和`wx.setStorageSync`用于本地数据的读写,`wx.request`用于网络请求。 页面设计是用户体验的关键。我们可以创建一个日历视图,用户可以通过滑动查看不同...

    仿京东微信小程序.zip

    开发者可以利用微信小程序的 input 组件获取用户输入,然后通过后端接口或本地数据进行搜索匹配。 8. **商品详情**:商品详情页展示商品的详细信息,包括图片、价格、规格等,可能还需要处理商品的加入购物车或立即...

    微信小程序首页数据初始化失败的解决方法

    通过以上步骤,我们就实现了微信小程序首页数据初始化失败的解决方案。当用户首次进入小程序时,会先展示“临时加载页”,在此期间完成数据初始化并自动跳转到首页。如果用户已授权,那么数据将从本地缓存读取,避免...

    微信小程序期末大作业 中草药小程序 药海拾遗

    同时,数据管理通常会用到微信小程序的`wx.setStorageSync`和`wx.getStorageSync`,以实现本地数据的存储和读取,这样用户在离线状态下也能查看之前保存的中药信息。 在`yhsyshop`这个压缩包中,可能包含小程序的...

    微信小程序Demo:备忘录

    5. **API调用**:微信小程序提供了丰富的 API,如网络请求、用户授权、本地存储等。在这个备忘录应用中,可能使用了 API 来保存和读取用户的备忘录数据。 6. **生命周期**:每个 Page 都有其特定的生命周期,如 ...

    微信小程序——登录页面

    这一功能的实现依赖于微信小程序的`wx.getStorageSync()`和`wx.setStorageSync()`方法,用于本地数据的读取和写入。 ### 忘记密码功能 忘记密码功能是为了解决用户可能遇到的密码遗忘问题。通常,这个功能会引导...

    模仿今日头条(微信小程序源代码)

    2. **缓存管理**:使用 wx.setStorageSync 和 wx.getStorageSync 对本地数据进行存储和读取,提高用户体验。 五、生命周期与事件处理 1. **生命周期函数**:小程序的页面和组件都有各自的生命周期,如 onLoad、...

    微信小程序源码-新闻资讯.rar

    15. **缓存机制**:微信小程序提供了本地缓存能力,开发者可以将常用数据或静态资源存储在本地,提高用户体验。 这个“知乎”文件可能是用于展示或解析新闻资讯的具体内容,可能包含新闻列表、详情页、评论区等功能...

    微信小程序实现共享数据

    1. **全局存储与缓存**: 微信小程序提供了`wx.setStorageSync`和`wx.getStorageSync`方法,用于在本地进行同步的存储和读取数据。这些数据可以跨页面访问,是一种简单的全局数据共享方式,适用于小量且不需实时更新...

    微信小程序淘宝微信小程序个人中心页面

    5. **状态管理**:为了管理全局状态或跨页面共享数据,可以使用`wx.setStorageSync()`和`wx.getStorageSync()`方法存储和读取本地数据,或者引入第三方的状态管理库如Redux或Vuex的微信小程序版。 6. **页面路由**...

Global site tag (gtag.js) - Google Analytics