内容提要

本书较为全面地介绍了微信小程序开发的核心知识，并以附录形式介绍了ES6语法和Bootstrap。全书共11章，从企业用人需求的角度出发，以够用、实用为原则，介绍了微信小程序的项目构成、页面构成、生命周期函数、WXML语法、事件、API、系统组件、自定义组件，以及如何使用WeUI组件库等。在后台方面，从讲解微信小程序如何使用外部API，到使用PHP和MySQL设计自己的API，再到使用Laravel框架设计自己的API，让读者理解后台的开发流程以及微信小程序是如何与后台交互的。

本书既可以作为高校计算机相关专业的教材，又可以作为培训机构的教材，还适合广大计算机爱好者自学使用。

前言

本书以演练为主，力求目标明确地指导读者学习，全书由11章构成，结构脉络清晰。在内容安排上，前6章为微信小程序开发基础，第7章～第9章为实战演练，第10章～第11章特意安排了相关项目，从而帮助提高读者应用新知识和进一步自学的能力。

本书内容除涉及微信小程序本身之外，还涉及PHP、MySQL、Laravel、Postman、npm、ES6、Bootstrap等，它们或为项目演练需要，或为巩固基础知识而设置。

在开发微信小程序之前，读者应该具备基本的网页开发基础知识，具体来说，应该了解HTML、CSS、JavaScript，但并不需要强大的界面设计能力。

本书内容完整实用，涉及实际开发中的各个常用环节。在讲解方面，文字力求简练，以达到深入浅出的效果。

全书配备视频讲解。针对书中的每一章，在相应位置加入了相关的微课，读者可以通过扫描二维码来观看视频，书网结合的讲解方式可以更好地帮助读者快速高效地理解相关章节的内容。编者在编写本书时使用的IDE为最新版的微信开发者工具，但由于微信开发者工具升级较为频繁，有可能导致本书出版时视频或截图稍有差异，但是不影响学习。

本书由深圳职业技术学院曾建华总结多年教学和项目开发经验编写而成。编者在探索教材建设方面做了许多努力，也对书稿进行了多次审校，但由于编写经验有限，书中难免存在一些疏漏之处，敬请同行专家和读者批评指正。

编者2020年6月

第1章 开发环境及第一个微信小程序

本章将从整体上介绍微信小程序的代码架构，指导读者安装和使用微信开发者工具，并初步讲解如何创建第一个微信小程序。

学习目标

● 了解微信小程序相关技术。

● 掌握微信开发者工具的安装、使用。

● 掌握如何创建微信小程序。

● 掌握微信小程序的项目架构、页面结构。

1.1 微信小程序简介

二维码1-1

小程序作为一款轻应用，具有无须安装、无须卸载、触手可及、用完即走的优势，使腾讯、阿里巴巴、华为等巨头企业争相发力。实际上，除了微信小程序之外，还有支付宝小程序、华为的快应用等产品。目前，微信小程序凭借其流量优势使用最为广泛。

微信小程序提供了一个简单高效的应用开发框架、丰富的组件及应用程序接口（Application Program Interface，API），帮助开发者在微信中开发具有原生App体验的服务。因为其可以在微信内被便捷地获取和传播、具有出色的使用体验，同时开发者可以快速地开发一个小程序，所以微信小程序生态圈已非常完善并占据了小程序的主要市场。

微信小程序支持的开发语言有JavaScript（简称JS）和TypeScript，考虑到普及性，本书以JS进行讲解。微信小程序开发涉及的技术与普通的网页开发相比有很大的相似性。对于前端开发者而言，从其他类型项目迁移到小程序的开发成本较低。

在开发微信小程序之前，应该具备基本的普通网页开发基础，具体来说，应该熟悉HTML、CSS、JS。在开发之前，应该理解小程序与普通网页在本质上的一些区别。