003 数据库初始化及查询

1. 添加数据库

在这里插入图片描述

2. 手动添加一条数据

在这里插入图片描述
在这里插入图片描述

3. 数据库初始化

//数据库初始化
const db = wx.cloud.database()

云开发帮助文档
初始化数据库

4. 数据权限

默认是仅创建者可读写 ERRO :手动创建的数据在程序中无法被读取时由此原因造成
在这里插入图片描述

5. 传统数据查询

//连接数据库 传统查询数据
const goods = db.collection('goods').get({
  success(res) {
    console.log('SUCCESS', res)
  },
  fail(erro) {
    console.log('ERRO', erro)
  }
})

5-1 ES6写法数据查询

//数据库初始化 ES6
wx.cloud.database().collection('goods').get()
  .then(res => {
    console.log('SUCCESS', res)
  })
  .catch(erro => {
    console.log('ERRO', erro)
  })

5-2 ES6与传统写法的区别之this作用域

在传统写的写里面,success中想要改变数据的时候,需要创建一个中间变量将当前页面的this传递给中间变量 然后再使用中间变量 比如:

data:{
	list:[]
}
onLoad(){
	let that = this
	
	success(res){
		that.setData({
			list:res.data
		})
	}
}

在ES6的写法中这个问题就不再存在,所以有的时候减少不必要的错误,建议使用这种方式

wx.cloud.database().collection('goods').get()
	.then(res => {
	  console.log('SUCCESS', res.data)
	  this.setData({
	    list: res.data
	  })
	})
	.catch(erro => {
	  console.log('ERRO', erro)
	})

6 简单数据渲染

WXML

<view wx:for="{{list}}">
  <view>图书:{{item.name}}, 作者:{{item.auth}}</view>
</view>

JS

  data: {
    list: []
  },

  onLoad: function (options) {
    //数据库初始化 ES6
    wx.cloud.database().collection('goods').get()
      .then(res => {
        console.log('SUCCESS', res.data)
        this.setData({
          list: res.data
        })
      })
      .catch(erro => {
        console.log('ERRO', erro)
      })
  },

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值