小程序云开发记录

• vant组件库

右键点击miniprogram，然后点击在终端打开
输入 npm init,作用是在miniprogram下面初始化一个package.json的文件

在终端输入 npm i @vant/weapp -S --production，安装vant组件库

打开微信开发者工具，点击 工具 -> 构建 npm，并勾选 使用 npm 模块 选项，构建完成后，即可引入组件

在微信开发工具，点击右上角的详情，然后点击本地设置，点击选择使用npm模块，开始使用组件

• 小程序发送请求方式

小程序端：wx.request()
云函数：第三方库（request、got等）

• 创建云函数

右键cloudfunctions，点击新建node.js云函数
然后右键新建的云函数文件夹，点击在终端中打开

先安装 npm install --save request
再安装 npm install --save request-promise

安装成功后，打开的云函数文件夹中的package.json文件，能看见成功安装的版本，然后开始进行云函数的编写

每次修改完云函数，右键云函数文件夹 上传并部署：云端安装依赖

• 提交评价

微信开发者工具，点击云开发，然后数据库，新建一个集合，用作储存上传电影的评价内容、评价分数、图片。

使用数据库前，在对应页面的js页面输入 const db = wx.cloud.database() ，初始化数据库

• 小程序中this.setData({})的使用和注意事项

setData函数主要用于将逻辑层数据发送到视图层，同时对应的改变this.data.x的值。

Object 以 key : value 的形式表示，将 this.data 中的 key 对应的值改变成 value。

this.data与this.setData的关系就是this.setData里面存储的是this.data的副本，而界面是从this.setData里面托管的this.data的副本取数据的。所以我们更改this.data并不会直接更新界面，因为这个时候的this.setData里面的副本还是没有更新前的。