wx云开发增删改查

首先是.wxml文件，此处为固定数据的新增

<button type="primary" bind:tap="addData">      //调用.js中addData方法
  插入数据
</button>

对应.js文件

//添加数据
  addData(){
    wx.showLoading({              //showLoading（api接口）（防止用户多次点击，主动调用wx.hideLoading才能关掉）
      title: '数据加载中。。。',     //窗口提示框信息
      mask:true                   //mask：是否显示透明蒙层，防止触摸穿透
    })
    db.collection("pro1").add({
      data:{
        title:"测试标题1",
        author:"王五",
        content:"测试的一段内容测试的一段内容测试的一段内容测试的一段内容"    //固定数据的添加
      },
      
    }).then(res=>{
      console.log(res)
      wx.hideLoading()            //结束提示框
    })
    
  },

 

此处为表单数据的添加（动态）
依旧是.wxml

<form bindsubmit="btnSub">                                    //调用.js文件中的btnSub方法
  <input name="title" placeholder="请输入标题:"></input>
  <input name="author" placeholder="请输入作者:"></input>
  <!-- 内容 -->
  <textarea name="content" placeholder="请输入内容："></textarea>
  <button type="primary" form-type="submit">提交</button>      //submit按钮要嵌在form表单中
  <button type="default" form-type="reset">重置</button>
</form>

对应.js文件

//提交表单,添加进数据库
  btnSub(res){                            //“res”作为事件对象，在前端提交form表单时触发，将事件对象res作为参数传递给butSub函数
　　　　　　　　　　　　　　　　　　　　　　　　　//res对象包含了表单的数据，通过‘res.detail.value’访问表单中的数据
    console.log(res)
    
    var resVlu = res.detail.value         //将表单中所有输入字段的值（表单数据）赋给了一个新变量 `resVlu`
    　　　　　　　　　　　　　　　　　　　　　　 //`var` 关键字用于声明一个变量，它可以是任何数据类型，包括数字、字符串、对象等。
　　　　　　　　　　　　　　　　　　　　　　　　  //使用 `var` 关键字声明的变量具有函数作用域，这意味着变量的作用范围限定在声明它的函数内部
    db.collection("pro1").add({
      data:resVlu                         //“resVlu”变量被传递此方法中，用于将数据添加到数据库中
    }).then(res=>{
      console.log(res)　　　　　　　　　　　　 //日志输出（提交的数据）
    })
    
  },

演示：

数据库：

 

 用户界面：

 数据库添加成功：

 

修改操作：这东西就没啥新鲜的了
.wxml文件

<button type="primary" bindtap="updateData">更新一条数据</button>

.js文件

//修改内容
  updateData(){
    //set全局更新，只留下后来数据
    //update更新附带新增功能（常用）
    //此处只能根据id更新（权限太低）
    db.collection("pro1").doc("0af7fd75664f34b3016e8xxxxxxxxxx").update({  
      data:{　　　　　　　　　　　　　　　　　　//上面这个id也可以跟下面删除操作似的改为动态，但是我懒得改了，没必要
        title:"哒哒哒哒哒哒哒哒"             //title为数据库字段名
      }
    }).then(res=>{
      console.log(res)　　　　　　　　　　　　//日志输出（改错用）
    })
  },

 

删除操作：
.wxml文件

<input placeholder="请输入id" bindinput="myInf"></input>        
<button type="primary" bind:tap="deleData">删除一条记录</button>

.js文件

//获取输入内容
  myInf(res){
    var vlu = res.detail.value;         //这个前面有讲
    myVlu=vlu
    // console.log(vlu)
    
  },
  //删除内容
  deleData(){
    db.collection("pro1").doc(myVlu).remove()   //删除操作也可以用where条件查询（我试了可以）
　　　　　　　　　　　　　　　　　　　　　　　　　　　　 //但是我懒得再发了，别问，问就是没必要
    .then(res=>{
      console.log(res)
    })
  },

简单东西就不发演示了，问就是没必要