uni-app 中的 uniCloud 因为已有添加了 根据已有代码实现 :删改查 看以下代码:这个是云函数里的内容 :const db = uniCloud.database(); module.exports = { _before: function() { // 通用预处理器 }, async insert(params) { // todo: 参数校验 // 进行数据插入操作 const res = await db.collection('users').add({ name: params.name, age: params.age * 1, sex: params.sex }); if (res.id) { return { code: 1, msg: '插入成功' } } else { return { code: 0, msg: '插入失败' }; } }, } 这是vue文件 :<template> <view class="content"> <button @click="testco()">请求云对象的方法</button> </view> <form @submit="submit"> 姓名:<input type="text" name="name"> 性别:<radio-group name="sex"> <radio :value="0" checked>女</radio> <radio :value="1">男</radio> </radio-group> 年龄:<input type="number" name="age" /> <button form-type="submit">提交</button> </form> <button @click="View">查看</button> </template> <script> export default { data() { return {} }, methods: { async submit(data) { const users = uniCloud.importObject('users'); const res = await users.insert(data.detail.value); console.log(res); }, } } </script> 根据以上代码 实现: 删改查
时间: 2024-01-03 19:27:17 浏览: 78
好的,根据您提供的代码,以下是对应的删改查实现:
删除操作:
在云函数中添加以下代码:
async remove(params) {
const res = await db.collection('users').doc(params.id).remove();
if (res.deleted === 1) {
return { code: 1, msg: '删除成功' }
} else {
return { code: 0, msg: '删除失败' };
}
},
在vue文件中添加以下代码:
async remove(id) {
const users = uniCloud.importObject('users');
const res = await users.remove({ id: id });
console.log(res);
},
修改操作:
在云函数中添加以下代码:
async update(params) {
const res = await db.collection('users').doc(params.id).update({
name: params.name,
age: params.age * 1,
sex: params.sex
});
if (res.updated === 1) {
return { code: 1, msg: '修改成功' }
} else {
return { code: 0, msg: '修改失败' };
}
},
在vue文件中添加以下代码:
async update(data) {
const users = uniCloud.importObject('users');
const res = await users.update({ id: data.id, name: data.name, age: data.age, sex: data.sex });
console.log(res);
},
查询操作:
在云函数中添加以下代码:
async getList(params) {
const res = await db.collection('users').get();
if (res.data) {
return { code: 1, msg: '查询成功', data: res.data }
} else {
return { code: 0, msg: '查询失败' };
}
},
在vue文件中添加以下代码:
async getList() {
const users = uniCloud.importObject('users');
const res = await users.getList();
console.log(res);
// 可以将返回的数据存放到data中,用于展示在页面上
this.dataList = res.data;
},
其中,dataList是vue组件中的data属性,用于存放查询到的数据。
阅读全文