微信小程序云开发 --实现加法操作

入门学习，有错请纠正。

整体思路：

wxml中button的点击事件
触发index.js里的qiuhe函数
调用云函数，把数据传给云函数里的add下面的数据
云函数接受到数据后，进行计算，并返回结果。
最后在index.js中打印出。

先完成小程序云开发的配置。上一个博客有详解。云开发配置
右键下图。选择新建Node.js云函数，起名为add。右键add，选择 上传并部署即可。如下图二。（add前面的符号变成云朵形状即为正确）
add下的index.js文件。

云函数入口文件、初始化是每个都必须写。
入口函数，里面定义变量，以及运算函数。

// 云函数入口文件
const cloud = require('wx-server-sdk')
//初始化
cloud.init()// 云函数入口函数
exports.main = async (event, context) => {let a = event.a;let b = event.b;return a + b;
}

在Page的index.wxml中写样式

<button bindtap = "qiuhe">云函数获取加法</button>

在Page的index.js中

Page({//第一个云函数qiuhe(){wx.cloud.callFunction({name:"add",data:{a:1,b:2,},success(res){console.log("请求成功",res)},fail(res){console.log("fail",res);}})}})

效果展示

微信小程序云开发 --实现加法操作相关推荐

python操作微信小程序云端数据库_微信小程序云开发之数据库操作
本文实例为大家分享了微信小程序云开发之数据库操作的具体代码,供大家参考,具体内容如下新建集合 1.打开云开发控制台,数据库 2.添加集合users 添加代码 onAdd: function () { ...
微信小程序云开发：数据库操作
文章目录微信云开发数据库集合,记录和字段 collection,record/doc & field 数据库操作创建记录查询记录删除记录更新记录数据库官方文档微信云开发数据库 ...
微信小程序云开发数据库操作
1.在app.js中初始化云环境 // app.js App({onLaunch() {//初始化云服务if (!wx.cloud) {console.error('请使用 2.2.3 或以上的基础库 ...
微信小程序云开发——常用功能2：操作云数据库一键批量导入数据（导入json文件）
微信小程序云开发--常用功能2:操作云数据库一键批量导入数据(导入json文件) 今天我们要添加100条数据.下面的过程是先创建一条记录,然后导出这条数据看json文件中是如何编辑字段的,然后仿照这个 ...
微信小程序云开发之云数据操作
本文主要讲述"微信小程序云开发"中的云数据库的用法第一节:小程序云开发之数据库文章目录前言一.小程序云开发数据库与传统SQL数据库有什么区别? 二.云数据库开发的使用 1. ...
python操作微信小程序云端数据库_微信小程序·云开发云数据库的基本使用-微信小程序云开发实例-腾讯云微信小程序...
微信小程序·云开发云数据库的基本使用-微信小程序云开发实例-腾讯云微信小程序浏览量:1120 时间:2020-04-06
微信小程序--云开发学习
这两周因为没有布置任务,主要进行微信小程序云开发的学习 ················· 开发者可以使用云开发开发微信小程序.小游戏,无需搭建服务器,即可使用云端能力. 云开发为开发者提供完整的原生 ...
微信小程序云开发不完全指北
微信小程序云开发不完全指北首先必须说明云开发的"云"并不是类似云玩家里的云的意思,而是微信小程序真的提供了云开发的接口以及一个简单的提供存储.数据库服务的虚拟后台(对于一些轻量小 ...
微信小程序云开发用户身份登录_你必须要掌握的微信小程序云开发
微信小程序开发已经成为目前最火爆的技能之一,无论是在求职.毕设.兴趣培养等方面都已经成为一项必备技能,而小程序云开发技术的出现更是点燃了整个小程序生态圈. 在2019微信公开课PRO小程序分论坛上,腾 ...

微信小程序云开发 --实现加法操作

入门学习，有错请纠正。

整体思路：

效果展示

微信小程序云开发 --实现加法操作相关推荐

最新文章

热门文章