微信小程序开发-学习笔记(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:在小程序中(创建,添加