美文网首页
微信小程序云开发- 云数据库增删改查

微信小程序云开发- 云数据库增删改查

作者: 月圆星繁 | 来源:发表于2020-03-29 23:08 被阅读0次

    云数据库的增加

    • 在工具中点击 云开发,进入云开发管理界面,在数据库中创建集合Users

      云数据库界面.png
    • 在pages/index/index.wxml中创建button

      <!-- 云数据库的操作-->
      <input placeholder="输入你的名字" bindinput="name"> </input>
      <input placeholder="输入你的年龄" bindinput="age"></input>
      <button bindtap="addUser" type="primary"> 添加数据 </button>
    
    • 在pages/index/index.js中创建函数
    // 初始化
    const db = wx.cloud.database()
    // 引用集合
    const Users = db.collection('users')   
    // 以上两步可以直接写 const Users = wx.cloud.database().collection('users')
    // 定义变量
    let name = ''
    let age = ''
    Page({
     // 获取输入的内容
    name:event => {
        name = event.detail.value
     } ,
    age:event => {
        age = event.detail.value
     } ,
      // 添加数据到云数据库
      addUser:function() {
        Users.add({
          data:{
            // 可选自定义 _id,在此处场景下用数据库自动分配的就可以了
            // _id: 'todo-identifiant-aleatoire', 
            name:name,
            age:age,
            createAt: new Date()
          },
          success: res => {
            console.log('添加成功', res)
          },
          fail: res => {
            console.log('添加失败', res)
          }
        })
      },
    })
    
    • 插入成功,云数据库中也存在


      插入成功.png

    云数据库查询

    • 查询一条
    // 初始化
    const db = wx.cloud.database()
    // 引用集合
    const Users = db.collection('users')   
    // 以上两步可以直接写 const Users = wx.cloud.database().collection('users')
    Page({
      // 云数据库查询数据
      getUserById:function() {
        //获取一个记录的数据 通过_id
        Users.doc('79a2c43f5e7f7774001ed6c17e948549').get({
          success: res=>{
            console.log('查询成功',res.data)
          }
        })
      },
    })
    
    查询一条数据.png
    • where获取多条记录
    // 初始化
    const db = wx.cloud.database()
    // 引用集合
    const Users = db.collection('users')   
    // 以上两步可以直接写 const Users = wx.cloud.database().collection('users')
    Page({
      // 云数据库查询数据
    getUserByWhere:function() {
        Users.where({
          age:28
        }).get({
          success:res => {
            console.log('通过查询多条成功',res.data)
          }
        })
      },
    })
    
    where获取多条记录.png
    • 获取一个集合的数据
    // 初始化
    const db = wx.cloud.database()
    // 引用集合
    const Users = db.collection('users')   
    // 以上两步可以直接写 const Users = wx.cloud.database().collection('users')
    Page({
      // 云数据库查询数据
     getUser:function () {
        Users.get({
          success:res => {
            console.log('查询多条成功',res.data)
          }
        })
      },
    })
    
    获取多条记录.png

    云数据库修改

    // 初始化
    const db = wx.cloud.database()
    // 引用集合
    const Users = db.collection('users')   
    // 以上两步可以直接写 const Users = wx.cloud.database().collection('users')
    Page({
      // 云数据库查询数据
      updateUser: function() {
        Users.doc('79a2c43f5e7f7774001ed6c17e948549').update({
          data:{
            'name':'mgk-kk'
          },success:function(res) {
            console.log('更新成功', res)
          }
        })
      },
    })
    
    修改数据.png

    云数据库删除

    • 删除一条数据
    // 初始化
    const db = wx.cloud.database()
    // 引用集合
    const Users = db.collection('users')   
    // 以上两步可以直接写 const Users = wx.cloud.database().collection('users')
    Page({
      // 云数据库查询数据
      delOne: function() {
        Users.doc('79a2c43f5e7f7774001ed6c17e948549').remove({
          success:res => {
            console.log('删除成功', res.data)
          }
        }) 
      },
    })
    
    删除一条数据.png

    相关文章

      网友评论

          本文标题:微信小程序云开发- 云数据库增删改查

          本文链接:https://www.haomeiwen.com/subject/oiieuhtx.html