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

章节名称第一章准备工作授课形式理论课目实验课因案例讨论课口习题课口其他口了解小程序的特点和适用场景

1.熟悉注册小程序的步骤

2.教学目的及掌握小程序管理后台的基本操作

3.要求掌握开发者工具的使用方法

4.小程序管理后台的基本操作

1.教学重点开发者工具的使用方法

2.教学难点开发者工具的使用方法

1.课程内容介绍

1.小程序的特点和适用场景

2.注册小程序的步骤教学内容

3.小程序管理后台的基本操作

4.开发者工具的使用方法

5.教学方法

1.介绍/演示注册流程和后台管理流程1教学方法与介绍/演示开发者工具的使用方法2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成节练习题、

1.412老师演示注册流程、后台管理操作及开发工具的使用方法，指导完实验内容成节练习题

1.4第六章基础内容组件富文本组件章节名称

6.3rich-text进度条组件

6.4progress授课形式理论课目实验课因案例讨论课口习题课口其他口教学目的及了解富文本组件的使用

1.要求掌握进度条组件的使用

2.教学重点进度条组件的使用

1.教学难点富文本的使用方式

1.演示并讲解组件的使用方式

1.rich-text教学内容演示并讲解组件的使用方式

2.progress教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、

6.523实验内容老师演示并指导学生完成各小节任务第七章表单组件章节名称按钮组件、表单组件、多选项目组件

7.1button

7.2form

7.3checkbox输入框组件、组件

7.4input

7.5label授课形式理论课目实验课因案例讨论课口习题课口其他口掌握、、组件的使用教学目的及

1.button formcheckbox input了解组件的使用要求

2.label组件的使用

1.form教学重点组件的使用

2.input教学难点组件的使用

1.input演示并讲解、、、以及组件的使

1.button formcheckbox inputlabel教学内容用教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业实验内容老师演示并指导学生完成各小节任务第七章表单组件从底部弹起的页面选择器组件、嵌入页面的滚动选择

7.6picker

7.7章节名称器组件、单项选择器组件、滑动选择器、picker-view

7.8radio

7.9slider开关选择器组件、多行输入框组件

7.10switch

7.11textarea授课形式理论课目实验课目案例讨论课口习题课口其他口教学目的掌握组件的使用

1.radio switch及要求了解、、、组件的使用方法；

2.picker picker-view slidertextarea组件和组件的使用

1.radio switch教学重点组件以及组件的使用

2.picker picker-view教学难点组件以及组件的使用

1.picker picker-view演示并讲解组

1.radio switchpicker picker-view slidertextarea教学内容件的使用教学方法

1.教学方法演示各节【任务操作】1与手段设介绍各节【相关知识】2计

2.辅助手段多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、

7.1212实验内容老师演示并指导学生完成各小节任务章节名称第八章多媒体组件授课形式理论课目实验课因案例讨论课口习题课口其他口掌握音频组件、图片组件、视频组件和相机组件的使用方法教学目的及

1.建议自行了解使用小程序做音视频直播的方法要求

2.教学重点音频组件、图片组件、视频组件和相机组件的使用方法

1.图片组件的使用方法

1.教学难点相机组件的使用方法

2.演示并讲解音频组件、图片组件、视频组件以及相机组件的使用

1.教学内容方法教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、

8.5123实验内容老师演示并指导学生完成各小节任务章节名称第九章其它组件授课形式理论课目实验课因案例讨论课口习题课口其他口掌握导航组件，地图组件的使用教学目的及

1.了解开放数据组件和公众号关注组件的使用要求

2.导航组件的使用

1.教学重点地图组件的使用

2.教学难点地图组件的使用

1.演示并讲解导航组件的使用

1.演示并讲解地图组件的使用

2.教学内容演示开放数据组件以及公众号关注组件的使用

3.教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、

9.513实验内容老师演示并指导学生完成各小节任务第十章小程序网络通讯接口章节名称发起网络请求

10.1授课形式理论课因实验课目案例讨论课口习题课口其他口教学目的熟悉小程序对于网络通信的要求

1.及要求掌握使用小程序发起请求

2.HTTPS教学重点使用小程序发起请求

1.HTTPS教学难点使用小程序发起请求

1.HTTPS根据实际案例，介绍小程序对于网络通信的要求，包括对

1.证书的要求，域名备案的要求等等HTTPS演示搭建后端服务器响应小程序请求的过程教学内容

