“微信小程序实用教程”教案

周次第1次课学时1+1章节名称第一章准备工作授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求了解小程序的特点和适用场景熟悉注册小程序的步骤掌握小程序管理后台的基本操作掌握开发者工具的使用方法教学重点小程序管理后台的基本操作开发者工具的使用方法教学难点开发者工具的使用方法教学内容课程内容介绍小程序的特点和适用场景注册小程序的步骤小程序管理后台的基本操作开发者工具的使用方法教学方法与手段设计教学方法：介绍/演示注册流程和后台管理流程介绍/演示开发者工具的使用方法辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成1.4节练习题1、2实验内容老师演示注册流程、后台管理操作及开发工具的使用方法，指导完成1.4节练习题

周次第2次课学时1+1章节名称第二章初识小程序授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求了解组成小程序的目录结构和文件熟悉小程序配置文件和页面配置文件的使用方法掌握新建页面以及设置启动页面的方法掌握在真机上预览小程序的方法熟悉发布小程序的流程，以及对小程序各阶段版本的管理教学重点小程序的目录结构和文件小程序配置文件和页面配置文件的使用方法新建页面以及设置启动页面的方法教学难点小程序的目录结构和文件教学内容组成小程序的目录结构和文件小程序配置文件和页面配置文件的使用方法新建页面以及设置启动页面的方法在真机上预览小程序的方法，发布小程序的流程，以及对小程序各阶段版本的管理教学方法与手段设计教学方法：演示各小节【任务操作】介绍各小结【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成2.3练习题4、5、6实验内容老师演示并指导学生完成各小节任务

周次第3次课学时1+1章节名称第三章小程序开发基础3.1认识小程序的生命周期3.2认识小程序页面的生命周期授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求了解小程序的生命周期与页面的生命周期教学重点小程序的生命周期与页面的生命周期教学难点教学内容介绍小程序的生命周期介绍小程序页面的生命周期教学方法与手段设计教学方法：演示3.1节和3.2节【任务操作】介绍3.1节和3.2节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成3.6节练习题1和2实验内容老师演示并指导学生完成各小节任务

周次第4次课学时1+1章节名称第三章小程序开发基础3.3概览MINA框架3.4逻辑层授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求了解小程序框架的基本功能了解接口熟悉小程序注册和页面注册的方法掌握事件的绑定与处理教学重点小程序注册和页面注册的方法事件的绑定与处理教学难点事件的绑定与处理教学内容小程序事件响应从空白项目新建小程序及页面介绍模块化功能和接口的概念教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成3.6练习题3、4、6、7实验内容老师演示并指导学生完成各小节任务

周次第5次课学时1+1章节名称第三章小程序开发基础3.5视图层授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求了解组件熟悉模板，样式导入，模块化的操作掌握数据绑定的用法掌握列表渲染和条件渲染的使用掌握小程序样式文件的使用教学重点数据绑定的用法列表渲染和条件渲染的使用教学难点数据绑定的用法教学内容演示并讲解列表渲染以及条件渲染的使用方式演示并讲解数据绑定的多种方式演示样式文件的使用方法教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成3.6练习题5、8、9实验内容老师演示并指导学生完成各小节任务

周次第6次课学时1+1章节名称第四章搭建以PHP为例的后端网络环境授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求了解小程序对域名的要求掌握搭建本地Web服务器的方法掌握小程序和服务器通信的基本方式教学重点小程序和服务器通信的基本方式教学难点1. 搭建本地Web服务器的方法教学内容介绍小程序对域名的要求演示使用XAMPP搭建本地Web服务器的方法演示并讲解小程序和服务器通信的基本方式教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成4.4练习题1实验内容老师演示并指导学生完成各小节任务

周次第7次课学时1+1章节名称第五章视图容器组件5.1Flex布局和view组件5.2滚动视图组件scroll-view授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求了解Flex布局方式掌握view组件和scroll-view组件的使用方法教学重点view组件的使用方法scroll-view组件的使用方法教学难点1. Flex布局方式教学内容演示并讲解Flex布局差异演示并讲解view组件的使用方法演示并讲解scroll-view组件的使用方法教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成5.6练习题1、2、3实验内容老师演示并指导学生完成各小节任务

