本书是一本微信小程序开发入门级的教程，全书分为两部分，第一部分主要介绍微信小程序开发的基础知识； 第二部分重点介绍微信小程序开发实战项目。全书共分为6章，第1~4章为第一部分，第5章和第6章为第二部分，各章内容简介如下。

第1章简要介绍微信小程序的产生背景及其作用，如何准备开发者账号，如何下载、安装和使用微信开发者工具，如何创建一个微信小程序项目并进行调试和发布，并详细介绍小程序项目的目录结构； 第2章重点介绍小程序的框架，包括逻辑层和视图层两部分； 第3章重点介绍小程序的组件； 第4章重点介绍小程序的API； 第5章介绍资讯类微信小程序开发的全过程； 第6章介绍音乐类微信小程序开发的全过程。第5章和第6章的小程序实战项目开发不但综合使用了第1~4章的基础知识，同时还将软件开发时的需求分析、总体设计、编码和调试过程融合其中。

本书内容重点突出，语言精练易懂，可作为微信小程序开发人员的教材，也可作为普通高等院校计算机及相关专业微信小程序课程入门级教材，还可供计算机及相关专业的教学人员、前端工程师和微信小程序开发的爱好者使用。高职高专类学校也可以选用本教材，使用时可以根据学校和学生的实际情况略去某些章节。

张光河，中国科学院计算技术研究所博士，就职于江西师范大学计算机信息工程学院，硕士生导师，曾任职于联想研究院，开发过多个商业项目。目前已经出版五本教材，主持国家自然科学基金项目一项，发表学术论文12篇，授权专利和软件著作权若干。

微信小程序（Mini Program）是一种不需要下载安装即可使用的应用，它实现了应用的“触手可及”，用户扫一扫或搜一下即可打开应用。在第五届世界互联网大会上，微信小程序商业模式获选世界互联网领先科技成果。微信小程序在目前主流的前端技术基础上，提供了自己的框架和API，由于其与微信无缝结合，使得开发者能够快速开发出各种应用。目前微信小程序应用数量超过100万，覆盖200多个细分行业，日活用户达到2亿，已有150万开发者，这充分说明了小程序具有美好的未来。

本书是一本学习微信小程序开发的入门级教材，若读者已经有HTML、CSS、ES5或ES6和JavaScript方面的知识，则能更快地借助本书开启微信小程序开发之旅。为了能让使用本书的读者尽快上手微信小程序的开发，在设计和挑选教材内容时，有以下考虑。

（1） 本书第1章在简要介绍微信小程序的产生背景之后，针对初学者详细讲解了如何准备开发者账号； 如何搭建开发环境，包括微信开发者工具的下载、安装和使用； 如何创建一个微信小程序项目； 如何使用模拟器和真机调试并运行微信小程序项目； 最后介绍了微信小程序项目的目录结构。

（2） 本书第2章介绍小程序的框架，包括逻辑层和视图层两部分。在逻辑层主要描述了如何注册小程序、如何构造注册页面、什么是页面的生命周期，页面路由的管理、模块化的具体方法和API的分类； 在视图层中则主要涉及WXML、WXSS、WXS、事件系统和基础组件等方面的内容。尽管逻辑层和视图层中会涉及CSS、ES6或JavaScript方面的知识，但考虑本书的重点是微信小程序的开发，故未浪费篇幅介绍之，而是打算后续以电子资源的方式分享给读者。

（3） 第3章介绍小程序的组件。由于微信小程序提供了大量的基础组件给开发者使用，限于篇幅，仅重点介绍视图容器组件、基础内容组件、表单组件、导航组件和媒体组件，建议初学者熟练掌握。对于本章简单介绍的地图组件、画布组件和其他组件，尽管在实际开发某些小程序的过程中也会遇到，但对于初学者而言，可以先不深究。

（4） 第4章介绍小程序的API。和小程序的组件一样，微信小程序中有丰富的微信原生API提供给开发者使用，同样是限于篇幅和针对初学者的原因，本章只重点介绍基础类、界面类、网络类、数据缓存类、媒体类、位置类、转发类、画布类、文件类、开放接口和设备类涉及的API，而把路由类、Worker、第三方平台、WXML和广告涉及的API全部归入其他类，仅作简单介绍。

（5） 第5章介绍资讯类微信小程序实战项目。重点介绍app.json在小程序中的作用，小程序的组件scrollview、view、swiper、image、switch、text等的用法； 以及bindtap和wx.navigateTo的使用。此外，本章在讲解资讯类实战项目时，融合了软件工程中项目开发的需求分析、总体设计、编码和测试的过程。

（6） 第6章介绍音乐类微信小程序实战项目。这一项目不但使用了第5章中的部分组件，还使用了音频组件audio和progress组件，本章重点介绍了这两个组件的用法。此外，本章还介绍app.js在小程序中的作用； wx:if…wx:else、wx:for和block的用法； 以及wx.createInnerAudioContext()、wx.getBackgroundAudioManager()、wx.getStorageSync()、wx.setStorageSync()和wx.navigateBack()的用法。

（7） 第5章和第6章的实战项目在数据访问方面的侧重点不一样，第5章的项目使用的是离线数据，重点是微信小程序项目的开发流程； 第6章的实战项目部分使用了在线数据，更侧重于在线数据的访问。

本书还包含大量的配套电子资源，包括课件、源程序、教学大纲、教案、上机实验教程、习题和其他微信小程序的实战项目等。

参加本书编写的还有刘芳华老师、吴福英老师和段高华老师。感谢在本书编写过程中家人给予的支持和帮助！

作者在编写本教材的过程中，参阅了大量的相关教材和专著，尤其是微信小程序开发的官方网站，在本人撰写此书时被设定为浏览器启动时默认打开的网站，在此向各位原著者致敬和致谢！

由于作者水平有限，加上时间仓促，书中难免存在不妥或错误，恳请读者批评指正！

作者

2021年12月