学习开发微信小程序最最最最重要的就是学习微信小程序官方文档,因为文档可以解决我们在学习过程中遇到的大部分麻烦,所以先附上官方文档链接:
https://developers.weixin.qq.com/doc/
目录
- 前言
- 一、初始化
- 1、按下【云开发】按钮
- 2、页面如下
- 3、新建数据库
- 在开始使用数据库 API 进行增删改查操作之前,需要先获取数据库的引用。以下调用获取默认环境的数据库的引用:
- 二、数据的增加
- 1、在模板文件中创建一个按钮
- 2、在脚本逻辑文件中写下insert的函数组件
- (1)、第一种方法是回调风格
- (1)、第一种方法是Promise风格
- 3、在创建成功之后,我们可以在控制台中查看到刚新增的数据。
- 三、数据的删除
- 1、在模板文件中创建一个按钮
- 2、在脚本逻辑文件中写下delete的函数组件
- 3、在创建成功之后,我们可以在控制台中查看
- 四、数据的修改
- 1、在模板文件中创建一个按钮
- 2、在脚本逻辑文件中写下update的函数组件
- 3、在创建成功之后,我们可以在控制台中查看数据。
- 五、数据的查询
- 1、在模板文件中创建一个按钮
- 2、在脚本逻辑文件中写下search的函数组件
- 3、在创建成功之后,我们可以在控制台中查看数据。
- 六、总结
前言
云开发是小程序的一种开发模式,相比传统开发模式,它的运维成本更低,开发效率更高,且业务者更关注业务逻辑,每个小程序账号可以免费创建两个免费基础环境。
云开发有三大基础能力支持,分别是云函数、云数据库和云存储。这里介绍云数据库里的四个基本操作:数据增加、数据删除、数据修改和数据查询。
一、初始化
1、按下【云开发】按钮
2、页面如下
3、新建数据库
在开始使用数据库 API 进行增删改查操作之前,需要先获取数据库的引用。以下调用获取默认环境的数据库的引用:
const ac = wx.cloud.init();//初始化云开发数据库
const db = wx.cloud.database();//调用database数据库
在微信官方文档中有相关介绍,链接如下:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/init.html
二、数据的增加
1、在模板文件中创建一个按钮
这里不懂的可以参考:
2、在脚本逻辑文件中写下insert的函数组件
(1)、第一种方法是回调风格
insert:function(){
db.collection('user').add({//user是创建的数据库名称
data:{//data里都是添加的内容
name:'Tom',//添加的内容
age:'12'//添加的内容
},
success: res =>{//箭头函数
console.log(res);
},
fail:err => {
console.log(err);
}
})
},
(1)、第一种方法是Promise风格
insert:function(){
db.collection('user').add({
data:{
mom:'Alice',
name:'Jack',
age:'18'
}
}).then(res=>{
console.log(res);
}).catch(err=>{
console.log(err);
})
},
3、在创建成功之后,我们可以在控制台中查看到刚新增的数据。
三、数据的删除
1、在模板文件中创建一个按钮
2、在脚本逻辑文件中写下delete的函数组件
delete:function(){
db.collection('user')//数据库的名称
.doc("807102f66247af6703c29fce420d184f")
//数据的唯一标识,也就是数据ID
.remove().then(res=>{
console.log(res);
}).catch(err=>{
console.log(err);
})
},
3、在创建成功之后,我们可以在控制台中查看
四、数据的修改
1、在模板文件中创建一个按钮
2、在脚本逻辑文件中写下update的函数组件
update:function(){
db.collection('user').doc//user是创建的数据库
("d4107ab16247d1c5043b101e0dec8984")
//这个是数据的的唯一标识,也就是数据的id
.update({
data:{
age:21
}
}).then(res=>{
console.log(res);
}).catch(err=>{
console.log(err);
})
},
3、在创建成功之后,我们可以在控制台中查看数据。
五、数据的查询
1、在模板文件中创建一个按钮
2、在脚本逻辑文件中写下search的函数组件
search:function(){
db.collection('user').where({
name:'Tom'
}).get().then(res=>{
console.log(res);
}).catch(err=>{
console.log(err);
})
},
3、在创建成功之后,我们可以在控制台中查看数据。
六、总结
这里介绍的内容在小程序官方开发文档里已经有详细的介绍了,所以说官方文档是非常重要的。
建议浏览,链接如下:
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/add.html