微信小程序开发-学习笔记(2)
小程序开发
移动应用
浏览:983 次

微信小程序的基本概念-事件
不同终端的操作方法
PC终端操作:键盘和鼠标
移动端操作:手指
事件类型简介
事件类型
解释
触摸启动
当手指触发屏幕时发生事件
触摸移动
手指在屏幕上滑动
接触端
手指离开屏幕
水龙头
手指触发屏幕立即离开触发事件
微信小程序-事件绑定元素
事件绑定语法:
<查看绑定事件name=“function”>;/view>,标签中有许多绑定元素,例如绑定点击事件“bindtap”。还有许多其他绑定元素。详见微信开发文档。
代码示例:
微信小程序的基本概念-生命周期(组件wxml)
定义:组件生命周期是指组件从创建到使用到最终销毁的过程。
js文件下的基本事件简介
事件名称
解释
触发次数
加载
组件创建成功,加载完成
触发一次
打开就绪
组件配置成功
触发一次
在Show上
组件显示完成
多次触发

打开隐藏
组件隐藏完成
多次触发
打开卸载
部件销毁
触发一次(小心使用)
小心:
当onLoad事件触发发送请求以获取数据(以获取其他组件传输的数据)时,可以使用选项。
隐藏组件通过切换背景实现
销毁组件是通过跳转组件来实现的
提示:
如何通过js获取或修改数据中的数据?
例如:data:{msg:“hello”}
获取数据中的数据:this.data.msg
修改数据中的数据:this。setData({msg:“js”})
跳转事件
例如,将跳转事件添加到小程序界面上的任何组件,然后单击该组件以操作事件跳转界面
用法:向小部件添加一个点击事件,并在js界面的事件函数下添加以下代码以跳转
Wx。redirectTo({//跳转到接口函数
Url:'/pages/exam/exam',//目标页面的路径或Url
})
跳转到接口函数以传输参数
参数传递可以通过url的字段拼接来实现。代码如下:
wx.重定向到({
url:'/pages/exam/ensam?id=13&Age=11%,//将两个参数id和Age传递给目标接口,然后使用?拼接参数
})
如果需要在目标接口中使用传递的参数,请首先在目标接口的js中的数据中声明参数名称,然后使用该名称。页面加载函数onLoad中的setDate({parameter name:options.parameter name})保存传递的参数,或者使用控制台日志(options)在控制台上打印传递的数据。要在页面上显示它,可以直接调用保存在数据中的数据。
微信小程序云开发
基本介绍
云开发包括:云功能、云数据库和云存储
传统小程序和云开发小程序的基础开发
图形LR
传统小程序开发方案
A[前端]--->B[后端服务器]
B-->DBA数据库管理员-->C[缺点]-->人员成本高
B-->系统管理员-->C-->工作人员复杂,沟通不便

B-->负载平衡-->C
B-->网络管理员等-->C
对于中小企业来说,传统小程序的开发成本较高
图形LR
应用云开发方案
A[前端]-->B[后端云开发]-->云数据库
B-->云存储
B-->云功能
优点-->适合中小型项目开发
应用开发ECS
打开步骤:
单击小程序开发工具中的“云开发”按钮
填写环境名称并单击“确定”
注意:环境名称不能有中文字符,也不能以空格字母开头
云数据库简介
小程序中的云数据库是文档数据库和非关系数据库
云数据库的创建方法
步骤1:激活云开发服务器服务
步骤2:在云开发控制台中创建集合
步骤3:将记录添加到集合
这里的数据库创建和后续操作都是可视化界面操作,非常简单
云数据库与关系数据库的比较
关系数据库
云数据库mongodb
数据库
数据库(默认情况下一个用于环境)
桌子
收集
一行
记录
柱
领域
关系数据库:适用于企业内部系统中的复杂关系
Mongodb:适用于互联网项目(频繁查询/更新)和移动应用程序
云数据库运行模式
操作模式1:云开发控制台(创建、添加和修改)

操作模式2:在小程序中(创建,添加