一、确定要实现的功能
二、画出实现流程图
三、用墨刀将小程序画出来(交互设计)
四、实现
1、先实现页面展示(wxml、wxss)
(用假数据)
2、用伪代码写出页面逻辑
3、功能具体实现
4、完善(由简到繁)
如果要用到云开发:
1、新建文件夹(cloudfunctions)
2、初始化云开发环境
// app.js文件中
wx.cloud.init({
env: 'cloud1-4gh5ex65c3e23134',
})
3、配置云环境
// project.config.json文件中添加
"cloudfunctionRoot": "cloudfunctions/",
//(这个时候cloudfunctions的文件夹图片上就出现了一朵云)
4、创建并部署云函数
①右击cloudfunctions,新建node.js函数
②安装node.js和npm
右击新建的函数,选择从内部终端打开
测试安装是否成功
安装完成后打开cmd:
输入node -v 来测试 node.js
输入npm -v 来测试 npm
③安装wx-server-sdk依赖
右击新建的函数,选择从内部终端打开
执行npm install --save wx-server-sdk命令

④上传云函数
在相应的云函数文件夹上右键,选择“上传并部署:所有文件”。
⑤调用云函数

wx.cloud.callFunction({
// 需调用的云函数名
name: 'add',
// 传给云函数的参数
data: {
a: 12,
b: 19,
},
// 成功回调
complete: console.log
})
// 当然 promise 方式也是支持的
wx.cloud.callFunction({
name: 'add',
data: {
a: 12,
b: 19
}
}).then(console.log)
版权声明:本文为smartbutnotbare原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。