微信小程序实战入门内含完整实例解析

中国教育创新校企联盟专家委员会主任 陈滢
中国计算机学会教育工作委员会委员 管刚
慧科集团技术副总裁 李嘉
联合推荐

实现一本书玩转小程序开发
小程序带来了基于社交平台的移动应用新范式，激发了许多应用创新，引起了广大开发者的极大关注。本书概念介绍深入浅出，通俗易懂，案例丰富且剖析彻底，火候拿捏得当，足见作者在程序设计方面理论和实践深度结合的功底。我相信这本书一定会成为读者的一本关于小程序的大百科。

刘明洋，著有《Swift语言实战精讲》一书，广受好评的书籍和作者。
刘明洋，实战派iOS专家，拥有雄厚的iOS开发实力，是国内较早从事iOS 开发人群之一，项目实践经验丰富。计算机专业毕业后一直从事软件开发和管理工作。曾开发过武汉轻轨1号线LED乘客引导系统、天安门显示屏PLC监控系统。为企业定制上百款App，有几十款作品在App Store上架。具有多年web、软件、iOS开发经验。

目　录
第一章 创建项目 1
1．1 注册小程序开发者 1
1．2 安装环境 7
1．3 创建小程序 7
1．4 开发工具介绍 9
1．4．1 概览 9
1．4．2 编辑 10
1．4．3 调试 16
1．4．4 项目 20
1．4．5 运行预览 22
第二章 小程序详细介绍 23
2．1 小程序、原生App、
WebApp的区别 23
2．2 应用场景 26
2．3 全局配置（app．json）和
页面配置（*．json） 27
2．3．1 全局配置app．json
详解 27
2．3．2 页面配置（*．json） 32
2．4 小程序架构 32
2．4．1 框架介绍 32
2．4．2 逻辑层 34
2．4．3 视图层（WXML和
WXSS 介绍） 40
2．4．4 数据层 40
2．5 视图层WXML 介绍 50
2．6 视图层WXSS 介绍 63
2．7 WXML与HTML的区别 65
2．8 小程序调试、上传、发布 66
2．8．1 事前准备：Https 66
2．8．2 预览及调试 67
2．8．3 发布 69
第三章 框架组件 73
3．1 框架组件介绍 73
3．2 视图容器 76
3．2．1 view 76
3．2．2 scroll-view 96
3．2．3 swiper 与
swiper-item 100
3．2．4 movable-area与
movable-view 106
3．2．5 cover-view 与
cover-image 108
3．3 基础内容 110
3．3．1 icon 110
3．3．2 text 113
3．3．3 rich-text 116
3．3．4 progress 118
3．4 表单组件 119
3．4．1 button 119
3．4．2 checkbox与
checkbox-group 123
3．4．3 form 124
3．4．4 input 126
3．4．5 label 133
3．4．6 picker 136
3．4．7 picker-view 146
3．4．8 radio 149
3．4．9 slider 152
3．4．10 switch 153
3．4．11 textarea 156
3．5 操作反馈 160
3．5．1 action-sheet 160
3．5．2 modal 163
3．5．3 toast 165
3．5．4 loading 167
3．6 导航 （navigator） 169
3．7 媒体组件 171
3．7．1 audio 171
3．7．2 image 174
3．7．3 video 178
3．8 地图（map） 183
3．9 画布（canvas） 190
3．10 客服会话
（contact-button） 191
3．11 开放数据（open-data） 192
第四章 API 193
4．1 网络 193
4．1．1 wx．request（OBJECT）
发起请求 194
4．1．2 上传、下载 197
4．1．3 Websocket 201
4．2 媒体 205
4．2．1 图片 205
4．2．2 录音 210
4．2．3 音频播放控制 211
4．2．4 音乐播放控制 213
4．2．5 视频和视频组件控制 220
4．3 文件 224
4．4 数据缓存 229
4．5 位置 234
4．5．1 获取位置 234
4．5．2 查看位置 237
4．5．3 地图组件控制 238
4．6 设备 239
4．6．1 系统信息 239
4．6．2 网络状态 243
4．6．3 重力感应-加速度计 244
4．6．4 罗盘 245
4．6．5 拨打电话 247
4．6．6 扫码 247
4．6．7 剪贴板 248
4．6．8 蓝牙 250
4．6．9 iBeacon 264
4．6．10 屏幕亮度 267
4．6．11 用户截屏事件 269
4．6．12 震动 269
4．6．13 手机联系人 270
4．7 界面交互 272
4．7．1 交互反馈 272
4．7．2 页面导航（设置导航条、
导航） 275
4．7．3 动画 281
4．7．4 下拉刷新 285
4．7．5 位置 285
4．8 绘图 288
4．8．1 坐标系介绍
（coordinates） 289
4．8．2 绘图主接口 290
4．8．3 填充颜色、线条、阴影 293
4．8．4 渐变 294
4．8．5 线条样式 297
4．8．6 矩形 300
4．8．7 路径 302
4．8．8 变形 311
4．8．9 文字（设置字号/绘制
文本） 312
4．8．10 图片（drawImage） 314
4．8．11 全局画笔透明度
（setGlobalAlpha） 315
4．8．12 其他 316
4．9 拓展接口 317
4．10 开放接口 318
第五章 开放API 319
5．1 登录 319
5．2 签名加密 324
5．3 授权 326
5．4 用户信息 327
5．5 微信支付 329
5．6 模板消息 330
5．6．1 使用说明 330
5．6．2 接口说明 331
5．7 客服消息 335
5．7．1 接收消息和事件 335
5．7．2 发送客服消息 338
5．7．3 临时素材接口 339
5．7．4 接入指引 341
5．8 分享 343
5．9 二维码 347
5．10 收货地址 348
5．11 卡券 349
5．12 设置 351
5．13 微信运动 352
5．14 打开小程序 354
第六章 项目实战 356
6．1 仿新闻小应用 356
6．1．1 通过tabBar实现页面
之间的切换 357
6．1．2 顶部滑动菜单的实现 358
6．1．3 新闻列表的实现 361
6．1．4 首页完整代码 363
6．1．5 用户中心界面实现 369
6．1．6 用户中心界面完整
代码 372
6．2 书架功能 376
6．2．1 精彩推荐模块实现 377
6．2．2 热门书籍模块实现 377
6．2．3 精品书籍模块实现 378
6．3 录音功能 385
6．4 二维码生成器 391
6．5 图片滤镜 393
6．5．1 模糊、怀旧、复古、美白
功能的实现 394
6．5．2 饱和度、亮度、对比度
功能的实现 396
6．5．3 动态滤镜的实现 397
6．6 仿电影小应用 398
6．6．1 电影列表页面的实现 399
6．6．2 电影详情页面的实现 405
6．6．3 搜索页面的实现 408
附件1 微信小程序相关规范及常见
问题 417
附件2 资源下载 418