微信小程序课程教与学（教学大纲）
发表时间：2020-05-30 18:36
文章来源：快明科技
浏览次数：
扫码，优惠购书
本书从基础知识开始逐步介绍微信小程序开发的相关知识，包括微信小程序组件、API以及示例代码；还介绍了游戏、云开发的应用；最后，介绍了21个项目；演示了微信小程序开发的全过程。本书内容由浅入深，文字通俗易懂，结合示例介绍各个知识点，可以帮助读者更好地理解、掌握微信小程序开发技术。
微信小程序开发实战（52课时版）
本教学大纲适合《微信小程序开发实战》，可以单独使用，也可以作为实验教材配合《微信小程序开发零基础入门》一书使用。
内容 |
章节 |
学习目标 |
课时 |
重/难点 |
入门篇 （1-2章） |
第1章微信小程序入门 |
l 掌握开发者账号注册、信息完善和成员管理； l 掌握开发者工具的下载安装与登陆。 |
2 |
|
第2章第一个小程序 |
l 学习使用快速启动模板创建小程序的方法； l 学习不使用模板手动创建小程序的方法。 |
2 |
l 删除模块代码和文件的步骤 l 获取用户微信个人信息的步骤 |
|
基础篇 （3-4章） |
第3章小程序框架 |
l 学习使用flex布局模型和wx:for属性创建列表布局小程序； l 学习使用flex布局模型和wx:for属性创建九宫格布局小程序。 |
2 |
l flex布局模型的原理 l 双重wx:for属性嵌套的应用 |
第4章小程序组件·猜数字游戏 |
l 学习使用基础容器<view>； l 学习使用表单组件<form>、<input>和<button>等用法。 |
4 |
l 随机数的生成 l 表单的提交 l 首页菜单如何跳转不同的页面 |
|
应用篇 （5-11章） |
第5章小程序网络API·天气查询 |
l 掌握服务器域名配置和临时服务器部署； l 掌握wx.request接口的用法。 |
2 |
l 和风天气密钥key的申请 l 小程序管理员后台服务器域名配置 l wx.request的用法 |
第6章小程序媒体API·口述校史 |
l 掌握视频列表的切换方法； l 掌握视频自动播放方法； l 掌握视频随机颜色弹幕效果。 |
2 |
l 视频数据采集的工作 l 视频上下文的创建 l 视频的停止与播放 |
|
第7章小程序文件API·电子书橱 |
l 掌握保存临时文件的方法； l 掌握获取文件信息的方法； l 掌握获取本地文件列表的方法； l 掌握删除本地文件的方法； l 掌握打开指定文档的方法。 |
2 |
l 临时服务器部署与电子书目录创建 l 根据服务器url地址下载文件 l 保存文件 l 打开指定路径地址的文档 |
|
第8章小程序数据API·医疗急救卡 |
l 学习小程序表单系列组件用法； l 学习本地数据存储和读取的方法； l 学习拨打指定电话号码的用法。 |
2 |
l 表单组件picker的两种用法：日期选择器和自定义内容选择器 l 开关选择器switch的用法 l 多行文本框textarea的用法 l 本地数据存储和读取 l 打电话给指定号码 |
|
第9章小程序位置API·会议邀请函 |
l 理解经纬度坐标的含义； l 掌握获取位置的接口使用方法； l 掌握查看位置的接口使用方法； l 掌握地图组件控制的系列接口使用方法。 |
2 |
l 使用腾讯地图拾取器查找指定地点的坐标 l 地图组件map的应用 l app.json中地理位置授权信息的填写 l 打开地图查看位置 |
|
第10章小程序设备API·指南针 |
l 理解经纬度坐标的含义； l 掌握罗盘接口的用法； l 使用设备API制作指南针小程序。 |
2 |
l 获取罗盘角度 l 获取地理坐标经纬度和海拔高度 l 使用rotate属性旋转图片 |
|
第11章小程序界面API·手绘时钟 |
l 掌握画布组件<canvas>的基础用法； l 掌握绘制矩形、路径和文本的方法； l 掌握颜色与样式的设置方法； l 掌握setInterval函数的用法，设置每秒刷新画面。 |
2 |
l 创建画布上下文时需要绑定canvas-id l 画笔可更改颜色、线条粗细等样式 l 可绘制矩形、线段或者圆弧 l 获取当前设备的时间 l 使用setInterval设置每秒刷新 |
|
游戏篇 （12-14章） |
第12章小程序游戏·拼图游戏 |
l 综合应用所学知识创建完整拼图游戏项目； l 熟练掌握<canvas>画布组件和绘图API。 |
3 |
l 使用drawImage函数从原图剪裁指定位置的小图片并绘制到画布的指定位置 l 使用双重for循环显示所有图片 l 小方块打乱顺序的原理 l 小方块移动的原理 l 游戏成功监听 |
第13章小程序游戏·推箱子游戏 |
l 综合应用所学知识创建完整推箱子游戏项目； l 熟练掌握<canvas>画布组件和绘图API。 |
3 |
l 使用二维数组制作游戏地图 l 使用双重for循环显示所有图片 l 人物移动原理 l 游戏成功监听 |
|
第14章小程序游戏·贪吃蛇游戏 |
l 综合应用所学知识创建完整贪吃蛇游戏项目； l 熟练掌握<canvas>画布组件和绘图API。 |
3 |
l 贪吃蛇蛇身模型 l 食物模型 l 动画效果实现 l 碰撞检测 |
|
提高篇 （15-18章） |
第15章小程序前端综合实例·基于模拟数据的高校新闻网 |
l 综合应用所学知识创建完整前端新闻小程序项目； l 能够在开发过程中熟练掌握真机预览、调试等操作。 |
4 |
l 使用app.json配置带有tabBar的页面 l 公共js文件的引用 l |
第16章小程序全栈开发·基于WAMP的高校新闻网改造 |
l 综合应用所学知识创建完整新闻小程序项目； l 熟练掌握服务器部署、数据库搭建和接口的实现。 |
2 |
l WAMP套件的部署和应用 l Navicat的使用 l 接口的制作 |
|
第17章小程序云开发·基于云数据库的高校新闻网改造 |
l 了解什么是云开发，掌握云开发开通步骤； l 掌握创建云模板项目和老项目迁移步骤； l 掌握云数据集创建和权限设定步骤； l 掌握小程序前端与云数据库交互方法。 |
2 |
l 开通云开发环境 l 创建云模板项目并迁移老项目 l 云数据集创建与权限设置 l 读取云数据集中的指定条数的数据 l 根据新闻编号_id获取云数据集中指定的单条记录 |
|
第18章小程序云开发·基于云存储的电子书橱改造 |
l 掌握云存储和云数据库的管理操作； l 掌握小程序前端与云数据库交互的方法； l 掌握小程序前端下载云文件的方法。 |
3 |
l 从云控制台上传文件到云存储中 l 云文件的下载 l 临时文件的保存 |
|
综合篇 （19-20章） |
第19章小程序云开发·基于全套云能力的图片分享社区 |
l 综合应用小程序·云开发基础知识创建图片分享社区小程序； l 掌握云数据集创建、云存储管理和云函数调用。 |
4 |
l 从小程序前端上传文件到云存储中 l 按照日期排序显示数据 l 下载图片到本地 l 自定义标题的分享功能 |
第20章小程序UI组件库·基于Vant Weapp的生日管家 |
l 了解小程序自定义组件的概念； l 掌握UI组件库Vant Weapp的下载和使用； l 掌握小程序云开发中小程序端数据库的相关API。 |
4 |
l Vant Weapp的下载与部署 l Vant Weapp官方文档的查看 l 第三方UI组件的应用 l 按照日期排序查询数据 l 根据关键词模糊查询 |
|
总计 |
52 |
注：
l 基础入门时，第1-11章为必学内容，后续内容根据课时总数和侧重点可节选。
l 例如第12-14章均为游戏项目，用于了解画布的应用，可任选其一。
l 第15章建议学习，与其相关的后续第16和17章可以根据后端情况任选其一。
l 如学生原本就有一定的小程序开发基础，可以跳过第1-4章，直接学习后续内容。
l 如果已有基础，想重点学习云开发，请学习第17、18、19章。
扫码，可以免费观看本书视频示范
如何获取图书配套课件等资源
在公众号“书圈”后台回复图书的书号（ISBN号，数字）
扫码，优惠购书
本书是一本从零开始学习的微信小程序开发入门书，无需额外的基础。全书以项目驱动为宗旨，循序渐进、案例丰富，详细介绍了微信小程序的入门基础知识与使用技巧。
全书共分为12章，主要内容包括4个部分。第一部分是入门篇，包括第1章和第2章的内容，这两章介绍了小程序的由来、首次注册和创建项目流程；第二部分是基础篇，包括第3章和第4章的内容，这两章介绍了小程序框架和组件；第三部分是应用篇，包括第5～11章的内容，这7个章节分别讲解了微信小程序中网络API、媒体API、文件API、数据API、位置API、设备API、以及界面API的用法；第四部分是提高篇，包括第12章的内容，这一章节提供一个综合应用设计示例——高校新闻小程序的设计与实现，综合应用了全书所学知识，让读者所学即所用。全书包含完整例题应用110个，均在微信web开发者工具和真机中调试通过，并提供全套例题源代码、练习题和视频讲解。
本 书 视 频 赏 析
微信小程序开发零基础入门（30课时版）
本教学大纲适用于《微信小程序开发零基础入门》，适用于未曾学习过任何前置课程的班级。
《微信小程序开发项目实战》作为实验辅导教材。
内容 |
章节 |
学习目标 |
理论课时 |
上机课时 |
建议 |
入门篇 （1-2章） |
第1章微信小程序入门 |
l 了解小程序的由来、功能和创建流程； l 掌握开发者账号注册、信息完善和成员管理； l 掌握开发者工具的下载安装与登陆； l 熟悉其他辅助工具的使用。 |
1 |
1 |
上机实验： 《微信小程序开发零基础入门实战》 第1章：小程序入门 1. 账号注册和信息完善 2. 开发者工具的使用 |
第2章第一个小程序 |
l 熟悉小程序快速启动模板的创建方法； l 理解小程序的目录结构和文件类型； l 掌握小程序主体和页面JSON文件的属性配置； l 掌握开发者工具的模拟器、编辑器和调试器的使用。 |
1 |
1 |
上机实验： 《微信小程序开发零基础入门实战》 第2章：第一个微信小程序 1. 使用快速模板创建小程序 2. 手动创建小程序 |
|
基础篇 （3-4章） |
第3章小程序框架 |
l 掌握注册程序和页面的相关函数用法； l 掌握页面路由的方式和模块化用法； l 掌握WXML的数据绑定、列表/条件渲染、模板、事件和引用； l 掌握WXSS的尺寸单位、使用方式和选择器用法； l 了解Flex布局的基本概念； l 掌握Flex布局中的容器属性和项目属性。（可节选） |
2 |
2 |
上机实验： 练习WXML的数据绑定、列表/列表/条件渲染、模板、事件和引用； 《微信小程序开发零基础入门实战》 第3章：小程序框架（任选其一） 1. Flex布局练习——列表 2. Flex布局练习——九宫格 |
第4章小程序组件 |
l 理解什么是小程序组件； l 掌握小程序视图容器组件的用法；（可节选view） l 掌握小程序基础内容组件的用法； l 掌握小程序表单组件的用法；（可节选常用组件） l 掌握小程序导航组件的用法； l 掌握小程序媒体组件的用法； l 掌握小程序地图组件的用法； l 掌握小程序画布组件的用法。 |
2 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第4章：小程序组件 猜数字小游戏 |
|
应用篇 （5-11章） |
第5章小程序网络API |
l 了解小程序/服务器架构； l 掌握服务器域名配置和临时服务器部署； l 掌握wx.request接口的用法； l 掌握wx.uploadFile和wx.downFile接口的用法。 |
1 |
1 |
上机实验： 《微信小程序开发零基础入门实战》 第5章：小程序网络API 实况天气预报小程序 |
第6章小程序媒体API |
l 掌握图片的选择、预览、信息获取和保存的用法； l 掌握录音管理器的用法；（可节选） l 掌握背景音频管理和音频组件控制的用法； l 掌握视频的选择、保存和组件控制的用法； l 掌握相机管理器的用法。（可节选） |
1 |
1 |
上机实验： 《微信小程序开发零基础入门实战》 第6章：小程序媒体API 口述校史视频小程序 |
|
第7章小程序文件API |
l 掌握保存临时文件的方法； l 掌握获取文件信息的方法； l 掌握获取本地文件列表的方法； l 掌握获取本地文件信息的方法； l 掌握删除本地文件的方法； l 掌握打开指定文档的方法。 |
1 |
1 |
上机实验： 《微信小程序开发零基础入门实战》 第7章：小程序文件API 我的书橱小程序 |
|
第8章小程序数据API |
l 了解小程序本地缓存的概念； l 掌握数据存储相关接口的用法； l 掌握数据获取相关接口的用法； l 掌握存储信息获取相关接口的用法； l 掌握数据删除相关接口的用法； l 掌握数据清空相关接口的用法。 |
1 |
1 |
上机实验： 《微信小程序开发零基础入门实战》 第8章：小程序数据API 医疗急救卡小程序 |
|
第9章小程序位置API |
l 理解经纬度坐标的含义； l 了解坐标类别wgs84和gcj02的区别； l 掌握获取位置的接口使用方法； l 掌握查看位置的接口使用方法； l 掌握地图组件控制的系列接口使用方法。（可节选） |
1 |
1 |
上机实验： 《微信小程序开发零基础入门实战》 第9章：小程序位置API 会议邀请函小程序 |
|
第10章小程序设备API |
l 掌握系统信息获取和兼容性判断的接口用法； l 掌握网络状态和Wi-Fi管理的接口用法； l 掌握罗盘和加速度计的接口用法； l 掌握用户截屏、扫码、剪贴/粘贴和通话的接口用法； l 掌握手机内存、屏幕亮度和振动管理的接口用法。 |
1 |
1 |
上机实验： 《微信小程序开发零基础入门实战》 第10章：小程序设备API 指南针小程序 |
|
第11章小程序界面API |
l 掌握提示框、模态弹窗和操作菜单的用法； l 掌握导航条的标题、动画和颜色设置； l 掌握tabBar的各类样式设置； l 掌握页面导航的5种切换方法； l 掌握动画的声明、描述和导出步骤； l 掌握页面位置的返回功能； l 掌握在画布中绘制图像、设置样式、变形、剪裁以及图片导出等功能；（可节选） l 掌握下拉刷新的启动、监听和停止方法。 |
2 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第11章：小程序界面API 手绘电子时钟小程序 |
|
提高篇 (第12章) |
综合应用设计实例（高校新闻网小程序） |
l 综合应用所学知识创建完整新闻小程序项目； l 能够在开发过程中熟练掌握真机预览、调试等操作。 |
0 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第15章：综合应用设计实例 基于模拟数据的高校新闻网小程序 |
总计 |
15 |
15 |
微信小程序开发零基础入门（60课时版）
本教学大纲适用于《微信小程序开发零基础入门》，适用于未曾学习过任何前置课程的班级。
《微信小程序开发项目实战》作为实验辅导教材。
内容 |
章节 |
学习目标 |
理论课时 |
上机课时 |
建议 |
入门篇 （1-2章） |
第1章微信小程序入门 |
l 了解小程序的由来、功能和创建流程； l 掌握开发者账号注册、信息完善和成员管理； l 掌握开发者工具的下载安装与登陆； l 熟悉其他辅助工具的使用。 |
2 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第1章：小程序入门 1. 账号注册和信息完善 2. 开发者工具的使用 |
第2章第一个小程序 |
l 熟悉小程序快速启动模板的创建方法； l 理解小程序的目录结构和文件类型； l 掌握小程序主体和页面JSON文件的属性配置； l 掌握开发者工具的模拟器、编辑器和调试器的使用。 |
2 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第2章：第一个微信小程序 1. 使用快速模板创建小程序 2. 手动创建小程序 |
|
基础篇 （3-4章） |
第3章小程序框架 |
l 掌握注册程序和页面的相关函数用法； l 掌握页面路由的方式和模块化用法； l 掌握WXML的数据绑定、列表/条件渲染、模板、事件和引用； l 掌握WXSS的尺寸单位、使用方式和选择器用法； l 了解Flex布局的基本概念； l 掌握Flex布局中的容器属性和项目属性。 |
4 |
4 |
上机实验： 练习WXML的数据绑定、列表/列表/条件渲染、模板、事件和引用； 《微信小程序开发零基础入门实战》 第3章：小程序框架 1. Flex布局练习——列表 2. Flex布局练习——九宫格 |
第4章小程序组件 |
l 理解什么是小程序组件； l 掌握小程序视图容器组件的用法； l 掌握小程序基础内容组件的用法； l 掌握小程序表单组件的用法； l 掌握小程序导航组件的用法； l 掌握小程序媒体组件的用法； l 掌握小程序地图组件的用法； l 掌握小程序画布组件的用法。 |
4 |
4 |
上机实验： 《微信小程序开发零基础入门实战》 第4章：小程序组件 猜数字小游戏 |
|
应用篇 （5-11章） |
第5章小程序网络API |
l 了解小程序/服务器架构； l 掌握服务器域名配置和临时服务器部署； l 掌握wx.request接口的用法； l 掌握wx.uploadFile和wx.downFile接口的用法。 |
2 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第5章：小程序网络API 实况天气预报小程序 |
第6章小程序媒体API |
l 掌握图片的选择、预览、信息获取和保存的用法； l 掌握录音管理器的用法； l 掌握背景音频管理和音频组件控制的用法； l 掌握视频的选择、保存和组件控制的用法； l 掌握相机管理器的用法。 |
2 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第6章：小程序媒体API 口述校史视频小程序 |
|
第7章小程序文件API |
l 掌握保存临时文件的方法； l 掌握获取文件信息的方法； l 掌握获取本地文件列表的方法； l 掌握获取本地文件信息的方法； l 掌握删除本地文件的方法； l 掌握打开指定文档的方法。 |
2 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第7章：小程序文件API 我的书橱小程序 |
|
第8章小程序数据API |
l 了解小程序本地缓存的概念； l 掌握数据存储相关接口的用法； l 掌握数据获取相关接口的用法； l 掌握存储信息获取相关接口的用法； l 掌握数据删除相关接口的用法； l 掌握数据清空相关接口的用法。 |
2 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第8章：小程序数据API 医疗急救卡小程序 |
|
第9章小程序位置API |
l 理解经纬度坐标的含义； l 了解坐标类别wgs84和gcj02的区别； l 掌握获取位置的接口使用方法； l 掌握查看位置的接口使用方法； l 掌握地图组件控制的系列接口使用方法。 |
2 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第9章：小程序位置API 会议邀请函小程序 |
|
第10章小程序设备API |
l 掌握系统信息获取和兼容性判断的接口用法； l 掌握网络状态和Wi-Fi管理的接口用法； l 掌握罗盘和加速度计的接口用法； l 掌握用户截屏、扫码、剪贴/粘贴和通话的接口用法； l 掌握手机内存、屏幕亮度和振动管理的接口用法。 |
2 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第10章：小程序设备API 指南针小程序 |
|
第11章小程序界面API |
l 掌握提示框、模态弹窗和操作菜单的用法； l 掌握导航条的标题、动画和颜色设置； l 掌握tabBar的各类样式设置； l 掌握页面导航的5种切换方法； l 掌握动画的声明、描述和导出步骤； l 掌握页面位置的返回功能； l 掌握在画布中绘制图像、设置样式、变形、剪裁以及图片导出等功能； l 掌握下拉刷新的启动、监听和停止方法。 |
4 |
4 |
上机实验： 《微信小程序开发零基础入门实战》 第11章：小程序界面API 手绘电子时钟小程序 |
|
提高篇 |
综合应用设计实例（高校新闻网小程序） |
l 综合应用所学知识创建完整新闻小程序项目； l 能够在开发过程中熟练掌握真机预览、调试等操作。 |
2 |
2 |
上机实验： 《微信小程序开发零基础入门实战》 第15章：综合应用设计实例 基于模拟数据的高校新闻网小程序 注：实战一书在原有基础上追加了服务器后端的设计与实现部分（第16章）以及云开发的后端实现部分（第17章），可以根据学生的实际学习情况酌情考虑是否需要此部分内容 |
总计 |
30 |
30 |
注：如果是30课时纯理论版或纯上机实验版，可以直接从该大纲中节选对应的内容安排课程。
购 书 福 利
【1】如果你在京东购买了本书，请将订单和评价截图发到邮箱itbook8@163.com
【2】符合条件的，都可以免费获取额外赠送的大量视频、商业项目源码等资源（如下图）。
点击【阅读原文】，查看80门课程教学大纲
本文由快明科技整理发布，如需转载请联系852657156@qq.com
Copyright © 2018-2020 深圳莱尔贸易有限公司 版权所有
备案号：粤ICP备20017190号-1