微信小程序云开发--通过云函数获取数据并显示

步骤

1. 新建文件
   
2. 新建云函数
   
3. 云函数getList的index文件

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init({
  env: "apeach-wtz62"
})

// 云函数入口函数
exports.main = async (event, context) => {
  //直接返回调取结果。
   return cloud.database().collection("userList").get({
    success(res){
      return res
    },
    fail(err){
      return err
    }
  })
}

4. yun.index

<button bindtap="getData">获取云函数</button>

<view wx:for="{{array}}" wx:key="key">
  <view>{{item.name}}</view>
  <view>{{item.age}}</view>
  <view>{{item.sex}}</view>
</view>

5. yun.js

Page({

  data: {
    array: []
  },

  getData() {
    
    let that = this
    wx.cloud.callFunction({
      name:'getList',
      success(res){
        console.log("请求云函数成功",res)
        that.setData({
          array: res.result.data
        })
        },
      fail(res) {
         console.log("请求云函数失败", res)
         }
    })
  }
})