微信小程序--云开发学习

这两周因为没有布置任务，主要进行微信小程序云开发的学习

·················
开发者可以使用云开发开发微信小程序、小游戏，无需搭建服务器，即可使用云端能力。

云开发为开发者提供完整的原生云端支持和微信服务支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的 API 进行核心业务开发，即可实现快速上线和迭代，同时这一能力，同开发者已经使用的云服务相互兼容，并不互斥。

云开发提供了几大基础能力支持：

云函数	无需自建服务器	在云端运行的代码，微信私有协议天然鉴权，开发者只需编写自身业务逻辑代码
数据库	无需自建数据库	一个既可在小程序前端操作，也能在云函数中读写的 JSON 数据库
存储	无需自建存储和 CDN	在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理
云调用	原生微信服务集成	基于云函数免鉴权使用小程序开放接口的能力，包括服务端调用、获取开放数据等能力

云开发配置

首先需要注册自己的一个appID，具备云开发的功能，在新建项目时需要使用自己的appID进行新建，并且在项目选择不使用云服务。为什么使用云开发却不用云服务呢？因为直接使用微信平台的云开发模板会自动生成很多我们不需要的冗余代码，所以直接爱项目中进行配置会使代码更简洁。
··········
首先初始化云开发，在app.js中加入如下代码

 onLaunch: function () {
   
    //云开发环境初始化
    wx.cloud.init({
   
      env:"yunkaifa-fp3py"
    })
  },

env的数值是云开发中的环境ID，点击云开发—>设置—>查看环境ID

云函数的初始化要在以上基础上，再加入以下内容"cloudfunctionRoot": "cloud"，并且在根目录下新建一个同名的文件夹，若无错误，文件夹会出现云的符号，意味着连接到了云开发的云函数。

至此，云开发的初始化结束

云数据库

数据库新增集合

点击＋号可以进行集合的添加，就类似于正常数据库的表，输入集合名就可以创建

数据库新增数据

点击添加记录可以新增数据，需要注意的是要自己填写字段名，核对每一条数据的字段名相同，否则会出现意想不到的错误。一般默认系统自动生成ID。


···在代码中新增数据
首先数据库的使用，需要获取数据库的集合并赋值给一个变量，方便后面的使用
const db = wx.cloud.database().collection("list")

wxml中设置输入框和添加数据按钮，输入数据后点击按钮可以进入js调用函数将数据存入数据库

<!-- 添加数据 -->
<input placeholder="输入名字" bindinput="addName"></input>
<input placeholder="输入年龄" bindinput="addAge"></input>
<button bindtap="addData" type="primary">添加数据</button>

首先需要在后台获取前端输入框输入的信息，将数据赋值给初始化的变量

let name=""
let age=""
 addName(event){
   
    name=event.detail.value
  },  
  addAge(event){
   
    age=event.detail.value
  },

调用数据库的add函数进行新增，需要设置data，主要data中的数据名需要设置好，将输入框获取的数据赋给name和age

//添加数据
  addData(){
   
    db.add({
   
      data:{
   
        name:name,
        age:age
      },
      success(res){
   
        console.log("添加成功",res)
      },
      fail(res){
   
        console.log("添加失败",res)
      },
    })
  },

云数据库所能使用的API如下图

数据库删除数据

需要在输入框输入数据的ID，通过ID来对数据进行删除

<!-- 删除数据 -->
<input placeholder="输入ID" bindinput="delDataInput"></input>
<button bindtap="delData" type="primary">删除数据</button><