基本信息
文件名称:《微信小程序开发案例教程》教案 第9课 表单组件与其他组件(一).pdf
文件大小:1.76 MB
总页数:7 页
更新时间:2025-06-02
总字数:约1.46万字
文档摘要

课题表单组件与其他组件(一)

课时2课时(90min)

知识技能目标:

(1)了解button、checkbox和checkbox-group、radio和radio-group、picker、switch、input、

textarea、label、form等常用表单组件的功能

教学目标

(2)掌握form组件的应用

素质目标:

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

教学重点:常用表单组件的功能

教学重难点

教学难点:能够使用表单组件制作表单页面

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

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

第1节课:课前任务→考勤(2min)→问题导入(5min)→传授新知(38min)

教学设计

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

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

第一节课

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

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

通过课前任务,使

请大家提前熟悉表单组建中常用的button、checkbox和checkbox-group、radio

学生了解所学课程

课前任务和radio-group、picker、switch、input、textarea、label和form等组件,并对制

的重要性,增加学生

作微信小程的建议反馈页面有个初步了解。

的学习兴趣

【学生】完成课前任务

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

考勤

纪律性,掌握学生的

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

出勤情况

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

我们在开发微信小程序时,当点击form表单中form-type为submits的

button组件时会将表单组建中的value进行提交,学要在表单组建中加上

name来作为key。通过问题导入的

问题导入方法,引导学生主动

(5min)(1)如何一次性获取所有表单控件的值并且提交到服务器上去呢?思考,激发学生的学

(2)怎样使用form把所有子元素包含进去?