周次第8次课学时1+1章节名称第五章视图容器组件5.3滑块视图容器swiper5.4可移动视图容器movable-view和movable-area5.5cover-view组件和cover-image组件授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握swiper组件、movable-view组件、movable-area组件、cover-view组件、cover-image组件的使用教学重点swiper组件的使用movable-view组件和movable-area组件的使用教学难点教学内容演示并讲解swiper组件的使用演示并讲解movable-view组件和movable-area组件的使用演示并讲解cover-view组件和cover-image组件的使用教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成5.6练习题4、5、6实验内容老师演示并指导学生完成各小节任务

周次第9次课学时1+1章节名称第六章基础内容组件6.1图标组件icon6.2文本组件text授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握图标，文本组件的使用教学重点图标，文本组件的使用教学难点文本组件的使用方式教学内容演示并讲解icon组件的使用方式演示并讲解text组件的使用方式教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成6.5练习题1实验内容老师演示并指导学生完成各小节任务

周次第10次课学时1+1章节名称第六章基础内容组件6.3富文本组件rich-text6.4进度条组件progress授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求了解富文本组件的使用掌握进度条组件的使用教学重点进度条组件的使用教学难点富文本的使用方式教学内容演示并讲解rich-text组件的使用方式演示并讲解progress组件的使用方式教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成6.5练习题2、3实验内容老师演示并指导学生完成各小节任务

周次第11次课学时1+1章节名称第七章表单组件7.1按钮组件button、7.2表单form组件、7.3多选项目组件checkbox、7.4输入框组件input、7.5label组件授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握button、form、checkbox、input组件的使用了解label组件的使用教学重点form组件的使用input组件的使用教学难点input组件的使用教学内容演示并讲解button、form、checkbox、input以及label组件的使用教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业实验内容老师演示并指导学生完成各小节任务

周次第12次课学时1+1章节名称第七章表单组件7.6从底部弹起的页面选择器组件picker、7.7嵌入页面的滚动选择器组件picker-view、7.8单项选择器组件radio、7.9滑动选择器slider、7.10开关选择器组件switch、7.11多行输入框组件textarea授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握radio、switch组件的使用了解picker、picker-view、slider、textarea组件的使用方法；教学重点radio组件和switch组件的使用picker组件以及picker-view组件的使用教学难点picker组件以及picker-view组件的使用教学内容演示并讲解radio、switch、picker、picker-view、slider、textarea组件的使用教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成7.12练习题1、2实验内容老师演示并指导学生完成各小节任务

周次第13次课学时1+1章节名称第八章多媒体组件授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握音频组件、图片组件、视频组件和相机组件的使用方法建议自行了解使用小程序做音视频直播的方法教学重点音频组件、图片组件、视频组件和相机组件的使用方法教学难点图片组件的使用方法相机组件的使用方法教学内容演示并讲解音频组件、图片组件、视频组件以及相机组件的使用方法教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成8.5练习题1、2、3实验内容老师演示并指导学生完成各小节任务

周次第14次课学时1+1章节名称第九章其它组件授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握导航组件，地图组件的使用了解开放数据组件和公众号关注组件的使用教学重点导航组件的使用地图组件的使用教学难点地图组件的使用教学内容演示并讲解导航组件的使用演示并讲解地图组件的使用演示开放数据组件以及公众号关注组件的使用教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成9.5练习题1、3实验内容老师演示并指导学生完成各小节任务

周次第15次课学时1+1章节名称第十章小程序网络通讯接口10.1发起网络请求授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求熟悉小程序对于网络通信的要求掌握使用小程序发起HTTPS请求教学重点使用小程序发起HTTPS请求教学难点1. 使用小程序发起HTTPS请求教学内容根据实际案例，介绍小程序对于网络通信的要求，包括对HTTPS证书的要求，域名备案的要求等等。演示搭建后端服务器响应小程序请求的过程演示并讲解使用小程序发起HTTPS请求以及处理响应的过程教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业实验内容老师演示并指导学生完成各小节任务

周次第16次课学时1+1章节名称第十章小程序网络通讯接口10.2上传和下载文件10.3WebSocket通信授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求了解WebSocket通信的原理掌握使用小程序上传和下载文件掌握使用小程序进行WebSocket通信的方法教学重点使用小程序上传和下载文件使用小程序进行WebSocket通信的方法教学难点使用小程序上传和下载文件教学内容搭建可以接收上传文件以及响应下载文件的后端服务演示并讲解使用小程序上传以及下载文件的过程讲解WebSocket的原理演示并讲解使用小程序进行WebSocket通信的过程教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成10.4练习题1、2实验内容老师演示并指导学生完成各小节任务

