uni-app学习笔记三（第4章云函数数据库相关）

uniCloud基础用法

简单了解

只要不是h5,那就不用服务器了。下图简单了解一下。

云函数操作云数据库，如下，先感受，后面再实践。


配置云开发环境

新建项目的时候选上，

         
右键点击项目，创建云服务空间，这个简单，不用截图。
创建好之后，再右键点击项目，选择刚才创建的云服务空间。
创建云函数，操作类似。这里举例创建login云函数，创建好后，自动生成内容如下。点击部署，则部署到云开发平台。

web控制台

也是项目右键，打开web云控制台。
可查看云数据库，云函数等等。
云存储可以放图片音视频等等。
这里举例，比如上传一个动态图。页面代码里面可以这样使用：

下面是演示跨域问题已经如何解决。
云函数的调用如下，这样就可以调用了。访问localhost正常，但是访问192IP会报错。
    
这样添加就解决跨域问题了。

开始使用云函数

先了解云函数参数的意思，比如下面这个是创建的云函数，默认的。

下面举例来学习如何使用云函数。假设点击按钮来调用。

然后添加open方法，uniCloud.callFunction是调用云函数用的，里面是云函数的名字。
  补全一下，
data对象是传给云函数的。success是执行成功的回调，fail是失败的回调。
在在默认的云函数代码基础上修改返回值“成功”。
   
记得改完云函数要部署上传，然后再运行。可见返回值“成功”。

再继续修改，返回更多信息，context是context:context的另一种写法。
  结果是  ：

云数据库的增删改查

云数据库的操作只能通过云函数进行增删改查，不可以在页面文件vue中进行。
下面练习如何插入一条数据，如下，先引入数据库对象，再引入user表，这个是在web客户端那边创建的。这个例子就是插入user表中一条“uni-app”的数据。
运行的时候也不必非得在页面调用云函数。可以右键选择上传运行，这样更快捷。
   运行结果：   
下面练习添加多个字段，传入列表即可。
   注意，上面运行时候打印的log的res实际是空的。需要添加await。  
这里是上面少写了await.   async和await配对使用。async 是一个修饰符，async 定义的函数会默认的返回一个Promise对象resolve的值，因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数。
await 关键字 只能放在 async 函数内部， await关键字的作用 就是获取 Promise中返回的内容， 获取的是Promise函数中resolve或者reject的值。
js没有系统的学过，暂时这样理解。详细解释和例子参考：https://www.cnblogs.com/liquanjiang/p/11409792.html
查看操作结果

删除操作，找到数据库的一条记录，删除。

更新操作，
     另一种写法   
两种写法的区别：update只更新存在的记录。 set如果存在则更新，不存在则创建。
查询记录，依据id查询记录。

依据字段名user查询，

依据一个变量进行查询，
页面传入变量的具体值，       在云函数中通过event传入页面那边的变量name        
这里是简单的操作，后面实战会用到聚合的操作。更高级的用法。

使用云存储上传文件

如下，分别为选择图片，从执行结果中得到图片路径，依据此路径上传文件。
   接着看   
下面的代码是整体的，这样写避免this的指向问题。
   this指向的是函数调用者的对象。所以两者是不同的。注意。详细原因待深入学习js.
删除图片

至此，云函数以及数据库操作学习完毕。