微信小程序开发三.docx
- 文档编号:24457517
- 上传时间:2023-05-27
- 格式:DOCX
- 页数:11
- 大小:331.54KB
微信小程序开发三.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.初始化数据:
表现层代码
逻辑层数据提供
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文档
欢迎阅读下一章.
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 微信小 程序 开发