unexpected end of json input 小程序_微信小程序云开发学习笔记

微信小程序云开发学习笔记

摆脱后台自己实现小程序后台服务器

一、注册小程序，下载开发者工具并创建自己的第一个小程序(创建小程序的时候在“后端服务”的选项中选择“不使用云服务”)

将创建好的小程序里面不需要用到的文件(log/utils)删除

二、云开发的开通

点击左上方的“云开发”按操作进行开通

三、云开发环境的初始化准备

对项目进行改造：

1.清空index.wxml

2.index.js只保留Page({})，其余清空

3.在project.config.json中定义云开发函数的目录

 "cloudfunctionRoot":"cloud",

4.创建一个与pages目录同级的云开发函数目录，名字要与在project.config.json中定义的名字一样

5.在app.js中将多余的函数清除，只留下

App({

  onLaunch: function () {

  }

})

云开发环境初始化

App({

  onLaunch: function () {

      wx.cloud.init({

        env:"在左上角的云开发里面的设置中找到环境ID粘贴在此处"

      })

  }

})

四、小程序云数据库增加数据

举个栗子

1)静态添加

1.在index.wxml里面写一个带绑定事件的添加按钮

2.在开始使用数据库 API 进行增删改查操作之前，需要先获取数据库的引用.

在index.js的Page函数上方引用

const db = wx.cloud.database()

3.并且在后面加上collection()函数，函数里面的内容是云开发控制台的数据库中所创建的集合名称

在index.js的代码如下

4.在addData({})函数里面写一个调用引用数据库的函数再写自己想要添加的数据

5.编译运行项目，点击写好的添加按钮，在控制台就可以看到是否添加成功

2)动态添加

1.在index.wxml里面加上input框,并且用bindinput绑定输入框

2.index.js

3.在输入框中输入自己想要添加的数据，点击添加按钮

五、小程序云数据库查询数据

1.与添加数据一样，先在index.wxml里面写一个带绑定事件的查询按钮

查询数据

2.在index.js里面写一个getData函数

3.编译运行项目，点击写好的查询按钮，在控制台就可以看到是否查询成功

六、小程序云数据库删除数据

1.index.wxml写一个input框和一个删除按钮

删除数据

2.index.js

3.点击查询按钮，在控制台中找到查询到的id值，把id值复制粘贴到input中，点击删除按钮

七、小程序云数据库修改数据

1.index.wxml里面写上input框和更新按钮

添加数据

2.index.js

3.点击查询按钮，在控制台找到想要更新对象的id，粘贴在更新id的输入框里，再在另一个输入框填写更改的内容，点击更新按钮即可

我们是图灵智能创新团队，同时也是广东海洋大学第一个人工智能创新团队，我们的方向有：计算机视觉、自然语言处理、前端&后台。本公众号主要面向对人工智能感兴趣的读者，如果想了解更多，欢迎关注我们！

图灵人工智能创新团队

Turing Club