微信小程序开发解析

翟东平，“九宝培训”创始人，CSDN、网易云课堂知名讲师，专注于微信开发和软考培训领域。长期担任一线软件架构设计、项目管理、需求分析工程师，拥有计算机技术与软件资格考试（软考）信息系统项目管理师系统架构设计师、系统分析师、系统规划与管理师等认证资质。

翟东平，“九宝培训”创始人，CSDN、网易云课堂知名讲师，专注于微信开发和软考培训领域。长期担任一线软件架构设计、项目管理、需求分析工程师，拥有计算机技术与软件资格考试（软考）信息系统项目管理师系统架构设计师、系统分析师、系统规划与管理师等认证资质。

第1章 概论 1
1.1 认识微信小程序 1
1.2 微信小程序官方文档 2
1.3 下载微信小程序开发工具 3
1.4 使用微信小程序开发工具 4
1.5 授权微信小程序开发者 8
1.6 微信小程序开发工具特别关注点 9
1.6.1 真机调试功能 9
1.6.2 清除缓存功能 11
1.6.3 上传微信小程序 12
1.6.4 微信小程序体验版 13
1.6.5 “详情”功能 15
第2章 小程序基础知识 18
2.1 微信小程序开发与网页开发的区别 18
2.2 微信小程序的组成 18
2.2.1 JSON配置文件 18
2.2.2 视图层 23
2.2.3 逻辑层 24
2.3 程序与页面 25
第3章 小程序框架 28
3.1 新建项目 28
3.2 程序清单 28
3.2.1 app.js 28
3.2.2 app.json 29
3.2.3 index.js 29
3.3 响应式数据绑定 30
3.4 逻辑层 32
3.4.1 App方法 32
3.4.2 Page方法 34
3.4.3 getApp方法 37
3.4.4 getCurrentPages方法 37
3.4.5 模块 37
3.5 视图层 39
3.5.1 WXML 39
3.5.2 条件渲染 43
3.5.3 模板 43
3.5.4 WXSS 46
3.5.5 内联样式 47
3.5.6 选择器 48
3.6 事件 49
3.6.1 简单事件 49
3.6.2 事件参数 50
3.6.3 事件传参 51
3.6.4 事件绑定 52
3.6.5 事件冒泡 56
3.6.6 互斥事件 60
3.6.7 事件的捕获阶段 63
3.6.8 事件对象 66
3.6.9 target与currentTarget 68
第4章 小程序组件 72
4.1 概述 72
4.2 视图容器组件 73
4.2.1 scroll-view组件 73
4.2.2 share-element与page-container组件 76
4.2.3 swiper与swiper-item组件 79
4.2.4 view组件 81
4.3 基础内容组件 82
4.3.1 icon组件 83
4.3.2 progress组件 85
4.3.3 rich-text组件 86
4.3.4 text组件 89
4.4 表单组件 92
4.4.1 form组件 93
4.4.2 input组件 96
4.4.3 textarea组件 98
4.4.4 checkbox组件 100
4.4.5 switch组件 102
4.4.6 radio组件 103
4.4.7 keyboard-accessory组件 104
4.4.8 label组件 105
4.4.9 slider组件 106
4.5 导航组件 108
4.6 媒体组件 112
4.6.1 audio组件 112
4.6.2 camera组件 117
4.6.3 image组件 119
4.6.4 video组件 122
4.7 地图组件 127
第5章 小程序自定义组件 131
5.1 创建自定义组件 131
5.2 引用页面 136
5.3 程序解读 138
5.3.1 引用自定义组件 139
5.3.2 slot 139
5.3.3 自定义组件样式 141
5.3.4 自定义组件事件 141
第6章 小程序API 143
6.1 基础API 143
6.1.1 boolean wx.canIUse(string schema) 143
6.1.2 Object wx.getSystemInfoSync() 143
6.1.3 更新微信小程序版本 145
6.1.4 更新微信版本 148
6.2 网络API 149
6.2.1 wx.request 149
6.2.2 wx.uploadFile 156
6.2.3 wx.downloadFile 160
6.2.4 WebSocket 162
6.3 数据API 168
6.4 位置API 174
6.5 设备API 178
第7章 小程序支付 182
7.1 微信小程序支付相关知识点 182
7.2 开发步骤 182
7.2.1 获取openid 183
7.2.2 调用“统一下单API”获取prepay_id 190
7.2.3 再次签名 193
7.2.4 调用微信支付功能 195
7.3 程序清单 196
7.3.1 服务端 196
7.3.2 小程序端 202
第8章 小程序商城 204
8.1 项目概述 204
8.2 数据库设计 205
8.3 “商品列表展示”页面 207
8.4 “商品详情展示”页面 221
8.5 tabBar 235
8.6 “购物车”页面 237
8.7 获取openid 245
8.8 程序清单 245
8.8.1 小程序端 245
8.8.2 服务端 259
8.8.3 数据库 266
第9章 小程序客服 270
9.1 网页版小程序客服 270
9.2 移动端小程序客服 273
9.3 调用客服消息接口发送消息 275
9.4 消息转发给客服人员 279
9.5 消息转发给指定客服人员 279
9.6 发送客服消息 281

微信小程序是微信生态环境下的一个技术解决方案，其主要优势在于“依附但不依赖于微信”。微信小程序可以独立成为一个移动端的应用程序，亦可以与企业微信、微信公众号等相关联。
本书从零基础开始，系统地讲解了与微信小程序开发相关的知识点。全书按照微信小程序学习的技术路线设计章节结构，先介绍微信小程序框架，然后讲解微信小程序组件与API，最后讲解微信小程序支付、小程序商城和小程序客服，使读者真正弄懂微信小程序的开发原理、使用场景和程序架构方案，并能融会贯通。
本书在进行知识讲解时，力求简单、高效、系统。
简单：本书力争使用简洁、准确、明快的语言，一语中的地讲解枯燥、抽象的知识点，以降低读者的学习门槛。
高效：本书在讲解相关知识点时，直接给出“最小程序集合”，针对某一知识点单独建立项目、单独讲解，以带领读者聚焦知识点，降低学习成本。
系统：本书编排上结合官方文献资料，重新梳理、调整官方文档，最大限度地降低读者阅读文档的障碍，尽量避免读者由于不了解“上下文语意”造成的困扰。
读者既可以将本书作为系统学习微信领域知识的教材，也可以将本书作为工具手册，遇到问题时如同查字典一般检索相关知识点。
注意，小程序支付、小程序商城、小程序客服等实际项目中必要的功能需求点，属于微信小程序开发高级阶段的知识，建议读者在学习完微信小程序基础知识后再系统学习。
扫描图书封底的“文泉云盘”二维码，读者可下载书中案例的源代码、教学PPT课件，并观看对应的教学微课。读者学习过程中遇到疑难问题，也可以关注笔者的微信，进行交流沟通。
为了方便读者系统地了解整个微信技术生态，除本书之外，笔者还将编写《企业微信开发详解》《移动支付开发实战》等书，力争打造一套完善的微信技术解决方案教程。