《微信小程序实用教程》

ISBN：978-7-302-54940-6

吕云翔 田旺 编著

定价：79.8元

01.

内容简介

本书面向高校课堂，将知识点以任务的方式进行呈现，对小程序开发的各个方面进行了介绍。全书分为四部分，共16章，第一部分包含第1~3章，主要介绍了小程序的发展历程、特性、基础知识和架构等；第二部分包含第4~9章，介绍了后端环境的搭建和小程序常用的组件；第三部分包含第10~15章，主要介绍了小程序各类接口的使用；最后一部分为第16章，通过介绍4个实际的小程序案例，帮助读者对开发小程序的大致流程有更多的了解。

本书每章都有明确的学习目标要求，每个知识点均配有对应的练习题，力求通过理论和实践的结合，让读者学起来更具有针对性，逐步掌握小程序的开发技巧。

02.

教学大纲

课程名称	微信小程序实用教程
英文名称	Practical TutorialofWeixin Mini Program
先修课程	程序设计基础、动态网站制作、网页设计
总学时数	48

1. 教学目的

本课程可作为计算机科学与技术、软件工程相关本科专业的选修课，也可作为其它本科专业的选修课，或者其它专业低年级研究生的选修课。亦可供对小程序感兴趣的读者自学使用。

本课程的教学目标是使学生了解小程序设计的总体原则和思路，掌握具体的实践方法，具备小程序开发初步能力，为学生今后从事相关领域的项目开发工作奠定坚实的基础。

具体来讲，本课程涉及的内容包括注册，使用开发者工具进行开发、调试、预览、发布，熟悉小程序架构的层次结构，应用小程序常用组件进行布局和样式设置，掌握小程序网络、媒体、界面等API的相关知识点，学习部分优秀的小程序案例。

2. 教学要求

总体上，本课程的教学应本着理论与实践相结合的原则，深入浅出，突出重点，在教师亲自演示讲解的同时，注意培养学生独立思考和动手能力。

在内容设计上，应以示例入手，逐步推进，详尽讲解教学任务的各个实现细节。在实施方法上，应采取互动式教学方法，在教师演示教学任务的基础上，督促学生自行运行并分析实现代码。在教学手段上，应结合板书、多媒体、网络资源等多种传授方法，提高学生兴趣。在实验教学上，应促进学生对讲授知识的理解，开拓眼界，提升实践能力。

3. 教学内容

本课程内容共分为十六章，除去第十六章建议学生自学之外，教学内容共十五章。

结合教学经验和实际，给出参考学时如下：

内容	建议理论学习课时	建议动手实践课时
第1章 准备工作	1~2	1
第2章 初识小程序	1~2	1
第3章 小程序开发基础	4~6	2~4
第4章 搭建以PHP为例的后端网络环境	2	1~2
第5章 视图容器组件	2~4	1~2
第6章 基础内容组件	2~4	1~2
第7章 表单组件	7	2~4
第8章 多媒体组件	4	1~2
第9章 其它组件	1~2	1
第10章 小程序网络通讯接口	2~4	1~2
第11章 多媒体接口	2~4	1~2
第12章 文件和数据缓存接口	1~2	1
第13章 获取手机设备信息接口	2~4	1~2
第14章 小程序界面交互接口	4	2~4
第15章 地理位置信息接口	2	1~2
第16章 实战案例	自学	自学
合计学时	32~48	18~32

(一) 准备工作（2学时，含1学时实践课）

【内容】小程序的特点和适用场景，注册小程序的步骤，小程序管理后台的基本操作，开发者工具的使用方法。

【重点】小程序管理后台的基本操作，开发者工具的使用方法。

(二) 初识小程序（2学时，含1学时实践课）

【内容】组成小程序的目录结构和文件，小程序配置文件和页面配置文件的使用方法，新建页面以及设置启动页面的方法，在真机上预览小程序的方法，发布小程序的流程，以及对小程序各阶段版本的管理。

【重点】小程序的目录结构和文件，小程序配置文件和页面配置文件的使用方法，新建页面以及设置启动页面的方法。

【难点】小程序的目录结构和文件。

(三) 小程序开发基础（6学时，含3学时实践课）

【内容】小程序的生命周期与页面的生命周期，小程序框架的基本功能，接口和组件，小程序注册和页面注册的方法，模板、样式导入、模块化的操作，数据绑定的用法，列表渲染和条件渲染的使用，事件的绑定与处理，小程序样式文件的使用。

