wxml把云数据库获取的数据（包括图片）遍历出来

先在云开发后台添加数据库集合，并在集合里添加数据

 

app.js

App({

  /**
   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
   */
  onLaunch: function () {
    wx.cloud.init({
      env:"yunkaifa-9gjm6nggf704ec01"//这里输入云开发id
    })
  },
})

wxml

<block wx:for="{
  {list}}">  <!-- list 是数组 -->
  <view><view><view>商品名：{
  {item.name}}，价格：{
  {item.price}}</view></view></view>
  <image src="{
  {item.fileID}}"></image>  <!-- fileID 是云数据库的图片 -->
</block>

js

// 关联云开发数据库
var db = wx.cloud.database();

Page({

  /**
   * 页面的初始数据
   */
  data: {
    list: []  // 空数组，用来存储从云空间获取到的数据

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onL