微信小程序云数据库+云函数

话不多说，新建项目

新建一个index页面

2.操作云数据库

增删改查
（注意看代码中的注释，很多重要的东西都在注释里）

//绑定数据库
const db = wx.cloud.database({env:"cyl1-8g3sdkd16a70bf0e"
})add:function(){//添加数据 adddb.collection("student").add({//data中是我们添加到数据库中的数据data:{username:"陈小玲玲",sex:"女",age:21}}).then(res=>{//如果数据添加成功，调用then的方法console.log(res)}).catch(err=>{//如果数据添加失败，调用catch的方法console.log(err)})},select:function(){db.collection("student").where({// username:"陈大玲玲"//高级查询age:db.command.lt(25)//小于25就输出这条信息//gt是大于}).get().then(res=>{console.log(res)}).catch(err=>{console.log(err)})},update:function(){// 修改数据 （不能直接修改，也不推荐在数据库中直接修改数据)// doc()就是我们要修改的那条数据的id// 而且要放在data中 和 add一样db.collection("student").doc("b8df3bd65f732ee100a2e7451771bbc7").update({data:{username:"陈mei玲玲"}}).then(res=>{console.log(res)}).catch(err=>{console.log(err)})},del:function(){//删除数据  （数据库一般情况不允许删除)//每次只能删除一条代码db.collection("student").doc("b8df3bd65f732ee100a2e7451771bbc7").remove().then(res=>{console.log(res)}).catch(err=>{console.log(err)})},

绑定数据库的env的环境id，下面的图来找

3.云函数sum和delete

先在cloudfunction文件夹中新建一个sumadd文件夹，用这个文件夹保存我们的云函数

打开我们的sumadd下面的index.js文件，编写如下代码

然后右键点击sumadd文件夹，选择上传并部署

我们执行云函数操作就在pages的文件中，写上我们的函数，用函数封装我们的执行条件，再在wxml页面绑定我们的函数即可

上面是加法，下面是删除数据的文件（delete）

云删除函数（云删除函数可以删除多个数据，如果直接在云数据库中删除只能删除一个值）也封装在函数中，在wxml页面中绑定我们的删除函数。

写完了也要右键点击delete文件并且 上传并部署

4. 云存储（上传图片+显示图片）

这个直接写在index.js文件中

  //云存储uploadImg:function(){//选择图片wx.chooseImage({count: 1,//选择几张图片sizeType:["compressed","original"],//是要原图还是压缩图sourceType:["album","camera"],//是从相册来还是相机来success(res){console.log(res.tempFilePaths)//输出我们选择图片的临时路径 是一个数组//保存图片的临时路径console.log(res.tempFilePaths[0])//上传图片wx.cloud.uploadFile({//cloudPath是我们的新文件名称（也就是放在云存储里面）cloudPath:new Date().getTime()+Math.floor(Math.random()*100)+".jpg",//给上传云的图片一个不会重复的名字，避免图片覆盖//filePath使我们的临时文件名称filePath:res.tempFilePaths[0],//把我们临时路径放在临时的filePath里面存储上success(res2){//fileID是我们上传图片的路径console.log(res2)console.log(res2.fileID)//把这个路径保存到我们的云数据库中db.collection("student").add({data:{fileID:res2.fileID,}}).then(res3=>{console.log(res3)}).catch(err=>{console.log(err)})}})}})},

也要绑定我们的上传函数

显示图片代码

 //显示图片showImg:function(){var that = thisdb.collection("student").get().then(res=>{// console.log(res)that.setData({showImages:res.data //????????????????????????????????????})console.log(that.data.showImages)}).catch(err=>{console.log(err)})
},

微信小程序云数据库+云函数相关推荐

【中级】微信小程序 - 腾讯云 - wafer2 - PHP - DEMO - 003 - 源码分析 - 01 - 文件组成详细分析
1 前言: 本文原创,欢迎转载,但是,务必保持原文并且给出原文链接. 微信小程序 - 腾讯云 - PHP - DEMO 是微信提供的一个微信小程序和腾讯云小程序云服务wafer 进行接口的例子. 本仓 ...
微信小程序：uni-app云开发的网盘助手
这是一款uni-app开发的一款网盘小助手小程序源码该源码主要用于用户输入关键词然后全网抓取百度网盘资源内容另外呢该小程序还可以免费领取百度网盘七天会员,所以用来引流特别的不错该小程序还有外卖系 ...
微信小程序开发13 云开发：云原生一体化应用开发平台
你好,我是冠宇,从这个模块开始,就由我带着你一起学习. 在开篇词中,俊鹏讲到云开发诞生的背后动力是困扰前端开发者们的一个核心问题:对后端的依赖.那云开发到底怎么去优化和解决这个问题的呢? 这就是我们今 ...
【微信小程序开发（云壁纸小程序教程）】
微信小程序开发(云壁纸小程序教程) 1. 准备 HBuilder X 和微信开发者工具 2. 进入网站注册小程序 3. 点击发行,这时候就用到微信开发者工具 1. 准备 HBuilder X 和微 ...
微信小程序中配置云开发
微信小程序中配置云开发一.配置 app.js 文件 onLaunch() {wx.cloud.init({env: 'cloud1-xxxxxxxxxx', // 云开发环境IDtraceUser ...
php qcloud sdk weapp_微信小程序腾讯云php后台解决方案
微信小程序腾讯云php后台解决方案微信小程序前段需要添加必要的文件以配合后端 (1)wafer2-client-sdk sdk提供了几种接口包括登陆,获取用户openid,图片上传等 (2)conf ...
微信小程序使用阿里云物联网API开发物联网应用
微信小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下就可以打开的应用. 微信小程序具有方便快捷,速度快,安全及保密性高的优点,同时开发 ...
微信小程序自动化构建(云效)
文章目录前言一.miniprogram-ci 二.将appid和privateKey配置成云效参数 1.修改上传时的脚本 2.修改manifest.json中的appid 3.修改云效配置总结 ...
仿京细菜谱微信小程序源码云开版
仿京细菜谱微信小程序源码云开版,不需要域名和服务器即可搭建小程序,直接导入开发者工具即可上传审核. 源码下载:仿京细菜谱微信小程序源码云开版-小程序文档类资源-CSDN下载
【物联网】微信小程序接入阿里云物联网平台
微信小程序接入阿里云物联网平台一阿里云平台端 1.登录阿里云阿里云物联网平台点击进入公共实例,之前没有的点进去申请 2.点击产品->创建产品 3.产品名称自定义,按项目选择类型,节点类型 ...