周次第17次课学时1+1章节名称第十一章多媒体接口11.1图片管理、11.2使用录音机、11.3音频控制、11.4背景音频控制授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握对图片管理相关接口的使用掌握对录音机相关接口的使用掌握对音频控制以及背景音频控制相关接口的使用教学重点图片管理相关接口的使用音频控制及背景音频控制相关接口的使用教学难点1. 图片管理相关接口的使用教学内容演示并讲解对图片的选择、保存、预览等操作演示并讲解对音频和背景音频的播放、暂停、快进等操作演示并讲解录音功能的开始、停止、保存和查看文件的操作教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成11.8练习题1、2实验内容老师演示并指导学生完成各小节任务

周次第18次课学时1+1章节名称第十一章多媒体接口11.5视频管理、11.6使用相机、11.7动态加载字体授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握对视频管理相关接口的使用掌握对相机相关接口的使用了解如何动态加载字体教学重点视频管理相关接口的使用相机相关接口的使用教学难点1. 相机相关接口的使用教学内容演示并讲解对视频的播放，暂停，快进，发送弹幕，停止等操作演示并讲解使用相机拍摄视频和图片以及保存文件的操作演示动态加载第三方字体的操作教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成11.8练习题3实验内容老师演示并指导学生完成各小节任务

周次第19次课学时1+1章节名称第十二章文件和数据缓存接口授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握小程序操作文件的相关接口掌握小程序操作数据缓存的相关接口了解使用小程序打开文件的方法了解小程序对于缓存大小的限制了解同步接口和异步接口的差异教学重点小程序对文件操作的相关接口小程序使用数据缓存的相关接口教学难点1. 小程序对文件操作的相关接口教学内容介绍小程序对于缓存大小的限制介绍同步接口和异步接口的差异演示并讲解小程序对文件进行存储，查询，删除等操作的方法演示并讲解小程序对数据缓存的存储，设置，查询和清除等操作的方法教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成12.3练习题1、2实验内容老师演示并指导学生完成各小节任务

周次第20次课学时1+1章节名称第十三章获取手机设备信息接口13.1手机系统信息、13.2兼容性判断、13.3网络状态、13.4电量、13.5加速度计、13.6罗盘授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握各类获取手机设备信息的接口能判断不同设备的兼容性，并给出针对性的优化教学重点兼容性判断方式查看手机的网络状态查看手机的系统信息查看手机的罗盘信息教学难点兼容性判断方式手机罗盘信息的获取教学内容演示并讲解上述接口的使用介绍常见的不兼容情况以及解决办法教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成13.14练习题1、2、3实验内容老师演示并指导学生完成各小节任务

周次第21次课学时1+1章节名称第十三章获取手机设备信息接口13.7陀螺仪、13.8Wi-Fi、13.9联系人和电话、13.10剪贴板、13.11屏幕、13.12振动、13.13扫码授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握各类获取手机设备信息的接口教学重点权限的合理申请及使用获取Wi-Fi列表及连接的方式读取剪贴板的方式调用扫码以及查看扫描结果的方式教学难点1. Wi-Fi相关接口的使用教学内容介绍权限申请和使用的规范演示并讲解上述接口的使用教学方法与手段设计教学方法：演示各节【任务操作】介绍各节【相关知识】辅助手段：多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出板书设计详见PPT课件，关键内容辅以提示性文字说明作业完成13.14练习题4、5、6实验内容老师演示并指导学生完成各小节任务

周次第22次课学时1+1章节名称第十四章小程序界面交互接口14.1交互反馈、14.2下拉刷新、14.3动画控制授课形式理论课实验课案例讨论课□习题课□其他□教学目的及要求掌握交互反馈相关接口的使用掌握下拉刷新操作的方法了解动画的效果和设置教学重点交互反馈相关接口的使用下拉刷新操作的方法教学难点1. 交互反馈相关接口的使用教学内容演示并讲解消息提示框，加载提示框，模态弹窗和操作菜单的使用演示并讲解调用和监听下拉刷新操作的方法演示动画的