【重点】小程序的生命周期与页面的生命周期，小程序注册和页面注册的方法，数据绑定的用法，列表渲染和条件渲染的使用，事件的绑定与处理。

【难点】数据绑定的用法，事件的绑定与处理。

(四) 搭建以PHP为例的后端网络环境（2学时，含1学时实践课）

【内容】小程序对域名的要求，搭建本地Web服务器的方法，小程序和服务器通信的基本方式。

【重点】搭建本地Web服务器的方法，小程序和服务器通信的基本方式。

【难点】搭建本地Web服务器的方法。

(五) 视图容器组件（4学时，含2学时实践课）

【内容】Flex布局的方式，对view组件、scroll-view组件、swiper组件、movable-view组件、movable-area组件、cover-view组件、cover-image组件的使用。

【重点】Flex布局的方式，对view组件、swiper组件、movable-view组件、cover-view组件的使用。

【难点】Flex布局的方式。

(六) 基础内容组件（4学时，含2学时实践课）

【内容】图标、文本、富文本以及进度条组件的使用，如何修改组件的各种属性满足实际的开发需求。

【重点】图标、文本、富文本以及进度条组件的使用。

【难点】文本以及进度条组件的使用。

(七) 表单组件（4学时，含2学时实践课）

【内容】button、form、checkbox、input、radio、switch、label、picker、picker-view、slider、textarea组件的使用方法，使用表单来获取和处理各类信息。

【重点】掌握button、form、checkbox、input、radio、switch组件的使用，使用表单来获取和处理各类信息。

【难点】form组件的使用。

(八) 多媒体组件（2学时，含1学时实践课）

【内容】音频组件、图片组件、视频组件和相机组件的使用方法。

【重点】图片组件和相机组件的使用方法。

【难点】图片组件的使用方法。

(九) 其它组件（2学时，含1学时实践课）

【内容】开放数据组件和公众号关注组件的使用，导航组件、地图组件的使用。

【重点】导航组件、地图组件的使用。

【难点】导航组件的使用。

(十) 小程序网络通讯接口（4学时，含2学时实践课）

【内容】小程序对于网络通信的要求，WebSocket通信的原理，使用小程序发起HTTPS请求，使用小程序上传和下载文件，使用小程序进行WebSocket通信。

【重点】小程序对于网络通信的要求，使用小程序发起HTTPS请求，使用小程序上传和下载文件。

【难点】使用小程序发起HTTPS请求，使用小程序上传和下载文件。

(十一) 多媒体接口（4学时，含2学时实践课）

【内容】对图片的选择、保存、预览等操作，对音频的播放、暂停、快进等操作，对背景音频的播放、暂停、快进等操作，对视频的播放、暂停、快进、发送弹幕、停止等操作，使用相机拍摄视频和图片以及保存文件的操作，录音功能的开始、停止和保存以及查看文件的操作，动态字体的加载方法。

【重点】对图片的选择、保存等操作，对音频的播放、暂停等操作，对视频的播放、暂停、发送弹幕等操作，使用相机拍摄视频和图片以及保存文件的操作。

【难点】对图片的选择、保存等操作，对视频的播放、暂停、发送弹幕等操作，使用相机拍摄视频和图片以及保存文件的操作。

(十二) 文件和数据缓存接口（2学时，含1学时实践课）

【内容】使用小程序对文件进行存储、查询、删除等操作的方法，使用小程序对数据缓存的存储、设置、查询和清除等操作的方法，使用小程序打开文件的方法，小程序对于缓存大小的限制。

【重点】使用小程序对文件进行存储、查询、删除等操作的方法，使用小程序对数据缓存的存储、设置、查询和清除等操作的方法。

(十三) 获取手机设备信息接口（4学时，含2学时实践课）

【内容】各类获取手机设备信息的接口。

【重点】各类获取手机设备信息的接口，需关注如何获取手机系统信息，获取手机网络信息，获取剪贴板信息，获取扫码结果信息，小程序兼容性判断。

【难点】兼容性判断，Wi-Fi信息获取。

(十四) 小程序界面交互接口（4学时，含2学时实践课）

【内容】消息提示框、加载提示框、模态弹窗和操作菜单的使用，调用和监听下拉刷新操作的方法，控制页面跳转的方法，导航栏、TabBar、和置顶信息的设置，动画的效果和设置。