2.演示并讲解使用小程序发起请求以及处理响应的过

3.HTTPS程教学方法

1.教学方法演示各节【任务操作】1与手段设介绍各节【相关知识】2计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业实验内容老师演示并指导学生完成各小节任务第十章小程序网络通讯接口上传和下载文件章节名称

10.2通信

10.3WebSocket授课形式理论课目实验课因案例讨论课口习题课口其他口了解通信的原理

1.WebSocket教学目的及掌握使用小程序上传和下载文件

2.要求掌握使用小程序进行通信的方法

3.WebSocket使用小程序上传和下载文件

1.教学重点使用小程序进行通信的方法

2.WebSocket教学难点使用小程序上传和下载文件

1.搭建可以接收上传文件以及响应下载文件的后端服务

1.演示并讲解使用小程序上传以及下载文件的过程

2.教学内容讲解的原理

3.WebSocket演示并讲解使用小程序进行通信的过程

4.WebSocket教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、

10.412实验内容老师演示并指导学生完成各小节任务第十一章多媒体接口图片管理、使用录音机、

11.

111.2章节名称音频控制、背景音频控制

11.

311.4授课形式理论课目实验课因案例讨论课口习题课口其他口掌握对图片管理相关接口的使用

1.教学目的掌握对录音机相关接口的使用

2.及要求掌握对音频控制以及背景音频控制相关接口的使用

3.图片管理相关接口的使用

1.教学重点音频控制及背景音频控制相关接口的使用

2.教学难点图片管理相关接口的使用

1.演示并讲解对图片的选择、保存、预览等操作

1.演示并讲解对音频和背景音频的播放、暂停、快进等操作

2.教学内容演示并讲解录音功能的开始、停止、保存和查看文件的操作

3.教学方法

1.教学方法演示各节【任务操作】1与手段设介绍各节【相关知识】2计

2.辅助手段多媒体演示对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、

11.812实验内容老师演示并指导学生完成各小节任务第十一章多媒体接口章节名称视频管理、使用相机、动态加载字体

11.

511.

611.7授课形式理论课因实验课目案例讨论课口习题课口其他口掌握对视频管理相关接口的使用

1.教学目的及掌握对相机相关接口的使用

2.要求了解如何动态加载字体

3.视频管理相关接口的使用

1.教学重点相机相关接口的使用

2.教学难点相机相关接口的使用

1.演示并讲解对视频的播放，暂停，快进，发送弹幕，停止等操

1.作教学内容演示并讲解使用相机拍摄视频和图片以及保存文件的操作

2.演示动态加载第三方字体的操作

3.教学方法

1.教学方法演示各节【任务操作】1与手段设介绍各节【相关知识】2计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题

11.83实验内容老师演示并指导学生完成各小节任务章节名称第十二章文件和数据缓存接口授课形式理论课目实验课因案例讨论课口习题课口其他口掌握小程序操作文件的相关接口

1.掌握小程序操作数据缓存的相关接口

2.教学目的及了解使用小程序打开文件的方法

3.要求了解小程序对于缓存大小的限制

4.了解同步接口和异步接口的差异

5.小程序对文件操作的相关接口

1.教学重点小程序使用数据缓存的相关接口

2.教学难点小程序对文件操作的相关接口

1.介绍小程序对于缓存大小的限制

1.介绍同步接口和异步接口的差异

2.教学内容演示并讲解小程序对文件进行存储，查询，删除等操作的方法

3.演示并讲解小程序对数据缓存的存储，设置，查询和清除等操作

4.的方法教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、

12.312实验内容老师演示并指导学生完成各小节任务章节名称第二章初识小程序授课形式理论课目实验课因案例讨论课口习题课口其他口了解组成小程序的目录结构和文件

1.熟悉小程序配置文件和页面配置文件的使用方法

2.教学目的及掌握新建页面以及设置启动页面的方法

3.要求掌握在真机上预览小程序的方法

4.熟悉发布小程序的流程，以及对小程序各阶段版本的管理

5.小程序的目录结构和文件

1.小程序配置文件和页面配置文件的使用方法

2.教学重点新建页面以及设置启动页面的方法

3.教学难点小程序的目录结构和文件

1.组成小程序的目录结构和文件

1.小程序配置文件和页面配置文件的使用方法

2.教学内容新建页面以及设置启动页面的方法

3.在真机上预览小程序的方法，发布小程序的流程，以及对小程序

