微信小程序开发入门之共享账本(十三)
接着上一篇
(备注：微信小程序的wxml文件相当于HTML文件，wxss文件相当于CSS文件，js文件就是JavaScript文件，数据库为NoSQL数据库，数据库脚本语言也同NoSQL)
(ps：区块链最近可真是火，但是也不能因此乱了方寸，做事要有始有终不是，等写完小程序的文章再和大家共同学习下区块链的知识吧)
在开启本篇之前，还是先回顾下之前不足的地方。
翻看代码的时候发现了一个问题，在index.js的onLoad函数中我们调用了系统方法wx.getSetting和wx.getUserInfo，仔细想想这两个方法其实都是不必要去调用的，关于授权的工作应该都放在welcome页面中去做，到了index页面，我们只需要关心用户信息和默认账本的初始化有没有成功
所以，我们可以把index.js中的onLoad函数大大简化，只留下一行代码
onLoad: function (options) { this.verify()}即可
运行验证一下
undefined？
这是因为我们去掉了onLoad中的wx.getSetting和wx.getUserInfo，所以name字段没有赋值，下面我们要从verify的返回中取用户的信息
还记得verify云函数的内容吧，去查询user集合和acctBook集合，如果有一个没数据就返回失败，否则返回账本信息。其实我们用户信息也查了的，一起返回，岂不快哉
修改verify云函数成功返回的那一句为
return Promise.resolve({userInfo:r1.data,acctBookInof:r2.data})这样一次验证过程中用户信息和账本信息就都有了
然后在index.js的data中删掉name字段，新增下面两个字段
userInfo:{},acctBookInfo:{},分别存储用户信息和账本信息
再将verify函数的返回成功then部分内容稍加改动
this.setData({ userInfo:res.result.userInfo [0], acctBookInfo:res.result.acctBookInfo [0]}) wx.showToast({ title: "欢迎你," + res.result.userInfo [0].name, image: '/images/smile.png'})保存了用户和账本信息，wx.showToast的名称从返回中取。
注意一点，因为返回的都是数组，所以要取第一个，别漏了[0]
编译运行，一切正常
对于记录存储，之前我们是用一个临时集合tempAcctBook来记录，其实也可以
但是将所有记录存在一个表里肯定会导致表的数据过大，影响查询效率，所以我们可以依照实际情况建多个集合，再根据账本名称或者其他字段进行分库(就是对账本名称设计一个算法，比如取模，然后根据结果把记录存到对应的集合中)，并且隔一段时间对集合做一次备份
比如建四个集合bill0，bill1，bill2，bill3，然后根据账本名称的hash值模4进行分库(或者用一致性hash算法来分库，更优秀)
当然，这些都是数据量大的情况下需要考虑的，自用的话请忽略
这里我们就建一个集合就行了，取名bill1
bill1的结构设计如下
我们在调新建记录组件时也不需要再传acctBookName了，因为账本名称是后台自动计算得到的，现在我们需要传一个acctBookId来唯一标识一笔记录属于哪个账本，所以把newBillSteps.js中property字段修改一下
properties: { accountBookId:{ type:String, default:'' }}在generateBill函数中加上acctBookId字段
acctBookId:this.data.accountBookId然后将complete函数调用云函数addBill传入的acctBookName删除
let result = wx.cloud.callFunction({ name: 'addBill', data: { bill: bill }})并将addBill云函数中的集合名称写成固定的bill1
db.collection('bill1')最后在index.wxml中传入acctBookId
编译运行，新增记录
查看云数据库，记录存储成功
然后我们在index.js中添加对集合bill1的实时监控，当bill1的内容发生变化时，可以实时在页面中表现出来
先定义两个个全局变量
const db = wx.cloud.database()const watcher = nulldb是数据库对象，watcher是我们将要添加的监听器引用
然后添加一个函数setWatcher
setWatcher: function (acctBookId) { console.log('setWatcher acctBookId:',acctBookId) let that = this this.watcher = db.collection('bill1').where({ acctBookId: acctBookId }).watch({ onChange: function (snapshot) { that.setData({ billItems: snapshot.docs }) }, onError: function (err) { console.error('监控发生错误', err) } })}该函数的作用是对指定的集合和条件下符合的数据进行监听(watch)，在数据发生变化时会触发onChange事件，我们可以在此事件内对相应变化进行反应
这里暂时未进行特殊判断，每次都将全量的数据snapshot.docs赋值给billItems，这样做也没问题，因为我们也不需要对发生变化的数据有任何特殊操作，只是数据量大的情况下可能会影响效率，暂时可以不考虑这个问题，后面会改进
最后在verify函数成功的回调中加上一句
this.setWatcher(res.result.acctBookInfo[0]._id)来启用监听
编译运行程序，已有数据会自动加载进来
如果从云端数据库删除这条数据，显示也会同步更新
OK，今天就先到这，下一篇继续讲数据监听问题，同时要加个新功能
