微信小程序实用教程

2017年1月9日，在2017微信公开课Pro上，传闻已久的“应用号”终于在大家热切关注的目光下以“小程序”的全新形态被隆重推出。背靠着微信这一“国民应用”巨大的用户数量，凭借着“无须安装和卸载”“无处不在的应用”等特点，微信小程序这一新的应用形态在上线伊始就体现出其突出的优点和不可估量的市场前景。
经过两年多的发展，小程序已经成为世界互联网领先科技成果之一。在2018年的乌镇世界互联网大会上，马化腾介绍，现在已经有超过150万的开发者加入小程序的开发阵营中，小程序应用数量超过了100万，覆盖200多个细分的行业，日常用户量达到2亿，小程序还在许多城市实现了支持地铁、公交服务。小程序的发展带来了更多的就业机会，2017年小程序带动就业104万人，社会效应不断提升。
在这样一个互联网时代，把握信息时代潮流，熟练掌握流行软件应用的开发技术，是当代软件工程师、软件设计师应当具备的不可或缺的重要能力。熟练掌握微信小程序的开发，可以增强个人的竞争力，在学习和工作中获取更多的机会和利益。据微信官方发布的数据，在小程序的开发者中，20岁以下的开发者占比已经达到了5.5%。高校学生群体正成为小程序开发者队伍中一支不可忽视的力量。在2018年*届高校微信小程序应用开发赛中，笔者作为评委之一，亲身感受到了高校学生借助小程序这样的一个平台，释放出来的具有巨大价值的创意和能力。因此，笔者结合自身开发以及教学经验，编撰了本书，希望能为高校教师以及学生，在教学和学习小程序的道路上提供一臂之力。
本书主要是面向高校课堂，同时也可以供对小程序感兴趣的读者自学使用。目标是使得学习者能够具备小程序开发初步能力，包括注册，使用开发者工具进行开发、调试、预览，熟悉小程序架构的层次结构，能够应用小程序常用组件进行布局和样式设置，掌握小程序网络、媒体、界面等API的相关技术等。在总体编排上，本书以任务为主要特点，每个知识点都以任务要求、任务分析、任务操作、相关知识、练习题这样的组合来进行设计。任务要求明确学习目标，任务分析理清大致思路和重点、难点，任务操作给出了完成任务的具体步骤，相关知识详解涉及的知识点，*后再配以适当的练习题，读者可以自己动手完成，巩固所学。任务设计针对性强，可操作性高，相信不管是用于课堂教学还是自学，都能让读者在学习小程序的路上，充满成就感和获得感。
结合教学经验和实际，本书给出各章参考课时如表0 1所示。

在实际的学习过程中，读者可以根据实际情况调整章节顺序或删减部分内容。
阅读本书前，建议读者具备HTML，JavaScript，CSS，PHP或其他网络后端语言知识作为基础。
本书所有的配套资源，包括示例代码、课后练习答案等，均可通过清华大学出版社官方网站下载。书中还有少量教学视频及综合案例，读者可用手机微信扫一扫封底刮刮卡内二维码，获得权限，再扫一扫书中对应二维码，即可观看。
本书的作者为吕云翔、田旺，曾洪立参与了部分内容的编写并进行了素材整理及配套资源制作等。
由于编者水平有限，书中难免有疏漏之处，敬请读者朋友批评指正。
编者
2020年4月

本书内容可以分为三部分。*部分为基础部分，对应第1-2章，主要介绍小程序开发的基础知识；第二部分为布局、组件和API，对应第3-5章，主要讲解小程序的CSS布局基础、组件的使用和API的相关知识；第三部分为案例实践，对应第5章，通过一个中型案例：有书共读微信小程序，介绍如何开发小程序应用，包括一些思路和框架，以及部分代码和实现技巧。

1986-1992： 北方交通大学讲师； 1992-1994： 比利时VUB大学应用信息技术硕士； 1994-1996： 比利时VUB大学MBA； 1996-2003： IT公司项目经理 2003-至今： 北航软件学院副教授。已出版二十几本教材（其中“计算机导论实践教程”一书获北航2010年教学成果三等奖；“大学计算机英语教程”获北航2012年教学成果二等奖。 主讲课程： 计算机导论、软件工程、职业生涯规划等。

第1章 准备工作

1.1 小程序简介

1.2 注册小程序

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

练习题

第2章 初识小程序

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.1 WXML

3.5.2 WXSS

3.5.3 基础组件

练习题

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

4.1 本地安装网络服务环境

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

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

练习题

第5章 视图容器组件

5.1 Flex布局和view组件

5.2 滚动视图组件scroll view

5.3 滑块视图容器swiper

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

5.5 cover 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.5 label组件

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.3 WebSocket通信

练习题

第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.8 WiFi

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.5 tabBar设置

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.2 MeetingUUU会议室管理小程序

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 “音乐随想”简易小程序音乐播放器

参考文献

配套微课视频、教学课件、教学大纲、源代码、习题答案等，额外附赠两个综合案例