怎么做一个假的后端(小程序中的数据公用)

本文探讨了在微信小程序中,如何通过在utils文件夹创建独立的.js文件,实现商品信息等数据的跨页面共享。重点介绍了导出模块、引入数据并使用setData方法更新渲染层的步骤,为避免局部数据修改不被渲染提供了解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这里的想法是做一个商城,商城意味着有产品列表和购物车列表。所以产品信息数据应该是共用的。但是在以往的微信程序中,每个页面的.js文件里面的data数据只能供自己页面的wxml和wxss文件渲染,其他的文件读取不到。所以商品数据不能单纯的放在购物车页面或者商品页面的.js文件中。

所以本文的重点是怎么单独创建一个公用文件来存放数据共享给其他文件调用

步骤:
1.新建一个.js文件,放在utils文件夹中,里面写好data数据,然后用一个导出语句module.exports将数据导出
(module.exports 提供了暴露接口的方法,声明这个模块对外暴露什么内容。)
在这里插入图片描述
2.在需要数据的页面的.js文件中创建一个变量shopObj,将导出的数据赋值给这个变量
在这里插入图片描述
3.在.js文件中的监听页面加载函数中调用导入的数据,注意:要使用this.setData函数执行赋值操作,不能直接赋值。
在这里插入图片描述
(同时还要注意在setData语句中赋值号是 “ :” 而不是“ = ”)

注意这里的commodityList是js页面的data属性里的数组值
要通过setData函数将shopObj.data.commodityList的值赋给页面的data里面,因为渲染层只能读取到data里面的数据。

如果在函数里面对commodityList数据进行修改,比如进行加减操作,就也要在后面的setData里面把函数里修改好的数据绑定到data数据里面。要不然函数里对数据进行的修改操作渲染层也获取不到!!!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值