微信小程序开发 5-4 教案-导航组件[2页].pdf
版权申诉
197 浏览量
2023-03-29
20:19:06
上传
评论
收藏 85KB PDF 举报
第 5 章 小程序组件
任务 5.4 导航组件
课时内容
教学目标
导航组件
了解什么是导航组件及其作用；
掌握导航组件<navigator>的属性与应用方法。
课时
4
教学重难点
掌握导航组件<navigator>的属性与应用方法。
1.教学思路：介绍什么是导航组件及其作用，通过多媒体演示和实机操作讲解微信
小程序了解什么是导航组件及其作用；掌握导航组件 <navigator>的属性与应用方
法。；通过小程序实战巩固基础知识。
2.教学手段：多媒体+计算机
3.教学资料：教材、多媒体课件
教学设计
教学内容
一、任务描述
微信小程序可以在页面中设置导航，可以使用 navigator 页面链接组件，也可以在 js 文件里设置导
航进行页面跳转，同时可以设置导航条标题和显示动画效果。
本任务要求使用导航组件 navigator，在 navigator.wxml 初始页面使用两个<navigator>组件分别
用于打开 new.wxml 和 redirect.wxml。本节的学习目标：
(1) 了解什么是导航组件及其作用；
(2) 掌握导航组件<navigator>的属性与应用方法。
二、导入新知
1.导航组件
导航组件<navigator>用于点击跳转页面链接。
2. 导航组件的属性
包括 Navigate、redirect、switchTab、reLaunch、navigateBack 的属性。
三、实现效果
使用导航组件 navigator，在 navigator.wxml 初始页面使用两个 <navigator>组件分别用于打开
new.wxml 和 redirect.wxml。
四、任务实现
略，详见教材代码。
资源评论
