目录 CONTENTS


第 1章
初识微信小程序 1
1．1 微信小程序开发 1
1．1．1　什么是微信小程序 1
1．1．2　微信小程序的前景 2
1．1．3　开发小程序需要的技术 3
1．2　搭建开发环境 4
1．2．1　个人开发者申请微信公众平台账号 4
1．2．2　搭建开发环境 5
1．2．3　配置程序 5
1．3　微信开发者工具 7
1．4　案例：第 一个Hello WX小程序 12
1．4．1　任务1——微信小程序创建 13
1．4．2　任务2——微信小程序架构分析 13
1．4．3　任务3——配置文件详解 14
1．5　小　结 15
1．6　课后习题 15
第 2章
记事本小程序 18
2．1 逻辑层 18
2．1．1　注册程序 19
2．1．2　注册页面 20
2．1．3　页面路由 21
2．1．4　生命周期 22
2．1．5　模块化 24
2．2　视图层 25
2．2．1　HTML与WXML 25
2．2．2　CSS与WXSS 25
2．2．3　页面事件 25
2．2．4　页面的样式 28
2．3　WXML语法 28
2．3．1　数据绑定 28
2．3．2　条件渲染 29
2．3．3　列表渲染 29
2．4　WXS语法 29
2．4．1　模块 30
2．4．2　变量 31
2．4．3　运算符 31
2．4．4　控制语句 35
2．4．5　数据类型 38
2．5　Flex布局 38
2．5．1　基本概念 38
2．5．2　容器属性 39
2．6　案例：记事本小程序 41
2．6．1　案例分析 41
2．6．2　任务1——首页的实现 42
2．6．3　任务2——编辑页面的实现 45
2．7　小　结 48
2．8　课后习题 48
第3章
校园新闻网小程序 50
3．1 视图与基础组件 50
3．1．1　视图容器（view）组件 50
3．1．2　滚动视图（scroll-view）组件 53
3．1．3　滑块视图容器（swiper）组件 55
3．1．4　图标（icon）组件 57
3．1．5　文本（text）组件 59
3．1．6　进度条（progress）组件 60
3．1．7　导航（navigator）组件 62
3．2　案例：校园新闻网小程序 63
3．2．1　案例分析 63
3．2．2　任务1——导航栏 64
3．2．3　任务2——分类栏 64
3．2．4　任务3——轮播图 65
3．2．5　任务4——新闻列表 66
3．2．6　任务5——回到顶部 68
3．3　小　结 69
3．4　课后习题 70
第4章
快递单小程序 72
4．1 表单组件 72
4．1．1　按钮（button）组件 72
4．1．2　多选框（checkbox）组件 74
4．1．3　表单（form）组件 75
4．1．4　输入框（input）组件 76
4．1．5　滚动选择器（picker）组件 77
4．1．6　单选控制器（radio）组件 80
4．1．7　滑动选择器（slider）组件 81
4．1．8　开关选择器（switch）组件 83
4．1．9　文本框（textarea）组件 84
4．2　案例：快递单小程序 85
4．2．1　案例分析 85
4．2．2　任务1——导航栏 86
4．2．3　任务2——寄件人信息 87
4．2．4　任务3——收件人信息 90
4．2．5　任务4——立即下单 92
4．3　小　结 93
4．4　课后习题 93
第5章
邀请函小程序 95
5．1 媒体组件 95
5．1．1　图片（image）组件 95
5．1．2　音频（audio）组件 97
5．1．3　视频（video）组件 100
5．2　地图与动画 102
5．2．1　地图（map）组件 102
5．2．2　动画（animation）对象 104
5．3　案例：邀请函小程序 106
5．3．1　案例分析 106
5．3．2　任务1——新建一个微信小程序并配置 107
5．3．3　任务2——制作邀请函页面 109
5．3．4　任务3——制作照片展示页面 111
5．3．5　任务4——制作视频页面 112
5．3．6　任务5——制作地图页面 113
5．3．7　任务6——制作社员信息提交页面 114
5．3．8　任务7——添加心跳动画 119
5．4　小　结 120
5．5　课后习题 120
第6章
文件管理小程序 122
6．1 文　件 122
6．1．1　文件系统 122
6．1．2　获取文件信息 126
6．1．3　获取本地文件列表 127
6．1．4　创建目录 127
6．1．5　删除目录 128
6．1．6　打开文件 129
6．2　案例：文件管理小程序 129
6．2．1　案例分析 129
6．2．2　任务1——页面的实现 130
6．2．3　任务2——目录功能的实现 131
6．2．4　任务3——文件功能的实现 133
6．3　小　结 136
6．4　课后习题 136
第7章
你画我猜小程序 138
7．1 画　布 138
7．1．1　画布基础知识 138
7．1．2　画布小程序 139
7．2　案例：你画我猜小程序 140
7．2．1　案例分析 140
7．2．2　任务1——页面结构 140
7．2．3　任务2——绘制图像 141
7．2．4　任务3——选择画笔颜色 142
7．2．5　任务4——取消、擦除、删除 143
7．2．6　任务5——分享图片 144
7．3　小　结 145
7．4　课后习题 146
第8章
校园场地预约小程序 147
8．1 网　络 147
8．1．1　小程序网络基础 147
8．1．2　上传与下载 150
8．2　开放接口 154
8．2．1　登录 154
8．2．2　用户信息 157
8．2．3　账号信息 159
8．2．4　授权 160
8．3　案例：校园场地预约小程序 161
8．3．1　案例分析 161
8．3．2　任务1——用户授权 161
8．3．3　任务2——预约场地 164
8．4　小　结 164
8．5　课后习题 165
第9章
购物车小程序 166
9．1 开发模式对比 166
9．1．1　传统开发模式 166
9．1．2　云开发模式 167
9．2　云开发基础 168
9．2．1　开通云开发 168
9．2．2　云数据库 169
9．2．3　云存储 176
9．2．4　云函数 177
9．3　案例：奶茶购物车小程序 180
9．3．1　案例分析 180
9．3．2　任务1——创建项目并配置 181
9．3．3　任务2——商品展示页的实现 182
9．3．4　任务3——购物车页面的实现 185
9．3．5　任务4——结算页面的实现 190
9．3．6　任务5——地址管理页面的实现 193
9．3．7　任务6——新增地址页面的实现 195
9．4　小　结 198
9．5　课后习题 198
第 10章
书城小程序 200
10．1 uni-app框架介绍 200
10．1．1　什么是uni-app 200
10．1．2　跨平台开发 201
10．2　uni-app框架基础 201
10．2．1　创建uni-app项目 201
10．2．2　目录结构 202
10．2．3　语法规范 208
10．2．4　生命周期 217
10．3　uni-app常用API 220
10．3．1　页面跳转 220
10．3．2　发起请求 224
10．4　案例：书城小程序 227
10．4．1　案例分析 227
10．4．2　任务1——创建项目并配置导航栏 228
10．4．3　任务2——书城首页的实现 230
10．4．4　任务3——分类页面的实现 234
10．4．5　任务4——分类书籍列表页面 236
10．4．6　任务5——书籍详情页面 237
10．4．7　任务6——书架页面展示已添加的书籍 239
10．4．8　任务7——阅读页面 240
10．4．9　任务8——个人页面 243
10．5　小　结 244
10．6　课后习题 244