《微信小程序开发案例教程》教案 第10课 表单组件与其他组件（二）.pdfVIP

课题表单组件与其他组件（二）

课时2课时（90min）

知识技能目标：

（1）了解video、map及navigator组件的功能

教学目标（2）熟悉自定义组件的创建和使用方法

素质目标：

不断提高动手能力，达到学以致用的目的

教学重点：常用组件基础属性的设置方法

教学重难点教学难点：使用video组件播放视频、使用map组件在地图上标记位置并绘制路线、使用navigator

组件实现页面跳转

教学方法案例分析法、问答法、讨论法、讲授法

教学用具电脑、投影仪、多媒体课件、教材

第1节课：课前任务→考勤（2min）→问题导入（5min）→传授新知（38min）

教学设计

第2节课：问题导入（5min）→任务实施（35min）→课堂小结（3min）→作业布置（2min）

教学过程主要教学内容及步骤设计意图

第一节课

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或

通过课前任务，使

其他学习软件完成课前任务

学生了解所学课程

课前任务请大家了解video、map、navigator组件的使用，以及自定义组件的方法。

的重要性，增加学生

【学生】完成课前任务的学习兴趣

【教师】使APP进行签到培养学生的组织

考勤

纪律性，掌握学生的

（2min）【学生】班干部报请假人员及原因

出勤情况

【教师】创设情景，并组织学生讨论下列问题：

组件你可以理解为传统页面开发时候的各种标签，例如divspan等等，

我这里只说一些常用的，这样就能能搭建出一个基本的页面了，但是如果想

要更加美观以及拥有更好的体验，就需要XSS和别的一些强大的组件了，通过问题导入的

问题导入如果同学们想了解相关知识，可以去官方文档查阅一下。方法，引导学生主

（5min）（1）关于view标签，还有哪些额外的属性？思考，激发学生的学

习兴趣

（2）image是一个什么样的组件，他的常用属性是什么？

【学生】聆听、思考、讨论、小组代表上台回答问题

【教师】总结学生的回答引入要讲的知识，板书“其他组件”

传授新知【教师】通过学生的发言，引入新的知识，讲解video、map、navigator通