4.各阶段版本的管理教学方法

1.演示各小节【任务操作】1教学方法与介绍各小结【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、、

2.3456实验内容老师演示并指导学生完成各小节任务第十三章获取手机设备信息接口手机系统信息、兼容性判断、网络状态、

13.

113.

213.3章节名称电量、加速度计、罗盘

13.

413.

513.6授课形式理论课目实验课因案例讨论课口习题课口其他口教学目的及掌握各类获取手机设备信息的接口

1.要求能判断不同设备的兼容性，并给出针对性的优化

2.兼容性判断方式

1.查看手机的网络状态

2.教学重点查看手机的系统信息

3..查看手机的罗盘信息4兼容性判断方式

1.教学难点手机罗盘信息的获取

2.演示并讲解上述接口的使用

1.教学内容介绍常见的不兼容情况以及解决办法

2.教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、、

13.14123实验内容老师演示并指导学生完成各小节任务第十三章获取手机设备信息接口陀螺仪、、联系人和电话、剪贴板、

13.

713.8Wi-Fi

13.

913.10章节名称屏幕、振动、扫码

13.

1113.

1213.13授课形式理论课目实验课因案例讨论课口习题课口其他口教学目的及掌握各类获取手机设备信息的接口

1.要求权限的合理申请及使用

1.获取列表及连接的方式

2.Wi-Fi教学重点读取剪贴板的方式

3.调用扫码以及查看扫描结果的方式

4.教学难点相关接口的使用

1.Wi-Fi介绍权限申请和使用的规范

1.教学内容演示并讲解上述接口的使用

2.教学方法

1.教学方法演示各节【任务操作】1与手段设介绍各节【相关知识】2计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、、

13.14456实验内容老师演示并指导学生完成各小节任务第十四章小程序界面交互接口章节名称交互反馈、下拉刷新、动画控制

14.

114.

214.3授课形式理论课因实验课目案例讨论课口习题课口其他口掌握交互反馈相关接口的使用

1.教学目的及掌握下拉刷新操作的方法

2.要求了解动画的效果和设置

3.交互反馈相关接口的使用

1.教学重点下拉刷新操作的方法

2.教学难点交互反馈相关接口的使用

1.演示并讲解消息提不框，加载提不框，模态弹窗和操作菜单的

1.使用教学内容演示并讲解调用和监听下拉刷新操作的方法

2.演示动画的效果和设置

3.教学方法

1.教学方法演示各节【任务操作】1与手段设介绍各节【相关知识】2计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、、

14.8123实验内容老师演示并指导学生完成各小节任务第十四章小程序界面交互接口导航栏设置、设置、控制页面位置、章节名称

14.

414.5tabBar

14.

614.7控制页面跳转授课形式理论课目实验课因案例讨论课口习题课口其他口教学目的及掌握控制页面跳转的方法

1.要求熟悉导航栏，和置顶信息的设置

2.tabBar,页面跳转的方法

1.教学重点的设置

2.tabBar教学难点页面跳转的方法

1.复习页面的生命周期

1.演示并讲解页面跳转的相关方法

2.演示并讲解导航栏的设置教学内容

3.演示并讲解的设置

4.tabBar演示控制页面位置的方法

5.教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、、

14.8456实验内容老师演示并指导学生完成各小节任务章节名称第十五章地理位置信息接口授课形式理论课目实验课因案例讨论课口习题课口其他口掌握如何获取地理位置信息

1.掌握如何在地图上显示指定的位置信息

2.教学目的及掌握如何获取用户在地图上选取的位置

3.要求熟悉使用接口控制地图组件的方法

4.获取地理位置信息的方法

1.教学重点获取用户在地图上选取的位置的方法

2.教学难点使用接口控制地图组件的方法

1.复习地图组件

1.map演示并讲解获取用户定位的方式

2.演示并讲解获取用户在地图上选择的位置点的方式教学内容

3.演示在地图上显示指定位置的方式

4.演示并讲解使用接口控制地图的方式

5.教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、

15.523实验内容老师演示并指导学生完成各小节任务第三章小程序开发基础认识小程序的生命周期章节名称

3.1认识小程序页面的生命周期

3.2授课形式理论课目实验课因案例讨论课口习题课口其他口教学目的及了解小程序的生命周期与页面的生命周期

1.要求教学重点小程序的生命周期与页面的生命周期

1.教学难点介绍小程序的生命周期

