微信小程序【往云开发控制台数据库中插入数据、获取数据】(更新)

17、往数据库中插入数据的几种方式

1、图形化方式插入数据

在这里插入图片描述

  1. 打开云开发控制台的【数据库】模块

  2. 新建一个【集合

    在这里插入图片描述

  3. 点击【添加记录

    在这里插入图片描述

  4. 然后再依次【添加字段

    在这里插入图片描述

2、手动操作插入数据

在这里插入图片描述

  1. 首先在云开发控制台里创建好【集合名

  2. 在wxml文件中创建一个按钮,用来添加

    <button type="primary" size="mini" bindtap="add">增加数据</button>
    
  3. 在相对应的js文件里,相对应wxml的点击事件编写内容

    async add(){
         
        // 获取对云端数据库得到引用
        const db = wx.cloud.database()
        // 获取要操作的云端数据库的集合
        const todos = db.collection('todos')
        let res = await todos.add({
         
          data:{
         
            description:'这是新插入的数据',
            done:false,
            due:new Date(),
            tags:['hello','world'],
            style:{
         color:'blue'}
          }
        })
        console.log(res);
      },
    
  4. 我指明了对应添加的环境位置

    在这里插入图片描述

    在app.js文件中进行了全局配置

    App({
         
      onLaunch: function () {
         
        if (!wx.cloud) {
         
          console.error('请使用 2.2.3 或以上的基础库以使用云能力')
        } else {
         
          wx.cloud.init({
         
            // env 参数说明:
            //   env 参数决定接下来小程序发起的云开发调用(wx.cloud.xxx)会默认请求到哪个云环境的资源
            //   此处请填入环境 ID, 环境 ID 可打开云控制台查看
            //   如不填则使用默认环境(第一个创建的环境)
            env: 'test-8gdkp615de5fd9d9',
            traceUser: true,
          })
        }
    
        this.globalData = {
         }
      }
    })
    
  5. 也可以进行单独的配置

    在这里插入图片描述

        wx.cloud.init({
         
          env:'test-8gdkp615de5fd9d9',
          traceUser:true
        })
    

3、云端插入数据

  1. 在wxml文件里创建button按钮

    在这里插入图片描述

  2. 在js文件夹中进行编写button按钮的事件

      // 云端增加数据
      async cloud_add() {
         
  • 0
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值