微信小程序云开发(一)
创建项目
步骤不一一描述,这里注意以下注意点:
云开发项目必须要有appid,测试号无法使用
打开微信开发者工具创建环境
云函数关联相关
npm install --save wx-server-sdk@latest
导入vant ui框架
创建homepage页面作为小程序进入的首页
创建编辑页面edit如下
项目主功能
- 查询
- 添加
- 删除
创建集合
创建云函数
- cloudfunctions文件右击新建nodejs云函数
- 进入words根目录下载wx-server-sdk依赖
npm install --save wx-server-sdk@latest
操作数据库问题
- 小程序直接操作数据库
- 云函数操作数据库
比较
果涉及『其他用户可以改动别人创建的数据』这种情况的话,建议将数据库操作放在云端。 (一般来说还是这种情况是偏多的,建议直接放在云端)
这里采用云函数操作数据库
考虑有1. 查询 2. 添加 3. 删除三种场景,我这里统一在words云函数中操作
- 小程序传一个type告知云函数是何种操作,
const db = cloud.database()
const {
type
} = event
这里注意是cloud.database() 而不是 wx.
策略模式区分
const rule = {
'query':async ()=>{
//查询业务逻辑
},
'add':async ()=>{
//添加业务逻辑
},
'delete':async ()=>{
//删除业务逻辑
},
}
return rule[type]()
这里注意,三个回调都是异步async 并且需要return rule[type]()
因为云函数返回一个异步结果
云函数查询
const {
pageSize,
pageNum
} = event
return await db.collection('words').orderBy('createTime', 'desc').skip((pageNum - 1) * pageSize).limit(pageSize).get().then(res => {
console.log(res.data)
return res.data
})
云函数新增
const {
word,
wordExplain
} = event
return await db.collection('words').add({
data: {
word: word,
wordExplain: wordExplain,
createTime: db.serverDate() //添加该字段
},
}).then(res => {
return {
code: 200
}
})
云函数删除
const {
id,
} = event
console.log('这里', id)
return await db.collection('words').where({
_id: id
}).remove().then(res => {
return {
code: 200
}
})
注意这里的return await
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!