源代码： 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,
})
}
})
