云开发小程序实现弹窗输入调用云函数增删改查
时间: 2024-04-16 15:27:25 浏览: 20
可以使用云开发的能力来实现小程序中的弹窗输入,并调用云函数进行增删改查操作。以下是一个简单的示例代码:
1. 在小程序端,使用`wx.showModal`方法来实现弹窗输入:
```javascript
wx.showModal({
title: '请输入内容',
content: '请输入要操作的内容',
success: function (res) {
if (res.confirm) {
// 用户点击确定按钮
wx.cloud.callFunction({
name: 'crud', // 云函数名称
data: {
operation: 'add', // 操作类型,可以是add、delete、update、query等
content: res.content // 用户输入的内容
},
success: function (res) {
console.log(res.result)
// 处理成功返回的结果
},
fail: function (err) {
console.error(err)
// 处理调用云函数失败的情况
}
})
} else if (res.cancel) {
// 用户点击取消按钮
}
}
})
```
2. 在云函数中,根据传入的`operation`参数,进行增删改查操作:
```javascript
// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
// 云函数入口函数
exports.main = async (event, context) => {
const db = cloud.database()
const collection = db.collection('collectionName') // 替换为你自己的集合名称
switch (event.operation) {
case 'add':
try {
const res = await collection.add({
data: {
content: event.content
}
})
return res
} catch (err) {
console.error(err)
return err
}
break
case 'delete':
// 删除操作的代码
break
case 'update':
// 更新操作的代码
break
case 'query':
// 查询操作的代码
break
default:
return 'Invalid operation'
}
}
```
这是一个简单的示例代码,你可以根据自己的需求进行修改和扩展。同时,记得在小程序端和云函数中配置好云开发环境。