获取不到数据库的集合(结果列表没数据)?

源代码: myBook.wxml


图书列表


书名
作者
价格
操作



{{item.name}}
{{item.author}}
{{item.price}}
删除
修改




暂时没有图书!


添加图书


源代码:myBook.js
// pages/index/index.js
Page({

/**

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

    /**

  • 生命周期函数--监听页面加载
    */
    onLoad: function (options) {
    const db = wx.cloud.database()
    db.collection("books").get({
    success: res => {
    this.setData({
    books: res.data
    })
    }, fail: err => {
    wx.showToast({
    icon: "none",
    title: '查询记录失败',
    })
    }
    })
    },
    goSet: function () {
    wx.navigateTo({
    url: '../set/set',
    })

    }, onDel: function (e) {
    let id = e.currentTarget.dataset.id
    const db = wx.cloud.database();
    db.collection("books").doc(id).remove({
    success: res => {
    wx.showToast({
    title: '删除成功',
    })
    this.onLoad()//删除成功重新加载
    }, fail: err => {
    wx.showToast({
    title: '删除失败',
    })
    }
    })
    console.log(id)
    }, onUpdate: function (e) {
    let id = e.currentTarget.dataset.id
    wx.navigateTo({
    url: '../set/set?id=' + id,
    })
    }
    })

我的修改:menu.wxml
<!-- wx:if 条件显示,如果{{dishes}}不为null,则显示标签中的内容;为null,则不显示 -->


菜单列表


类别
菜名
价格
操作

<!-- 遍历dishes -->


{{item.type}}
{{item.name}}
{{item.price}}
删除
修改


<!-- WX:ELSE对应WX:IF -->

暂时没有菜单!


添加菜谱

    -------------------------------------
我的修改    menu.js
// miniprogram/pages/menu/menu.js

Page({

/**

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

    /**

  • 生命周期函数--监听页面加载
    */
    onload: function (options) {
    //获取数据库引用
    const db = wx.cloud.database()
    //db.collection("数据库名") 获取集合对象,并调用.get方法
    db.collection("dishes").get({
    success:res=>{
    this.setData({
    dishes:res.data
    })
    },fail:err=>{
    wx.showToast({
    icon:"none",
    title: '查询记录失败',
    })
    }
    })
    },
    goSet:function(){
    wx.navigateTo({
    url: '../menu_dishes/menu_dishes',
    })
    },onDel:function(e){
    let id = e.currentTarget.dataset.id
    const db = wx.cloud.database();
    db.collection("dishes").doc(id).remove({
    success:res=>{
    wx.showToast({
    title: '删除成功',
    })
    this.onLoad()//删除成功后重新加载
    },fail:err=>{
    wx.showToast({
    title: '删除失败',
    })
    }
    })
    console.log(id)
    },onUpdate:function(e){
    let id = e.currentTarget.dataset.id
    wx.navigateTo({
    url: '../menu_dishes/menu_dishes?id='+id,
    })
    }

})

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问