uniapp小程序增删改查代码
时间: 2023-10-07 13:14:24 浏览: 50
以下是uniapp小程序增删改查的代码示例:
1. 增加数据
```javascript
// 在 pages/index/index.vue 文件中的 methods 中添加以下方法
addData() {
// 调用云函数添加数据
uni.cloud.callFunction({
name: 'addData', // 云函数名称
data: { // 传递给云函数的参数
name: 'Tom', // 数据名称
age: 18 // 数据年龄
},
success: res => {
console.log(res)
uni.showToast({
title: '添加成功',
icon: 'success'
})
},
fail: err => {
console.log(err)
uni.showToast({
title: '添加失败',
icon: 'none'
})
}
})
}
```
2. 删除数据
```javascript
// 在 pages/index/index.vue 文件中的 methods 中添加以下方法
deleteData() {
// 调用云函数删除数据
uni.cloud.callFunction({
name: 'deleteData', // 云函数名称
data: { // 传递给云函数的参数
id: 'xxxxxxxxxx' // 数据的唯一标识符
},
success: res => {
console.log(res)
uni.showToast({
title: '删除成功',
icon: 'success'
})
},
fail: err => {
console.log(err)
uni.showToast({
title: '删除失败',
icon: 'none'
})
}
})
}
```
3. 修改数据
```javascript
// 在 pages/index/index.vue 文件中的 methods 中添加以下方法
updateData() {
// 调用云函数修改数据
uni.cloud.callFunction({
name: 'updateData', // 云函数名称
data: { // 传递给云函数的参数
id: 'xxxxxxxxxx', // 数据的唯一标识符
name: 'Jerry', // 修改后的数据名称
age: 20 // 修改后的数据年龄
},
success: res => {
console.log(res)
uni.showToast({
title: '修改成功',
icon: 'success'
})
},
fail: err => {
console.log(err)
uni.showToast({
title: '修改失败',
icon: 'none'
})
}
})
}
```
4. 查询数据
```javascript
// 在 pages/index/index.vue 文件中的 methods 中添加以下方法
queryData() {
// 调用云函数查询数据
uni.cloud.callFunction({
name: 'queryData', // 云函数名称
data: { // 传递给云函数的参数
id: 'xxxxxxxxxx' // 数据的唯一标识符,为空则查询所有数据
},
success: res => {
console.log(res)
uni.showToast({
title: '查询成功',
icon: 'success'
})
},
fail: err => {
console.log(err)
uni.showToast({
title: '查询失败',
icon: 'none'
})
}
})
}
```
以上是uniapp小程序增删改查的代码示例,具体实现可能需要根据实际情况进行调整。