【重点】消息提示框、加载提示框、模态弹窗和操作菜单的使用，调用和监听下拉刷新操作的方法，控制页面跳转的方法。

【难点】控制页面跳转的方法，动画控制。

(十五) 地理位置信息接口（2学时，含1学时实践课）

【内容】如何获取地理位置信息，如何在地图上显示指定的位置信息，如何获取用户在地图上选取的位置，使用接口控制地图组件的方法。

【重点】获取地理位置信息，在地图上显示指定的位置信息，地图控制。

【难点】地图控制。

04.

部分教案样例

05.

目录

第1章准备工作

1.1小程序简介

1.2注册小程序

1.3微信小程序开发工具的下载、安装和使用

练习题

第2章初识小程序

2.1认识组成小程序的文件和目录结构

2.2预览和发布小程序

练习题

第3章小程序开发基础

3.1认识小程序的生命周期

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

3.3概览MINA框架

3.4逻辑层

3.4.1注册程序

3.4.2注册页面

3.4.3模块化

3.4.4接口

3.5视图层

3.5.1WXML

3.5.2WXSS

3.5.3基础组件

练习题

第4章搭建以PHP为例的后端网络环境

4.1本地安装网络服务环境

4.2使用小程序进行网络通信

4.3远程服务器环境搭建简介

练习题

第5章视图容器组件

5.1Flex布局和view组件

5.2滚动视图组件scrollview

5.3滑块视图容器swiper

5.4可移动视图容器movableview和movablearea

5.5coverview组件和coverimage组件

练习题

第6章基础内容组件

6.1图标组件icon

6.2文本组件text

6.3富文本组件richtext

6.4进度条组件progress

练习题

第7章表单组件

7.1按钮组件button

7.2表单form组件

7.3多选项目组件checkbox

7.4输入框组件input

7.5label组件

7.6从底部弹起的页面选择器组件picker

7.7嵌入页面的滚动选择器组件pickerview

7.8单项选择器组件radio

7.9滑动选择器组件slider

7.10开关选择器组件switch

7.11多行输入框组件textarea

练习题

第8章多媒体组件

8.1音频组件audio

8.2图片组件image

8.3视频组件video

8.4相机组件camera

练习题

第9章其他组件

9.1导航组件navigator

9.2地图组件map

9.3开放数据组件opendata

9.4公众号关注组件officialaccount

练习题

第10章小程序网络通信接口

10.1发起网络请求

10.2上传和下载文件

10.3WebSocket通信

练习题

第11章多媒体接口

11.1图片管理

11.2使用录音机

11.3音频控制

11.4背景音频控制

11.5视频管理

11.6使用相机

11.7动态加载字体

练习题

第12章文件和数据缓存接口

12.1文件操作

12.2数据缓存操作

练习题

第13章获取手机设备信息接口

13.1手机系统信息

13.2兼容性判断

13.3网络状态

13.4电量

13.5加速度计

13.6罗盘

13.7陀螺仪

13.8WiFi

13.9联系人和电话

13.10剪贴板

13.11屏幕

13.12振动

13.13扫码

练习题

第14章小程序界面交互接口

14.1交互反馈

14.1.1消息提示框

14.1.2模态对话框

14.1.3加载提示框

14.1.4显示操作菜单

14.2下拉刷新

14.3动画控制

14.4导航栏设置

14.4.1设置导航栏样式

14.4.2设置导航栏加载动画

14.5tabBar设置

14.6控制页面位置

14.7控制页面跳转

练习题

第15章地理位置信息接口

15.1获取位置信息

15.2在地图上查看位置信息

15.3在地图上选择位置

15.4地图控制

练习题

第16章实战案例

16.1“微活动报名助手”活动管理和报名小程序

16.1.1前端页面设计

16.1.2后端服务器架构

16.1.3发起活动表单设计

16.1.4活动分享与报名

16.1.5查看我发布的活动

16.1.6管理报名人员

16.1.7查看我的报名信息与取消报名

16.1.8个人信息填写管理

16.2MeetingUUU会议室管理小程序

16.2.1前端页面设计

16.2.2后端服务器架构

16.2.3添加会议室

16.2.4管理会议室

16.2.5注册页面

16.2.6登录页面

16.2.7显示会议室预约订单

16.2.8审核会议室预约订单

16.3“有书共读”图书漂流小程序

16.4“音乐随想”简易小程序音乐播放器

参考文献