湖南网站推,做外贸阿里巴巴有哪些网站,自建网站做电商,莞城建设小学网站微信小程序开发入门之共享账本(十四)(备注#xff1a;微信小程序的wxml文件相当于HTML文件#xff0c;wxss文件相当于CSS文件#xff0c;js文件就是JavaScript文件#xff0c;数据库为NoSQL数据库#xff0c;数据库脚本语言也同NoSQL#xff0c;因为是运行在微信内#…微信小程序开发入门之共享账本(十四)(备注微信小程序的wxml文件相当于HTML文件wxss文件相当于CSS文件js文件就是JavaScript文件数据库为NoSQL数据库数据库脚本语言也同NoSQL因为是运行在微信内所有不需要关心是Android还是IOS平台代码托管在微信的代码管理平台一个类似于Github的平台)(ps区块链最近可真是火但是也不能因此乱了方寸做事要有始有终不是等写完小程序的文章再和大家共同学习下区块链的知识吧)上一篇回顾上一篇中用到了实时数据监听但是忘了说数据库集合权限的问题如果权限没有设置正确监听是不会起作用的这个权限在云数据库管理界面可以设置先打开云开发界面切换到数据库选择【权限设置】然后勾选第一个设置注意到第一句话没有之前我们的数据库操作都是通过云函数来做的所以不用考虑权限问题但是数据监听是在小程序端配置的所以这个才需要修改权限然后再运行小程序就不会有监听失败的问题了接下来说新增功能欧阳修说过独乐乐不如众乐乐既然我们是共享账本肯定是有人一起记账最好所以本篇我们要新增邀请其他人一起来记账的功能首先我们在index.wxml中新增一个分享按钮在wxss中新增一个样式.share { width: 70rpx; height: 70rpx; background-image: url(https://746a-tj-tianji-1300186850.tcb.qcloud.la/share.png?sign8105c0a0dafadda106bd6ace80584752t1569152158);}这里的图标都是从阿里巴巴矢量图标库中下载的可以自行去选取喜欢的图标完全免费编译运行小程序当然这只是在模拟器运行没法发给任何人所以当务之急是用多个账号测试这需要我们新增测试用的微信号打开微信公众平台小程序管理页面选择成员管理然后在项目成员下添加新成员输入微信号搜索添加可以把三个权限都打开方便使用然后回到开发工具中点击预览按钮扫描二维码即可在真机上运行然后接收到分享卡片的人就可以通过点击卡片进入小程序卡片里的图片可以自定义像我这样不定义的就会截取屏幕作为预览现在点击这个卡片只是单纯的进入小程序而已因为我们还没有加任何信息在里面接下来我们在index.js里新增一个函数onShareAppMessage: function (res) { return { title: 快来和我一起记账吧, path: /pages/index/index?acctBookIdthis.data.acctBookInfo._idacctBookNamethis.data.acctBookInfo.name, imageUrl:/images/shareBook.jpg}},这是一个系统函数当点击open-typeshare的按钮或者选择小程序界面右上角菜单中的分享时就会调用该函数如果不自己定义的话就是上图那种情况现在我们给分享卡片加入了账本的信息和预览图片别人点击你分享的卡片之后就会带着这些信息过来那在哪里接收这些信息呢答案是onload函数还记得onLoad函数的签名把onLoad: function (options)他的参数option就包括所有传进来的信息我们在onLoad函数里加一句console.log([index onload] options,options)来看看打印出来是什么应该有人会问测试分享功能的时候如果只能用真机测试岂不是很麻烦确实很麻烦其实我们也可以用开发工具来测选择合适的编译条件即可针对我们要测的传入信息我们可以设置相应的条件进行测试这样就设置好了进入小程序时所携带的信息达到模拟点击卡片进入的情况运行程序打开控制台可以看到日志然后我们就可以根据这两个字段的情况来提示用户是否要加入新的账本新增如下函数processInvite(option){ console.log(option) let acctBookId option.acctBookId, acctBookName option.acctBookName if (acctBookId acctBookName){ let that this wx.showModal({ title: 是否加入账本, content: acctBookName, success(res) { if (res.confirm) { console.log([index processInvite] 用户点击确定) } else if (res.cancel) { console.log([index processInvite] 用户点击取消) } }, }) }},然后在onLoad函数中调用该函数this.processInvite(options)编译运行会弹出邀请窗口点击确定会在控制台打印出信息点击取消亦是如此OK本篇就先到这里下一篇继续讲如何邀请别人加入你的账本
