【uniapp】小程序云开发添加查询的小demo与一个解构的写法

代码如下：HTML部分

<view>
	点击按钮回调云数据库
	<view>
		<button bindtap="clickMe">点击</button>
		<view wx:for="{{getmsg}}" wx:key="index">
		{{item.title}}
		{{item.text}}
		</view>

		-----------------------------

		<button bindtap="addM">点击插入</button>

		-----------------------------

		<form bindsubmit="btnSub">
		<input type="text" name="test1" placeholder="test1"/>
		<input type="text" name="test2" placeholder="test2"/>
		<input type="text" name="test3" placeholder="test3"/>
		<button type="primary" form-type="submit">提交</button>
		<button type="default" form-type="reset">重置</button>
		</form>
	</view>
</view>

JS部分：

const db = wx.cloud.database()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    getmsg:[],
  },

  clickMe() {
    console.log("点击");
    db.collection("demoUser").where({
        aa:"aaa"
    }).
    get().then(res => {
      this.setData({
        getmsg:res.data
      })
      console.log(res);
      console.log("--------");
    })
  },
  addM(){
    console.log("插入数据");
    db.collection("demoUser").add({
      data:{
        test1:'test1',
        aaa:'test2',
      }
    }).then(res=>{
      console.log(res);
    })
  },
  btnSub(res){

    // var test1 = res.detail.value.test1
    // var test2 = res.detail.value.test2
    // var test3 = res.detail.value.test3

    //解构写法
   var {test1,test2,test3} = res.detail.value

    console.log("用户输入的值",res);
    db.collection("demoUser").add({
      data:{
        test1:test1,
        test2:test2,
        test3:test3,
      }
    }).then(res=>{
      console.log(res);
    })


  },

  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

这篇博客分享的点是这一句：

    // var test1 = res.detail.value.test1
    // var test2 = res.detail.value.test2
    // var test3 = res.detail.value.test3

    //解构写法
   var {test1,test2,test3} = res.detail.value

这样写更常用一点：data里传的本来就是一个对象，直接用一个resValue对象来接收。

 //解构写法
  // var {test1,test2,test3} = res.detail.value

   var resValue =res.detail.value

    console.log("用户输入的值",res);
    db.collection("demoUser").add({
      data:resValue
    }).then(res=>{
      console.log(res);
    })

如图所示，就明白了：