微信小程序增删改查在不同的页面实现代码
时间: 2023-06-17 13:05:30 浏览: 57
微信小程序的增删改查操作可以在不同的页面中实现。一般来说,可以将增删改查的操作封装成一个公共的模块,在需要使用的页面中引用该模块,以实现代码复用。
以下以一个简单的例子说明在不同页面中实现增删改查操作的方法:
1. 新建一个名为 `utils.js` 的文件,并在其中定义增删改查的操作函数,如下所示:
```javascript
// utils.js
const db = wx.cloud.database()
// 添加数据
async function addData(collection, data) {
try {
const res = await db.collection(collection).add({
data: data
})
return res._id
} catch (err) {
console.error(err)
return false
}
}
// 删除数据
async function deleteData(collection, id) {
try {
const res = await db.collection(collection).doc(id).remove()
return res.stats.removed
} catch (err) {
console.error(err)
return false
}
}
// 更新数据
async function updateData(collection, id, data) {
try {
const res = await db.collection(collection).doc(id).update({
data: data
})
return res.stats.updated
} catch (err) {
console.error(err)
return false
}
}
// 查询数据
async function queryData(collection, where) {
try {
const res = await db.collection(collection).where(where).get()
return res.data
} catch (err) {
console.error(err)
return []
}
}
// 导出函数
module.exports = {
addData,
deleteData,
updateData,
queryData
}
```
2. 在需要使用增删改查操作的页面中引入 `utils.js` 文件,并调用相应的函数进行操作,如下所示:
```javascript
// index.js
const utils = require('../../utils.js')
Page({
// 添加数据
async addData() {
try {
const res = await utils.addData('users', {
name: 'Tom',
age: 20
})
console.log(res)
} catch (err) {
console.error(err)
}
},
// 删除数据
async deleteData() {
try {
const res = await utils.deleteData('users', 'id123456')
console.log(res)
} catch (err) {
console.error(err)
}
},
// 更新数据
async updateData() {
try {
const res = await utils.updateData('users', 'id123456', {
age: 21
})
console.log(res)
} catch (err) {
console.error(err)
}
},
// 查询数据
async queryData() {
try {
const res = await utils.queryData('users', {
age: 20
})
console.log(res)
} catch (err) {
console.error(err)
}
}
})
```
3. 在另一个需要使用增删改查操作的页面中同样引入 `utils.js` 文件,并调用相应的函数进行操作,如下所示:
```javascript
// detail.js
const utils = require('../../utils.js')
Page({
// 查询数据
async queryData() {
try {
const res = await utils.queryData('users', {
name: 'Tom'
})
console.log(res)
} catch (err) {
console.error(err)
}
}
})
```
这样,就可以在不同的页面中调用公共的增删改查操作函数,实现代码复用。