tabbar
tabbar
scss开发
工具- 插件安装 找到scss/scss编译，安装
层级展示
层级展示
使用变量
同级显示
uniCloud云开发平台
基于serverless模式和js编程的云开发平台
开发流程
uniCloud构成
-
云函数
云函数 -
云数据库
云数据库 云存储和CDN
uniCloud配置
-
创建项目是启用uniCloud
开启uniCloud
项目结构
注意：如果要使用云服务空间，需要先登录
-
配置manifest.json
AppID -
创建云服务空间
创建云服务空间
创建云服务空间
选择云服务空间 -
创建云函数
云函数，就是运行在云端(服务器端）的函数，运行在云端的nodejs中，云函数的写法和JavaScript函数写法一致
创建云函数
云函数
-
云函数上传部署
云函数上传部署
上传部署成功
使用uniCloud web控制台
打开uniCloud web控制台
服务空间
-
云函数
上传的云函数都可以在web控制台查看到，还可以在web控制台新建数据表
调用云函数 uniCloud.callFunction()
调用云函数
调用云函数get_list
修改云函数后，要上传部署，才能生效
云函数的success返回
- 云数据库
云函数可以直接对云数据库进行操作（增删改查）
不能再项目的代码中直接使用云数据库
创建数据表
在云函数中引用云数据库并操作数据库
- const db = uniCloud.database()
- const collection = db.collection("user")
- 数据插入： collection.add()，可传单个记录的map,也可以传多个记录的map数组
- 数据删除： collection.doc(id).remove()，可传单个记录的id
- 数据更新： collection.doc(id).update({map}) 或者 collection.doc(id).set({map}) ,update 只能更新存在的记录，set如果记录存在就更新，如果不存在就添加；
*查找数据 collection.doc(id).get()
*查找数据 collection.where({name:'vue-test'}).get()
增加记录
记录删除
记录更新
通过id查找记录
条件查找
-
云存储
云存储 可以放项目需要的图片、视频、音频等
上传文件
获取已经上传的文件的下载地址
之后可以在项目里直接引用下载的链接地址
在客户端中如何上传图片、文件、视频
- uni.chooseImage()选择图片
- 代码实现文件上传 uniCloud.uploadFile(),在上传成功的回调了res.fileId
- 代码实现文件删除 uniCloud.deleteFile()
上传图片
文件删除
- H5域名配置：解决在H5运行的跨域的问题
