1、 微信开发工具简介

1.创建新项目

2.微信小程序开发工具的功能分类

3.调试时支持http

微信小程序需要https请求（没有https证书的小程序可以在调试时设置为支持http）

4.添加编译模式。

可以为特定页面编译微信小程序开发工具。

2、 小程序的目录结构

1.页面：页面文件。包含页面所需的所有文件

这个js文件是逻辑控制层

wxml文件是页面表示层（类似于xml）

wxss文件是一个样式层（类似于css）

2.app。js文件是程序初始化会话文件（相当于Android中的app）

app（｛//以下是小程序的生命周期

onLaunch:函数（）｛｝，//生命周期回调--侦听小程序初始化。

OnShow:函数（）｛｝，//生命周期回调--侦听小程序启动或切换到前台。

OnHide:function（）｛｝，//生命周期回调--侦听小程序开关背景。

OnError:函数（msg）｛｝，//错误侦听器函数。

OnPageNotFound:函数（）｛｝//页面上不存在侦听器函数。

})

3.app。Json小程序配置

图像.png

4.app。Wxss是全局样式设置

3、 添加微信小程序内部测试仪

4、 第页。js回调函数

第页({

数据：｛text:“这是页面数据。”｝，//页面的初始数据

OnLoad:函数（选项）｛｝，//生命周期回调-侦听页面加载

OnReady:function（）｛｝，//生命周期回调-侦听页面第一次呈现的完成情况

OnShow:function（）｛｝，//生命周期回调-侦听页面的显示

OnHide:function（）｛｝，//生命周期回调-侦听器页面隐藏

onUnload:函数（）｛｝，//生命周期回调-侦听页面卸载

OnPullDownRefresh:函数（）｛｝，//侦听用户下拉操作

OnReachBottom:function（）｛｝，//页面底部触摸事件的处理函数

OnShareAppMessage:function（）｛｝，//主管单击右上角转发

//以下是自定义事件处理函数（绑定在视图中）

viewTap:函数（）{

//setData设置数据绑定数据值并更新视图

这setData（｛text:'设置一些数据以更新视图。'｝）

}

})

数据是用于页面第一次呈现的初始数据。

加载页面时，数据将以JSON字符串的形式从逻辑层传输到呈现层。因此，数据中的数据必须是可以转换为JSON的类型：字符串、数字、布尔值、对象、数组。

渲染层可以通过[WXML]绑定数据。

示例代码：

｛｛text｝｝

｛｛array[0].msg｝｝

第页({

数据：{

text:'初始化数据'，

数组：[｛消息：“1”｝，｛消息“2”｝]

}

})