學習小程式第一天，踩了不少坑，比如：

1.誤把微信公眾的appId當作小程式appId用

2.沒有設定許可權，導致請求成功但是獲取不到資料(修改表的許可權設定為"所有使用者可讀,僅建立者及管理員可寫")

3.去修改表中不是自己在小程式建立的資訊(表中沒有openid的資料，也是因為許可權的問題，帶有openid的是自己的新增的，不是自己建立的資料只讀，不允許操作)

接下來展示一下自己做的user列表的增刪改查，js程式碼如下

Page({
  data: {
    users: [],
    curUser: {},
  },
  onLoad: function (options) {
    this.getUser();
  },
  setCurUser: function (e) {
    const { content } = e.currentTarget.dataset
    const { sex } = content;
    this.setData({
      curUser: content
    })
  },
  setValue: function (n, e) {
    const curUser = this.data.curUser;
    const arr = ['name', 'age', 'sex', '_id'];
    const obj = {}
    const setArr = arr.splice(n, 1).join('')
    for (let a of arr) {
      obj[a] = curUser[a]
    }
    obj[setArr] = e.detail.value
    this.setData({
      curUser: obj
    })
  },
  getUname: function (e) {
    this.setValue(0, e)
  },
  getUage: function (e) {
    this.setValue(1, e)
  },
  getUsex: function (e) {
    this.setValue(2, e)
  },
  getUser: function () {// 查詢
    const db = wx.cloud.database()
    const that = this;
    db.collection('users').get({
      success: function (res) {
        const { data } = res;
        that.setData({
          users: data
        })
      }
    })
  },
  clearFrom: function () {
    this.getUser()
    this.setData({
      curUser: {}
    })
  },
  adduser: function (e) {// 新增
    const db = wx.cloud.database();
    const that = this;
    db.collection('users').add({
      data: e.detail.value,
      success: function (res) {
        console.log(res)
        that.clearFrom()
      }
    })
  },
  updateuser: function (e) {//修改
    const db = wx.cloud.database();
    const that = this;
    const { _id, name, age, sex } = this.data.curUser
    db.collection('users').doc(_id).update({
      data: {
        name, age, sex
      },
      success: function (res) {
        that.clearFrom()
      },
      fail: function (res) {
        console.log(res)
      }
    })
  },
  deleteuser: function () {// 刪除
    const db = wx.cloud.database();
    const {_id} = this.data.curUser;
    const that = this
    db.collection('users').doc(_id).remove({
      success: function (res) {
        that.clearFrom()
      }
    })
  },
  formReset: function () {
    console.log('form發生了reset事件')
  },
  onReachBottom: function () {
    console.log("Chris's demo")
  },
  onShareAppMessage: function () {
    console.log("Chris's demo")
  }
})
 

wxml程式碼如下

<view>
  <form bindsubmit="adduser" bindreset="formReset">
    <view class="section section_gap">
      <view class="section__title">name:</view>
      <input bindchange="getUname" name="name" value="{{curUser.name}}"></input>
    </view>
    <view class="section section_gap">
      <view class="section__title">age:</view>
      <slider bindchange="getUage" name="age" show-value value="{{curUser.age}}"></slider>
    </view>
    <view class="section">
      <view class="section__title">sex:</view>
     <radio-group bindchange="getUsex" name="sex" >
        <label><radio value="1" checked="{{curUser.sex === '1'}}"/>男</label>
        <label><radio value="0" checked="{{curUser.sex === '0'}}"/>女</label>
      </radio-group>
    </view>
    <view class="btn-area">
      <button formType="submit">AddUser</button>
      <button formType="reset">Reset</button>
    </view>
  </form>
  <button bindtap='deleteuser'>deleteuser</button>
  <button bindtap='updateuser'>updateuser</button>
   <view wx:for="{{users}}" wx:key="index" class="user" data-content="{{item}}" bindtap='setCurUser'>
    <view>{{item.name}}</view>
    <view>{{item.age}}</view>
    <view>{{item.sex === '1' ? '男' : '女'}}</view>
  </view>
</view>