课题微信小程序的视图（一）
课时2课时（90min）
知识技能目标：
（1）了解WXML文件的基础知识
（2）掌握数据绑定、事件绑定、条件渲染及列表渲染的方法
教学目标
（3）掌握模板定义、模板使用及文件引用的方法
素质目标：
?培养实践能力，在实践中学习，在学习中实践
教学重点：数据绑定和事件绑定的方法
教学重难点
教学难点：能够使用WXML文件构建微信小程序的页面结构
教学方案例分析法、问答法、讨论法、讲授法
教学用具电脑、投影仪、多媒体课件、教材
第1节课：课前任务→考勤（2min）→问题导入（5min）→传授新知（38min）
教学设计
第2节课：问题导入（5min）→任务实施（35min）→课堂小结（3min）→作业布置（2min）
教学过程主要教学内容及步骤设计意图
第一节课
【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或
其他学习软件完成课前任务通过课前任务，使
请大家分别从认识WXML，学习数据绑定、事件绑定、条件渲染、列表渲学生了解所学课程
课前任务
染、模板的定义和使用，以及文件引用的方法等知识点进行初步的了解。的重要性，增加学生
的学习兴趣
【学生】完成课前任务
【教师】使用APP进行签到培养学生的组织
考勤
纪律性，掌握学生的
（2min）【学生】班干部报请假人员及原因
出勤情况
【教师】创设情景，并组织学生讨论下列问题：
从事过?页编程的?知道，?页编程采?的是HTML+CSS+JS这样
的组合，其中HTML是?来描述当前这个页?的结构，CSS?来描述页?的
样?，JS通常是?来处理这个页?和?户的交互。
通过问题导入的
问题导入（1）在?程序中也有同样的??，其中WXML充当的是什么样的角色？方法，引导学生主动
（5min）（2）和HTML?常相似，WXML由标签、属性等等构成。但是也有很思考，激发学生的学
多不?样的地?，请简单阐述一下？习兴趣
【学生】聆听、思考、讨论、小组代表上台回答问题
【教师】总结学生的回答引入要讲的知识，板书“WXML文件——小程序
的结构”
【教师】通过学生的发言，引入新的知识，讲解WXML的基础知识、数据通过教师的讲解
传授新知
绑定和事件绑