1.教学内容介绍小程序页面的生命周期

2.教学方法

1.演示节和节【任务操作】

13.

13.2教学方法与介绍节和节【相关知识】

23.

13.2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成节练习题和

3.612实验内容老师演示并指导学生完成各小节任务第三章小程序开发基础概览框架章节名称

3.3MINA逻辑层

3.4授课形式理论课目实验课因案例讨论课口习题课口其他口了解小程序框架的基本功能

1.了解接口

2.教学目的及熟悉小程序注册和页面注册的方法

3.要求掌握事件的绑定与处理

4.小程序注册和页面注册的方法

1.教学重点事件的绑定与处理

2.教学难点事件的绑定与处理

1.小程序事件响应

1.从空白项目新建小程序及页面

2.教学内容介绍模块化功能和接口的概念

3.教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、、、

3.63467实验内容老师演示并指导学生完成各小节任务第三章小程序开发基础章节名称视图层

3.5授课形式理论课因实验课目案例讨论课口习题课口其他口了解组件

1.熟悉模板，样式导入，模块化的操作

2.教学目的及掌握数据绑定的用法

3.要求掌握列表渲染和条件渲染的使用

4.掌握小程序样式文件的使用

5.数据绑定的用法

1.教学重点列表渲染和条件渲染的使用

2.教学难点数据绑定的用法

1.演示并讲解列表渲染以及条件渲染的使用方式

1.演示并讲解数据绑定的多种方式

2.教学内容演示样式文件的使用方法

3.教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、、

3.6589实验内容老师演示并指导学生完成各小节任务章节名称第四章搭建以为例的后端网络环境PHP授课形式理论课目实验课因案例讨论课口习题课口其他口了解小程序对域名的要求

1.教学目的及掌握搭建本地服务器的方法

2.Web要求掌握小程序和服务器通信的基本方式

3.教学重点小程序和服务器通信的基本方式

1.教学难点搭建本地服务器的方法

1.Web介绍小程序对域名的要求

1.演示使用搭建本地服务器的方法

2.XAMPP Web教学内容演示并讲解小程序和服务器通信的基本方式

3.教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题

4.41实验内容老师演示并指导学生完成各小节任务第五章视图容器组件布局和组件章节名称

5.1Flex view滚动视图组件

5.2scroll-view授课形式理论课目实验课因案例讨论课口习题课口其他口了解布局方式教学目的及

1.Flex掌握组件和组件的使用方法要求

2.view scroll-view组件的使用方法

1.view教学重点组件的使用方法

2.scroll-view教学难点布局方式

1.Flex演示并讲解布局差异

1.Flex演示并讲解组件的使用方法

2.view教学内容演示并讲解组件的使用方法

3.scroll-view教学方法

1.教学方法演示各节【任务操作】1与手段设介绍各节【相关知识】2计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、、

5.6123实验内容老师演示并指导学生完成各小节任务第五章视图容器组件滑块视图容器

5.3swiper章节名称可移动视图容器和

5.4movable-view movable-area组件和组件

5.5cover-view cover-image授课形式理论课目实验课因案例讨论课口习题课口其他口教学目的及掌握组件、组件、组件、

1.swiper movable-view movable-area要求组件、组件的使用cover-view cover-image组件的使用

1.swiper教学重点组件和组件的使用

2.movable-view movable-area教学难点演示并讲解组件的使用

1.swiper演示并讲解组件和组件的使用

2.movable-view movable-area教学内容演示并讲解组件和组件的使用

3.cover-view cover-image教学方法

1.教学方法演示各节【任务操作】1与手段设介绍各节【相关知识】2计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题、、

5.6456实验内容老师演示并指导学生完成各小节任务第六章基础内容组件图标组件章节名称

6.1icon文本组件

6.2text授课形式理论课目实验课因案例讨论课口习题课口其他口教学目的及掌握图标，文本组件的使用

1.要求教学重点图标，文本组件的使用

1.教学难点文本组件的使用方式

1.演示并讲解组件的使用方式

1.icon教学内容演示并讲解组件的使用方式

2.text教学方法

1.演示各节【任务操作】1教学方法与介绍各节【相关知识】2手段设计辅助手段多媒体演示

2.对于重点和难点，通过师生互动，一对一指导等方式突出

3.板书设计详见课件，关键内容辅以提示性文字说明PPT作业完成练习题

6.51实验内容老师演示并指导学生完成各小节任务。