第1章 初识小程序 1
1.1小程序是什么 2
1.1.1小程序的优点 2
1.1.2小程序的开放能力 2
1.1.3小程序的前景 3
1.2小程序开发文档与开发工具 4
1.2.1小程序开发文档 4
1.2.2微信Web开发者工具 5
1.2.3开发工具Tips 8
1.3大事记 11
1.4“一秒钟有多长”小游戏 12
1.4.1游戏规则 12
1.4.2下载与运行 13
1.4.3界面、样式与脚本 14
1.5小结 18
第2章 开发框架配置和逻辑层 19
2.1开发框架简介 20
2.1.1底层实现 20
2.1.2小程序与HTML5的区别与联系 21
2.1.3小程序概览 22
2.2注册程序与页面 23
2.2.1注册程序 23
2.2.2注册页面 23
2.2.3页面的路由 24
2.3项目架构 24
2.4配置 26
2.4.1全局配置 26
2.4.2页面配置 29
2.5小技巧 30
2.5.1页面路由时传递参数 30
2.5.2下拉刷新 31
2.6小结 32
第3章 开发框架视图层 33
3.1样式语言WXSS 34
3.1.1 WXSS的引入方式 34
3.1.2尺寸单位 37
3.1.3选择器 41
3.2标签语言WXML 44
3.2.1 WXML数据绑定与渲染 44
3.2.2 WXML模板与引用 47
3.2.3 WXML事件绑定 48
3.3小结 51
第4章 组件与API 52
4.1组件 53
4.1.1视图容器 54
4.1.2基础内容 55
4.1.3表单组件 57
4.1.4导航 58
4.1.5媒体组件 59
4.1.6其他组件 61
4.2 API 62
4.2.1网络 62
4.2.2文件 64
4.2.3设备 65
4.2.4导航 66
4.2.5分享 67
4.2.6获取小程序页面二维码 67
4.2.7小程序模板消息 70
4.2.8公众号模板消息打开相关小程序 72
4.2.9公众号自定义菜单点击打开相关小程序 75
4.2.10移动App分享小程序页面 80
4.3 Flex布局 81
4.3.1 flex-direction属性 83
4.3.2 flex-wrap属性 84
4.3.3 flex-flow属性 85
4.3.4 justify-content属性 86
4.3.5 align-items属性 87
4.3.6 align-content属性 90
4.3.7项目属性 92
4.4小结 94
第5章 博客园客户端——新闻资讯类小程序 95
5.1项目介绍 96
5.1.1项目结构 96
5.1.2项目部署 97
5.1.3项目配置 97
5.2 server端及API接口 99
5.2.1博客列表API 100
5.2.2全文内容API 102
5.2.3新闻列表API 103
5.3博客列表页 105
5.3.1界面 106
5.3.2博客模板 106
5.3.3逻辑 108
5.4博客详情页 110
5.4.1界面 111
5.4.2逻辑 112
5.5新闻列表页 113
5.5.1界面 114
5.5.2新闻模板 114
5.5.3逻辑 115
5.6新闻详情页 117
5.6.1界面 118
5.6.2逻辑 118
5.7公共JS脚本 119
5.7.1公共配置 119
5.7.2解析 119
5.8小结 124
第6章 测测你是三国杀中的谁——调查测试类小程序 125
6.1数据结构 126
6.1.1 JSON介绍 126
6.1.2问题和答案的数据结构 127
6.2项目结构 130
6.2.1起始页 131
6.2.2测试页 132
6.2.3结果页 134
6.2.4辅助JS 135
6.3小结 136
第7章 微餐厅——餐饮管理系统 137
7.1项目部署 138
7.1.1搭建开发环境 138
7.1.2上传代码 138
7.1.3导入数据库 139
7.1.4预览小程序 140
7.2服务器端介绍 140
7.2.1数据库设计 140
7.2.2管理后台介绍 142
7.2.3 API接口 144
7.3微信授权登录 145
7.3.1微信登录 145
7.3.2服务器端：code换取session_key 146
7.3.3数据签名加密 148
7.4在线排号页 149
7.4.1服务器端接口 150
7.4.2小程序端实现 150
7.5确认取号页 153
7.5.1服务器端接口 154
7.5.2小程序端实现 154
7.6我的排号 158
7.6.1服务器端接口 158
7.6.2小程序端实现 159
7.7查看菜单 162
7.7.1服务器端接口 162
7.7.2小程序端实现 162
7.8小结 165
附录A 小程序接入指南 166
附录B 延伸阅读 169
附录C 开发工具常用快捷键 172