微信小程序开发三.docx
《微信小程序开发三.docx》由会员分享，可在线阅读，更多相关《微信小程序开发三.docx（11页珍藏版）》请在冰点文库上搜索。
微信小程序开发三
微信小程序开发
（二）
第三章逻辑层
逻辑层向表现层提供数据，响应表现层事件.第1节注册程序
1.APP（object）注册小程序
Object属性方法
属性
类型
说明
触发
onLaunch（）
function
初始化
初始
onShow（）
function
显示
后转前
onHide（）
function
隐藏
前转后
APP（）代码实例
App（{
onLaunch:
function（options）{
//Dosomethinginitialwhenlaunch.
}，
onShow:
function（options）{
//Dosomethingwhenshow.
},
onHide:
function。
{
Options:
场景值，详见场景值一章。
2.getApp（）创建小程序实例
varappInstanee=getApp（）
第2节场景值
部分场景值列表
N
O
VALU
E
DESC
N
O
VALU
E
DESC
N
O
VAL
UE
DESC
1
1001
发现栏
7
1014
程序模板
13
1028
我的卡包
2
1005
搜结果
8
1020
公众号模
14
1029
卡券
1001+100
一3—10069—1022—聊天置顶一15—1035—公众菜单
第3节注册页面
1.注册页面：
page（object）
Object属性和方法：
NO
属性
类型
说明
1
data
object
数据
2
onLoad
function
加载
3
onReady
function
就绪
4
onShow
function
显示
Object属性和方法：
（续上页）
NO
属性
类型
说明
7
onPullDownRefresh
function
下拉刷新
8
onReachBottom
function
达到底端
代码示例:
Page（{
data:
{text:
"Thisispagedata."},
onLoad:
function（options）{},
onReadyfunction（）{//Dosomethingwhenpageready.},
onShow:
function（）{//Dosomethingwhenpageshow.},
onHide:
function。
{//Dosomethingwhenpagehide.},
onUnload:
function。
{//Dosomethingwhenpageclose.},
onPullDownRefresh:
function（）{//Dosomethingwhenpulldown.},
onReachBottomfunction（）{//Dosomethingwhenpagereachbottom.},
onShareAppMessagefunction（）{//returncustomsharedatewhenuser
2.初始化数据:
表现层代码
{{text}}
逻辑层数据提供
Page（{
data:
{
text:
初始数据',
3.事件处理：
表现层事件绑定：
逻辑层事件处理:
Page（{
viewTapfunction（）{
console.Iog（'viewtap'）
4.生命周期函数：
分析模型：
表现层+表现层事件+两层关联+逻辑层+逻辑层事件
生命周期：
产生+存续+消毁
视图模型：
“泳道”图
表现层线
两层关联
逻辑层线
start
create
init
inited
onLoad
created
X,
start
Waitdata
Frender
onShow
Waitnoti
f>
f\
ready
onReady
J
丿
■11—1
render
■
Active
L」
onHide
■
render
Cj
F-
Active
、
\
render
J
Active
onUnload
第4节路由
1.页面栈
页面栈对页面管理
NO
操作内容
页面栈变化说明
1
初始化
P」nit:
in
2
打开新页面
P_open:
in
3
重定向
P_cur:
out;p_redirect:
in
4
页面返回
P_top:
out;p_return:
top
2.getCurrentPages（）
获取页面栈实例：
返回值：
数组
索引
1
2
…
N
3.路由方式
NO
操作内容
触发方式
路由前页面
路由后页面
1
初始化
‘load+show
2
打开新页面
‘wx.navigateTo
hide
‘load+show
3
重定向
‘wx.redirectTo
hide
'load+show
4
页面返回
‘wx.navigateBack
hide
‘show
第5节模块化
1.作用域：
函数和变量只在当前文件中有有效；
全局变量通过APP（DATA）设定，并通过var即p=getApp（）;app.data.varan使用全局变量;
2.模块化：
创建模块文件，扩展名JS例如：
user.js模块文件结构如下:
//函数列表：
Functionfun1（）{};
Functionfun2（）{};
//函数导出
模块引用实列如下：
//引用JS文件
Varcom=require“user.js）;
//使用实例
Page（{
第6节API
小程序开发框架MINA提供丰富的微信原生API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等。
详细介绍请参考微信小程序API文档
欢迎阅读下一章.
升级会员 