微信小程序云开发

我先学了小程序基础,再来学的小程序云开发,在这里记个云开发笔记,主要学习以下三个内容
🎈数据库
🎈云函数
🎈云存储

1.创建云开发项目

在这里插入图片描述

2.初始化一个空白项目

页面初始化,就是删掉不用的配置、页面
下面是一个空白项目
在这里插入图片描述

3.云存储

3.1控台上传文件

在这里插入图片描述
在这里插入图片描述

3.2在小程序端上传

在这里插入图片描述
在这里插入图片描述

在这个示例中,是用点击上传文件按钮,选择图片后,直接就上传到了云存储中,而在实际开发时,应该用户选完图片后,再点击提交,图片才会放到后端存储,就像发朋友圈,选完照片后还可以增删,这时候只是在前端界面上显示图片,只有用户点击确定后,才会提交到后端的

3.3将云存储中的图片展示到界面

这里涉及到数据库的操作,不了解的可以先往下看数据库部分

把要渲染图片的file ID存到云数据库
在这里插入图片描述
在这里插入图片描述
获取表数据进行展示图片
在这里插入图片描述

4.数据库

4.1添加数据

控台操作

添加数据后,就可以直接渲染界面,不用再调用后端接口
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

添加语句

这是连接数据库

db.collection('demoList')

在这里插入图片描述

通过表单填写,添加数据

在这里插入图片描述

4.2查询数据

查询所有数据

在这里插入图片描述

通过id查询数据

doc()中只能放id
在这里插入图片描述
关于promise用法,不懂得友友们建议去学学,在这里挖个坑,等我搞明白了后,回来补上promise笔记

在这里插入图片描述

4.3更新数据

update

注意,在小程序中只能用doc(),在云函数中可以使用where()
在这里插入图片描述

set

原数据
在这里插入图片描述
使用set更新后
在这里插入图片描述

update与set的区别

在这里插入图片描述

4.4删除数据

remove

通过id删除数据
在这里插入图片描述
通过输入框id删除数据
在这里插入图片描述

删除多条数据

只有在云函数中操作

5.查询command

eq: 等于
neq: 不等于
lt: 小于
lte: 小于等于
in: 包含在数组里面的
nin: 排除在数组里的
inc: 自增

使用都语法类似
在这里插入图片描述
在这里插入图片描述
查询hits[0, 100]范围的数据
在这里插入图片描述
查询hits等于10或者100的数据
在这里插入图片描述
查询hits小于等于10 或大于等于100的数据
在这里插入图片描述

6.云函数

云函数实际上也是操作数据库

6.1创建getData云函数

在这里插入图片描述
在这里插入图片描述
修改云函数后都要上传更新
在这里插入图片描述

在这里插入图片描述

6.2前后端交互(前端传参给云函数)

前端调用云函数并传参的用法
在这里插入图片描述

6.3翻页案例

下面是个小案例
在这里插入图片描述
在这里插入图片描述

6.4点击记录,数据库字段hits自增

在这里插入图片描述
在这里插入图片描述

其他内容,可以在官方文档中学习哟,我觉得看官方文档是比较快的学习方式😁😁😁
微信小程序云开发官方文档

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值