微信小程序云开发实现增删改查功能微信小程序云开发实现增删改查功能
主要为大家详细介绍了微信小程序云开发实现增删改查功能,具有一定的参考价值,感兴趣的小伙伴们可以参
考一下
本文实例为大家分享了微信小程序云开发实现增删改查的具体代码,供大家参考,具体内容如下
首先按照微信小程序官方提示创建一个快速云开发小程序
大家可以点击此处下载源代码
实现效果如下:
在miniprogram->index的下修改下面三个文件
index.js如下:
Page({
data: {
id: '',//修改用来保存_id
iSshow: true,
inpVal: '',
inp2Val: '',
inp3Val: '',
list: []
},
onLoad: function () {
var that = this
that.getUserMsg()//读取信息
},
//获取文本框内容
getName(e) {
this.setData({
inpVal: e.detail.value
})
},
getAge(e) {
this.setData({
inp2Val: e.detail.value
})
},
getCreated(e) {
this.setData({
inp3Val: e.detail.value
})
},
//获取信息
getUserMsg() {
var that = this
const db = wx.cloud.database()
db.collection('datalist').get({
success: function (res) {
console.log(res)
that.setData({
list: res.data
})
}
})
},
//添加信息
setUserMsg() {
var that = this
const db = wx.cloud.database()
db.collection('datalist').add({
data: {
name: that.data.inpVal,
age: that.data.inp2Val,
created: that.data.inp3Val
},
success: function (res) {
console.log(res)
that.setData({
inpVal: "",
inp2Val: "",
评论0