2024年1月12日发(作者：)
《微信小程序开发技术》配套教学教案
第1章
课时内容
初识微信小程序
授课时间
90分钟
课时
2
了解微信小程序的发展历程。
教学目标
掌握微信小程序的注册过程。
掌握微信小程序开发工具的安装过程。
教学重点
了解微信小程序的注册及功能。
教学难点
了解微信小程序开发工具的使用方法和技巧。
1.教学思路：通过对微信小程序的概述、发展历程及应用的讲解了解微信小程序。
2.教学手段：通过对微信小程序开发工具的解析了解开发工具及使用方法。
教学设计
3.教学资料及要求：从网上下载开发工具并安装、使用，来加深开发者对微信小程序的理解。
教学内容
讨论问题：1.微信小程序的发展历程经历了哪些时间节点？
2.微信小程序的应用领域有哪些？
3.微信小程序开发工具常用的快捷键有哪些？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
1.1
认识微信小程序
1.1.1 发展历程
1.1.2 小程序功能
1.1.3 小程序的注册
1.2
安装开发工具
1.2.1
下载与安装
1.2.2
开发工具功能介绍
1.2.3 常见快捷键
小结
1.了解微信小程序的发展历程、功能和注册方式。
2.熟悉微信小程序的安装开发工具。
3.熟悉微信小程序的开发。
第2章
课时内容
技术框架
授课时间
180分钟
课时
4
了解WXML标签语言的概念。
掌握数据绑定、页面渲染的使用方法。
教学目标
掌握事件绑定和常用事件的使用方法。
熟悉模板与引用的使用方法。
教学重点
教学难点
了解WXML标签语言。
了解微信小程序的总体技术框架。
掌握小程序总体技术框架的开发方法。
掌握插件的开发方法。
1．教学思路：（1）通过对技术框架的讲解了解微信小程序的结构；（2）拆解技术框架，深入讲解框架各部分内容。
（1）通过操作演示掌握总体技术框架逻辑；（2）通过对总体技术框架教学设计
2．教学手段：的解析使开发者深入学习框架各个部分的特点。
3．教学资料及要求：使用微信小程序的开发工具，实现课程所讲内容。
教学内容
讨论问题：1.微信小程序总体的技术框架有哪些部分？
2.逻辑层由什么语言编写？
3.视图层由什么语言编写？
4.插件的作用？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
2.1
总体技术框架
2.1.1
运行机制
2.1.2
启动配置
2.1.3 目录结构
2.2
逻辑层
2.2.1
程序注册
2.2.2
路由与场景值
2.2.3
模块化和API
2.3
视图层
2.3.1 WXML
2.3.2 WXSS
2.3.3 基础组件
2.4
组件事件与行为数据缓存插件
2.4.1
开发插件
2.4.2
使用插件
2.4.3
插件功能页
小结
1.了解微信小程序的总体框架开始、运行机制、启动配置和目录结构。
2.掌握逻辑层的程序注册、路由与场景值、模块化和API。
3.掌握视图层的标签语言WXML、样式语言WXSS、组件等。
4.掌握如何开发和使用小程序插件。
第3章
课时内容
WXML标签语言
授课时间
180分钟
课时
4
了解WXML标签语言的概念。
掌握数据绑定和页面渲染的使用方法。
教学目标
掌握事件绑定和常用事件的使用方法。
熟悉模板和引用的使用方法。
教学重点
掌握微信小程序的WXML标签语言。
掌握WXML标签语言的语法规范。
掌握WXML标签语言的数据绑定。
教学难点
掌握WXML标签语言的页面渲染。
掌握WXML标签语言的事件。
掌握WXML标签语言的模板与引用。
1.教学思路：通过讲解WXML的语法，让开发者掌握WXML的数据绑定、页面渲染、事件、模板与引用。
教学设计
2.教学手段：通过课上对程序讲解，让开发者掌握WXML的语法，并安排课后练习。
3.教学资料及要求：使用微信小程序的开发工具，实现课程所讲内容。
教学内容
讨论问题：的语法规则是？
的特点是？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
3.1
语法规范
3.2
数据绑定
3.2.1 简单绑定
3.2.2 运算绑定
3.2.3 组合绑定
3.3
页面渲染
3.3.1
列表渲染
3.3.2
条件渲染
3.4
事件
3.4.1
事件分类
3.4.2
事件绑定
3.4.3
冒泡与非冒泡事件
3.5
模板与引用
3.5.1 模板
3.5.2 引用
分别从语法规范、数据绑定、页面渲染、事件，以及模板与引用这几个方面深入详细地讲解微信小程序的 WXML 标签语言，为后续的学习打下扎实的基础。
小结
第4章
课时内容
WXSS样式语言
授课时间
180分钟
课时
4
了解WXSS样式语言的概念。
了解WXSS的尺寸单位。
教学目标
掌握选择器的使用方法。
掌握样式的使用方法。
教学重点
掌握微信小程序的WXSS样式语言。
掌握WXSS样式语言的选择器。
教学难点
掌握WXSS样式语言的样式使用。
1.教学思路：通过讲解WXSS样式语言，让开发者掌握WXSS的选择器与样式使用。
教学设计
2.教学手段：通过课上对程序讲解，让开发者掌握WXSS，并安排课后练习。
3.教学资料及要求：使用微信小程序的开发工具，实现课程所讲内容。
教学内容
讨论问题：1.什么是物理像素？
2.什么是逻辑像素？
3.什么是像素比？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
4.1
尺寸单位
4.1.1
物理像素
4.1.2
逻辑像素
4.1.3
像素比
4.2
选择器
4.2.1
类选择器
4.2.2 ID选择器
4.2.3
组合选择器
4.3
样式使用
4.3.1
样式导入
4.3.2
内联样式
4.3.3 全局样式与局部样式
小结
分别从尺寸单位、选择器、样式使用这几个方面进行深入详细的讲解微信小程序的WXSS样式语言，为后续的学习打下扎实的基础。
第5章
课时内容
JavaScript交互逻辑
授课时间
360分钟
课时
8
了解JavaScript语言的概念。
掌握JavaScript语言的基本语法。
教学目标
掌握面向对象设计。
掌握JSON语法结构。
教学重点
掌握微信小程序的JavaScript交互逻辑。
掌握JavaScript的基本语法。
掌握JavaScript的模块规范。
教学难点
掌握JavaScript的类与对象。
掌握JSON语法。
1、教学思路：（1）通过讲解JavaScript的语法，让开发者掌握JavaScript的基本语法、模块规范、面向对象的设计；（2）通过对JSON的讲解，使读者掌握JSON的用法。
教学设计
2、教学手段：通过课上对程序讲解，让开发者掌握JavaScript的语法与JSON的用法，并安排课后练习。
3、教学资料及要求：使用微信小程序的开发工具，实现课程所讲内容。
教学内容
讨论问题：1. JavaScript的三种流程控制都是什么？
2. JavaScript有哪几种模块规范？
3.如何实现JavaScript的类？
4.如何实现JSON的读取、创建？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
5.1 JavaScript基础
5.1.1
基本语法
5.1.2 3种流程控制
5.2
模块规范
5.2.1 CommonJS规范
5.2.2 AMD规范
5.2.3 UMD规范
5.2.4 CMD规范
5.2.5 ES6规范
5.3
面向对象设计
5.3.1
类和对象
5.3.2
创建对象
5.3.3
使用对象
5.3 JSON介绍
5.3.1 JSON语法
5.3.2
读取JSON
5.3.3
创建JSON
小结
1.分别从JavaScript基础、模块规范、面向对象设计及JSON介绍这几个方面进行深入详细的讲解微信小程序的JavaScript交互逻辑。
2.掌握JavaScript的基本用法，为后续的学习打下扎实的基础。
第6章
课时内容
小程序组件
授课时间
360分钟
课时
8
了解小程序组件的分类。
掌握视图容器的使用。
教学目标
掌握表单组件、导航组件及媒体组件的使用。
掌握自定义组件的使用。
教学重点
掌握微信小程序的组件开发。
掌握视图容器的基本用法。
掌握图标、文本、富文本、进度条组件的基本用法。
掌握表单组件的基本用法。
教学难点
掌握导航组件的基本用法。
掌握媒体组件的基本用法。
掌握地图与画布的基本用法。
掌握自定义组件的方法。
1、教学思路：通过对不同类别的组件的讲解，让开发者掌握微信小程序涉及的组件。
教学设计
2、教学手段：通过课上对程序讲解，让开发者掌握微信小程序的组件的用法及开发方法，并安排课后练习。
3、教学资料及要求：使用微信小程序的开发工具，实现课程所讲内容。
教学内容
讨论问题：1.视图容器有几种？分别是什么？
2.小程序组件的基础内容包括什么？
3.表单组件包括哪些？
4.导航组件的作用？
5.媒体组件的作用？
6.如何自定义组件？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
6.1
视图容器
6.1.1 view
6.1.2 scroll-view
6.1.2 swiper
6.2
基础内容
6.2.1
图标组件
6.2.2
文本组件
6.2.3
富文本组件
6.2.4
进度条
6.3
表单组件
6.3.1
按钮组件
6.3.2
选择器组件
6.3.3
滚动选择器
6.3.4
输入框
6.3.5 标签组件
6.4
导航组件
6.4.1
页面导航
6.4.2
自定义组件导航
6.5
媒体组件
6.5.1
图片组件
6.5.2
音频组件
6.5.3
视频组件
6.6
地图与画布
6.6.1
地图组件
6.6.2
画布组件
6.7
自定义组件
6.7.1
组件模板与样式
6.7.2 Component构造器
6.7.3
组件事件与行为
6.7.4
组件间关系
6.7.5 抽象节点
小结
1.分别从视图容器、基础内容、表单组件、导航组件、媒体组件、地图与画布及自定义组件这几个方面深入详细地讲解微信小程序的组件。
2.掌握小程序组件的基本用法，为后续的学习打下扎实的基础。
第7章
课时内容
小程序API
授课时间
360分钟
课时
8
了解小程序API的概念。
教学目标
掌握小程序API的使用方法。
理解小程序API参数的使用。
教学重点
掌握微信小程序API的使用方法。
教学难点
理解小程序API参数的使用。
1、教学思路：通过对不同API的讲解，让开发者了解API的使用方法。
2、教学手段：通过课上对程序的讲解，让开发者掌握API的种类及使用方法，并安教学设计
排课后练习。
3、教学资料及要求：使用微信小程序的开发工具，实现课程所讲内容。
教学内容
讨论问题：的作用是？
2.如何在官方文档中查找自己需要的内容？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
7.1
网络API
7.1.1
发起请求
7.1.2
上传与下载
7.1.3 WebSocket
7.2
媒体API
7.2.1
图片
7.2.2
录音
7.2.3
音频相关
7.2.4
视频相关
7.2.5
实时音视频
7.3
文件API
7.3.1
读取文件信息
7.3.2
保存文件
7.3.3
打开文件
7.3.4
删除文件
7.4
数据API
7.4.1
存储缓存
7.4.2
获取缓存
7.4.3
删除和清除缓存
7.5
位置API
7.5.1
获取位置
7.5.2
查看位置
7.5.3
地图组件控制
7.6
设备API
7.6.1
系统信息
7.6.2
网络连接
7.6.3
加速度计
7.6.4
罗盘
7.6.5
拨打电话
7.6.6
扫码
7.6.7
剪贴板
7.6.8
蓝牙
7.6.9
屏幕
7.6.10
手机联系人
7.7
界面API
7.7.1
交互反馈
7.7.2
设置导航相关
7.7.3
设置窗口背景
7.7.4
动画
7.7.5
其他API
7.8
开放API
7.8.1
登录、授权
7.8.2
用户信息
7.8.3
卡券、发票
7.8.4
微信支付
7.8.5
小程序跳转
7.8.6
其他API
小结
1.对网络API、媒体API、文件API、数据API、位置API、设备API、界面API和开放API等在小程序开发中常用的API作了详细介绍。
2.掌握常用API的调用方法、熟练使用官方的标准文档。
第8章
课时内容
人脸识别应用实例
授课时间
360分钟
课时
8
了解人脸识别的概念。
教学目标
了解腾讯云API的调用方法。
熟悉微信小程序应用的开发流程。
教学重点
实现小程序人脸识别功能。
教学难点
综合所学内容进行功能开发。
1.教学思路：讲解实现人脸识别功能的方法，让开发者掌握微信小程序应用开发的流程。
2.教学手段：（1）在理论部分讲解人脸识别接口技术，在实操部分综合运用之前课程所讲（2）通过人脸识别接口技术的理论讲解，引出实操内容，使之前课程所学知识融教学设计
的知识；会贯通；（3）安排实训和课后练习。
3.教学资料及要求：使用微信小程序的开发工具，实现课程所讲内容。
教学内容
讨论问题：从哪些方面进行人脸识别的功能设计？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
8.1
人脸识别接口
8.1.1
腾讯云人脸识别
8.1.2
接口使用
8.1.3
云开发
8.2
功能设计
8.2.1
照片上传
8.2.2
人脸检测
8.2.3
五官定位
8.2.4
人脸融合
8.3
开发实现
8.3.1
照片上传
8.3.2
人脸检测
8.3.3
五官定位
8.3.4
人脸融合
8.3.5
页面展示
小结
1.掌握微信小程序应用开发的流程。
2.熟悉微信API接入、返回数据解析、页面展示的常规流程。
接口来实现一个图像智能分析的小程序。
动手实践
结合腾讯云给出的其他人工智能接口，运用云开发的云函数及腾讯云智能图像的图像分析
第9章
课时内容
小游戏开发实例
授课时间
360分钟
课时
8
了解小游戏开发的基础概念。
掌握小游戏项目分析的方法。
教学目标
掌握小游戏项目功能设计的方法。
熟悉小游戏项目功能实现的方法。
教学重点
实现游戏小程序。
教学难点
综合所学内容进行游戏开发。
1.教学思路：讲解游戏的开发方法，让开发者掌握游戏小程序开发的流程。
2.教学手段：（1）讲解官方微信小游戏“飞机大战”，让开发者掌握开发小游戏所需（2）通过对功能设计的讲解，引出实操内容，使之前课程所学知识融会贯通；教学设计
技能；（3）安排实训和课后练习。
3.教学资料及要求：使用微信小程序的开发工具，实现课程所讲内容。
教学内容
讨论问题：从哪些方面进行游戏小程序的功能设计？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
9.1
游戏开发基础
9.1.1
文件结构
9.1.2 Canvas应用
9.1.3
模块化
9.1.4
对引擎的支持
9.2
项目介绍
9.2.1
游戏开始
9.2.2
游戏进行
9.2.3
游戏结束
9.3
功能设计
9.3.1
背景设计
9.3.2
物体移动
9.3.3
边缘检测
9.3.4
碰撞检测
9.4
开发实现
9.4.1
运行时准备
9.4.2
飞机移动
9.4.3
边缘检测
9.4.4
碰撞检测
小结
1.掌握设计游戏、实现游戏的开发全过程。
2.掌握物体移动、边缘检测、碰撞检测等游戏中常用的规范和用法
3.全面了解小游戏的开发全过程，从而为后续的学习和实践打下扎实的基础。
第10章
课时内容
综合实例——在线商场
授课时间
450分钟
课时
10
了解小程序综合项目的开发流程。
教学目标
掌握小程序综合项目分析方法。
掌握小程序综合功能实现的方法。
教学重点
实现微信小程序在线商场。
教学难点
综合所学内容进行功能开发。
1.教学思路：讲解在线商场的开发方法，让开发者掌握在线商场小程序开发的流程。
2.教学手段：（1）在理论部分讲解在线商场开发所需技术，在实操部分综合运用之前（2）通过在线商场功能设计的理论讲解，引出实操内容，使之前课教学设计
课程所讲的知识；程所学知识融会贯通；（3）安排实训和课后练习。
3.教学资料及要求：使用微信小程序的开发工具，实现课程所讲内容。
教学内容
讨论问题：从哪些方面进行在线商场的功能设计？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
10.1
项目介绍
10.2
功能设计
10.2.1
底部导航栏
10.2.2
首页
10.2.3
购物车
10.2.4
我的
10.3
开发实现
10.3.1
底部导航栏
10.3.2
首页
10.3.3
商品明细页面
10.3.4
购物车页面
10.3.5
我的页面
小结
1.分别从首页、购物车页面、我的页面对在线商场的功能展开深入详细的讲解。
2.掌握界面布局、底部标签、海报轮播、宫格导航等实战性的技能。
3.熟悉电商类的平台技术架构。
4.能够搭建和开发真正意义的小程序。
发布评论