微信静态数据库小程序开发怎么弄
编辑:小飞燕 发布时间:2021-04-20 10:37:07
鉴于目前小程序美国石油学会(美国石油学会)调用次数限制,所以动态数据库根本就不够用,这时候需要使用微信小程序静态数据库。使用本地数据进行调试,也可以达到同样效果。那么微信静态数据库小程序开发怎么弄呢?
闲话少说,直接上代码,目录结构就是的微信小程序目录结构
小程序静态数据库目录结构代码:
staticdata.js
var data_=require('././utils/data.js ')
页面({
数据:{
list:[]
},
onload:function{
this.setdata({
list:data_ .getsdata
});
}
});
staticdata.json
{
navigationbartitletext': '数据'
}
staticdata.wxml
key:{{log.key}},value:{{log.value}}
staticdata.wxss。日志列表{
显示: flex
弯曲方向:柱;
padding: 40rpx
}。日志项目{
margin: 10rpx
}
data.js
函数getsdata{
var数据=[{
key:'1 ',值:'1v '
},{
key:'2 ',值:'2v '
},{
key:'3 ',值:'3v '
},{
key:'4 ',值:'4v '
}];
返回数据;
}
module.exports={
getsdata: getsdata
}
小程序静态数据库运行效果图:
这里是标题开头小程序数据传递怎样进行这里是标题尾
小程序开发之后要实现页面跳转,一般都会有一个数据传递,小程序数据传递是什么?数据怎样进行传递?接下来小编就会在文中进行说明,希望能够帮助到大家。
先告诉你,本质上都是线类型传递。但是对于对象和数组集合的传递需要小小的处理一下传递时的数据和接收后的数据。
1,传递基本数据类型
index.js发送页射流研究…
[javascript]查看普通副本打印?
页面({
数据: {
teststr: '字符串" str "
},
onload:函数{
},
next:函数(e){
wx.navigateto({
url: '/pages/test/test?str=' this.data.teststr,})
}
})
页面({
数据: {
teststr: '字符串" str "
},
onload:函数{
},
next:函数(e){
wx.navigateto({
url: '/pages/test/test?str=' this.data.teststr,})
}
})
test.js接受页射流研究…
[javascript]查看普通副本打印?
页面({
数据:{
},
onload:function(选项){
console.log('接收到的参数是str='选项。str);
}
})
页面({
数据:{
},
onload:function(选项){
console.log('接收到的参数是str='选项。str);
}
})
打印的原木如下:
接收到的参数是str=字符串str
2,传递对象{}
index.js发送页射流研究…
[javascript]查看普通副本打印?
页面({
数据: {
测试数据: { name : }我是名称,extra: '我是额外' }
},
onload:函数{
},
next:函数(e){
wx.navigateto({
url: '/pages/test/test?extra=' json。stringify(这个。数据。测试数据)
})
}
})
页面({
数据: {
测试数据: { name : }我是名称,extra: '我是额外' }
},
onload:函数{
},
next:函数(e){
wx.navigateto({
url: '/pages/test/test?extra=' json。stringify(这个。数据。测试数据)
})
}
})
test.js接受页射流研究…
[javascript]查看普通副本打印?
页面({
数据:{
testdata:null
},onload:function(选项){
页面({
数据:{
testdata:null
},onload:function(选项){
[javascript]查看普通副本打印?
console.log('接收到的参数是obj='选项。额外);//此处打印出来的仅仅是字符串需要解析,解析如下
这个。dat。测试数据=json。parse(选项。额外);//解析得到对象
}})
console.log('接收到的参数是obj='选项。额外);//此处打印出来的仅仅是字符串需要解析,解析如下
这个。dat。测试数据=json。parse(选项。额外);//解析得到对象
}})
打印的原木如下:
test.js [sm]:16接收到的参数是obj={'name': '我是姓名,' extra':我是额外' }
3,传递数组集合[]
index.js发送页射流研究…
[javascript]查看普通副本打印?
页面({
数据: {
list:['item-a ',' item-b']
},
onload:函数{
},
next:函数(e){
wx.navigateto({
url: '/pages/test/test?list=' json。stringify(这个。数据。列表),})
}
})
页面({
数据: {
list:['item-a ',' item-b']
},
onload:函数{
},
next:函数(e){
wx.navigateto({
url: '/pages/test/test?list=' json。stringify(这个。数据。列表),})
}
})
test.js接受页射流研究…
[javascript]查看普通副本打印?
页面({
数据:{
list:[]
},
onload:function(选项){
console.log('接收到的参数是list='选项。列表);//此处打印出来的是字符串,解析如下
这个。数据。list=json。parse(选项。列表);//解析得到集合
}})
页面({
数据:{
list:[]
},
onload:function(选项){
console.log('接收到的参数是list='选项。列表);//此处打印出来的是字符串,解析如下
这个。数据。list=json。parse(选项。列表);//解析得到集合
}})
打印的原木如下:
test.js [sm]:17接收到的参数是list=['item-a ',' item-b']
另外,还可以通过缓存(wx.setstorage(object),wx.setstoragesync(key,data))来传递数据,只是保存后需要清除,防止缓存过大的情况。
上一篇:微信小程序开启收费审核
下一篇:小程序审核通过后的二维码怎么生成
猜你喜欢
-
微信小程序开发多少钱技巧634人喜欢
随着微信小程序的公测,各个行业各个企业都想利用微信小程序去赚钱,那么一个微信小程序开发多少钱呢?下面就让小编来为大家总结一下吧!开发一个微信小程序最少需要花多少钱?那么,在app即将被微信终结的时代(坊间是有这么),开发一个微信小程序最少需要花多少钱?是…
更新时间:2019-11-24 19:55:44
-
3个微信小程序开发教程技巧486人喜欢
微信小程序将微信用户带进了一个全新的应用时代,很受用户青睐,微信小程序怎么开发,你想知道完成一个微信小程序,并可以在手机上体验该小程序的实际效果,首页还会显示欢迎语、微信头像,小编收集了关于微信小程序开发教程手册文档。赶快来看看吧!如果你是收到邀请的…
更新时间:2020-08-21 23:54:58
-
3个小程序开发文档技巧451人喜欢
微信小程序将微信用户带进了一个全新的应用时代,很受用户青睐,微信小程序怎么开发,你想知道完成一个微信小程序,并可以在手机上体验该小程序的实际效果,首页还会显示欢迎语、微信头像,小编收集了关于微信小程序开发教程手册文档。赶快来看看吧!如果你是收到邀请的…
更新时间:2020-12-30 10:42:13
-
2个小程序开发入门技巧349人喜欢
微信小程序是一种不需要下载安装即可使用的应用,实际上小程序是利用微信的平台,使用微信提供的数据在网页里构建一个html5应用,更加方便用户的操作使用。因此很多商家想要开发微信小程序,如何开发微信小程序?微信小程序开发入门。当你准备开发一个微信小程序的时…
更新时间:2020-10-03 09:04:07
-
13个小程序开发工具技巧309人喜欢
微信小程序诞生啦,微信用户也很喜欢,因为微信将“小程序”定义为“一种新的应用形态”,用户扫一扫或者搜一下即可打开应用。微信小程序别看使用如此简单,它是经过一些程序员不辞辛苦连夜测试,终于从十余款工具筛选出四款最靠谱最实用的微信小程序开发工具,就让我们…
更新时间:2019-10-31 16:18:42
-
10个微信小程序开发工具技巧202人喜欢
微信小程序诞生啦,微信用户也很喜欢,因为微信将“小程序”定义为“一种新的应用形态”,用户扫一扫或者搜一下即可打开应用。微信小程序别看使用如此简单,它是经过一些程序员不辞辛苦连夜测试,终于从十余款工具筛选出四款最靠谱最实用的微信小程序开发工具,就让我们…
更新时间:2020-08-30 19:17:09
-
微信小程序开发入口技巧202人喜欢
微信小程序码在哪里开发?微信小程序开发入口在哪?微信小程序已经正式上线一段时间,微信小程序是一种比app、公众号更好的未来程序的形态,因此长期来看,小程序的使用范围、场景会更广,甚至超过app。而很多人最关心的就是微信小程序码在哪里开发?微信小程序开发入口…
更新时间:2021-01-05 12:46:46
-
2个小程序开发语言技巧162人喜欢
微信小程序开发语言,微信小程序开发用什么语言?微信推出的微信小程序,受到许多微信用户玩家超赞的评价,使用起来方便,用户只需扫一扫或者搜一下就可以用啦,那么微信小程序开发用什么语言?下面跟随小编来看看微信小程序开发语言详解。微信小程序是什么语言开发的:…
更新时间:2020-09-23 07:57:12
-
实用的微信小程序开发文档105人喜欢
小程序开发是一件复杂的事情。没有详细的微信小程序开发文档,新手很难掌握开发技术。所以今天小编给大家带来一份实用的微信小程序开发文档。1.获取微信小程序的appid如果您是被邀请的开发者,我…
更新时间:2021-04-18 09:52:11
-
需要掌握的微信小程序开发基础103人喜欢
最近新开发的小程序使用价值高,越来越多的人想投资微信小程序。但是在开发微信小程序之前,你需要先掌握一些微信小程序开发基础。方法步骤一个点击公共平台的链接,在登录和注册之间,选择注册…
更新时间:2021-03-23 07:52:29
-
微信小程序开发有哪些接口103人喜欢
微信小程序开发有哪些界面?据微信官方介绍,微信小程序包括离线扫码、对话分享、消息通知、小程序切换、历史列表、微信官方账号关联、搜索等七大功能。目前最流行的微信小程序有哪些界面?小编…
更新时间:2021-03-23 07:55:22
-
微信小程序开发语言99人喜欢
微信小程序开发语言,微信小程序开发用什么语言?微信推出的微信小程序得到了很多微信用户和玩家的好评,所以使用起来很方便,用户只需要扫扫或搜索就可以使用。那么微信小程序是用什么语言开发…
更新时间:2021-03-23 07:43:16