微信小程序开发 教案 5.4 教案-导航组件.docx

《微信小程序开发 教案 5.4 教案-导航组件.docx》由会员分享，可在线阅读，更多相关《微信小程序开发 教案 5.4 教案-导航组件.docx（2页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第5章小程序组件任务5.4导航组件课时内容导航组件课时4教学目标了解什么是导航组件及其作用；掌握导航组件navigator的属性与应用方法。教学重难点掌握导航组件navigator的属性与应用方法。教学设计1 .教学思路：介绍什么是导航组件及其作用，通过多媒体演示和实机操作讲解微信 小程序了解什么是导航组件及其作用；掌握导航组件(navigator的属性与应用方 法。；通过小程序实战巩固基础知识。2 .教学手段：多媒体+计算机3 .教学资料：教材、多媒体课件教学内容一、任务描述微信小程序可以在页面中设置导航，可以使用navigator页面链接组件，也可以在js文件里设置导 航进行页面跳转，同时

2、可以设置导航条标题和显示动画效果。本任务要求使用导航组件navigator,在navigator.wxml初始页面使用两个navigator组件分别用于打开new.wxml和redirect.wxmlo本节的学习目标：(1) 了解什么是导航组件及其作用；(2)掌握导航组件navigator的属性与应用方法。二 导入新知1 .导航组件导航组件navigator,用于点击跳转页面链接。2 .导航组件的属性包括 Navigate、 redirect、switchTab、 reLaunch、 navigateBack 的属性。三、实现效果使用导航组件navigator,在navigator.wxml初始页面使用两个navigator组件分别用于打开 new.wxml 和 redirect.wxmlo四、任务实现略，详见教材代码。练习