之前的文章里面已经详细写过像云数据库里面插入数据的方法,现在用在实际项目里面再写一遍。
1:使用数据库的时候,首先要进行初始化
云开发数据库文档:
2:打开云开发控制台
老规矩,创建一个集合
books
3:打开小程序端js,
初始化数据库
//云数据库初始化 const db = wx.cloud.database({}); const book = db.collection('books');
4:添加数据(插入数据)
js代码流程
// pages/scanCode/scanCode.js Page({ data: { }, scanCode: function (event) { console.log(1) // 允许从相机和相册扫码 wx.scanCode({ onlyFromCamera: true, scanType: ['barCode'], success: res => { console.log(res.result) // wx.cloud.callFunction({ // 要调用的云函数名称 name: 'bookinfo', // 传递给云函数的参数 data: { isbn: res.result }, success: res => { // console.log(res) //进一步的处理 var bookString = res.result; console.log(JSON.parse(bookString)) //云数据库初始化 const db = wx.cloud.database({}); const book = db.collection('books') db.collection('books').add({ // data 字段表示需新增的 JSON 数据 data: JSON.parse(bookString) }).then(res => { console.log(res) }).catch(err => { console.log(err) }) }, fail: err => { console.error(res) } }) }, fail: err => { console.log(err); } }) } })
5:代码逻辑
1:点击按钮之后调用扫一扫scanCode
2:读取照相机传递过来的图片,拿到barCode的代码
3:将拿到的barCode代码传递给云函数中的bookinfo,传递后将结果获取到本地
4:用云数据库的示例去创建新的字段添加到数据库之中
6:测试一下,好了,小程序端获取的豆瓣API数据存入云数据库里面了。
附上:
主要思路: 1:通过调用小程序的扫码的api 2:调用云函数获取到图书的信息,并将图书信息传递到小程序 3:在小程序中 调用云数据库来添加 可能会有很多人有问,为啥不直接在云函数中完成添加?会更加简单方便啊,暂时留个悬念啊啊哈。