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运行的跨域的问题