目录

入  门  篇

第1章  微信小程序入门 2

1.1  微信小程序概述 2

1.1.1  小程序简介 2

1.1.2  小程序的诞生 2

1.1.3  小程序的功能 3

1.1.4  小程序的创建流程 3

1.2  开发小程序的准备工作 4

1.2.1  注册开发者账号 4

1.2.2  小程序的信息完善 10

1.2.3  小程序的成员管理 13

1.3  小程序的开发工具 14

1.3.1  软件的下载与安装 14

1.3.2  开发者工具的登录 16

1.3.3  其他辅助工具 17

1.4  小程序的未来展望 18

1.5  本章小结 19

第2章  第一个微信小程序 20

2.1  创建第一个微信小程序 20

2.1.1  新建项目 20

2.1.2  真机预览和调试 23

2.1.3  代码的提交 24

2.1.4  小程序的版本 26

2.1.5  制作空白模板代码包 27

2.1.6  我的第一个小程序 29

2.2  小程序的目录结构 34

2.2.1  项目配置文件 34

2.2.2  主体文件 34

2.2.3  页面文件 42

2.2.4  sitemap配置文件 43

2.2.5  其他文件 44

2.3  开发者工具的介绍 45

2.3.1  菜单工具栏 46

2.3.2  资源管理器 47

2.3.3  模拟器 47

2.3.4  编辑器 49

2.3.5  调试器 49

2.4  阶段案例：简易登录小程序 53

2.5  本章小结 53

基  础  篇

第3章  小程序框架 56

3.1  逻辑层 56

3.1.1  小程序App 56

3.1.2  小程序页面 59

3.1.3  生命周期 64

3.1.4  页面路由 65

3.1.5  模块化 66

3.1.6  基础功能 67

3.1.7  API 71

3.2  视图层 72

3.2.1  WXML 72

3.2.2  WXSS 84

3.2.3  组件 86

3.3  flex布局 87

3.3.1  基本概念 87

3.3.2  容器属性 88

3.3.3  项目属性 93

3.4  阶段案例：通讯录小程序 97

3.5  本章小结 97

第4章  小程序组件 98

4.1  组件的介绍和分类 98

4.1.1  组件的介绍 98

4.1.2  组件的分类 99

4.2  视图容器组件 99

4.2.1  view 99

4.2.2  scroll-view 101

4.2.3  swiper 102

4.2.4  movable-view 104

4.2.5  cover-view 108

4.3  基础内容组件 109

4.3.1  icon 109

4.3.2  text 111

4.3.3  rich-text 112

4.3.4  progress 116

4.4  表单组件 117

4.4.1  button 117

4.4.2  checkbox 120

4.4.3  input 122

4.4.4  label 127

4.4.5  form 128

4.4.6  picker 130

4.4.7  picker-view 137

4.4.8  radio 139

4.4.9  slider 141

4.4.10  switch 142

4.4.11  textarea 144

4.4.12  editor 146

4.5  导航组件 148

4.6  媒体组件 150

4.6.1  image 150

4.6.2  video 154

4.6.3  camera 156

4.7  地图组件 158

4.7.1  markers 159

4.7.2  polyline 160

4.7.3  circles 160

4.8  画布组件 162

4.9  阶段案例：趣味心理测试小程序 163

4.10  本章小结 164

应  用  篇

第5章  网络API 166

5.1  小程序网络基础 166

5.1.1  小程序/服务器架构 166

5.1.2  服务器域名配置 168

5.1.3  临时服务器部署 170

5.2  发起请求和中断请求 172

5.2.1  发起请求 172

5.2.2  中断请求 173

5.3  文件传输 180

5.3.1  文件的上传 180

5.3.2  文件的下载 184

5.4  阶段案例：成语词典小程序 187

5.5  本章小结 188

第6章  媒体API 189

6.1  图片管理 189

6.1.1  选择图片 189

6.1.2  预览图片 190

6.1.3  获取图片信息 190

6.1.4  保存图片 191

6.2  录音管理 193

6.3  音频管理 196

6.3.1  背景音频管理 196

6.3.2  内部音频控制 198

6.4  视频管理 201

6.4.1  选择视频 201

6.4.2  保存视频 202

6.4.3  视频组件控制 202

6.5  相机管理 205

6.6  阶段案例：音乐播放器小程序 208

6.7  本章小结 209

第7章  文件API 210

7.1  保存文件 210

7.2  获取文件信息 212

7.3  获取本地文件列表 215

7.4  获取本地文件信息 218

7.5  删除本地文件 221

7.6  打开文档 223

7.7  阶段案例：个人相册小程序 226

7.8  本章小结 226

第8章  数据缓存API 227

8.1  本地缓存 227

8.2  数据的存储 228

8.2.1  异步存储数据 228

8.2.2  同步存储数据 230

8.3  数据的获取 232

8.3.1  异步获取数据 232

8.3.2  同步获取数据 234

8.4  存储信息的获取 235

8.4.1  异步获取存储信息 235

8.4.2  同步获取存储信息 237

8.5  数据的删除 239

8.5.1  异步删除数据 239

8.5.2  同步删除数据 241

8.6  数据的清空 243

8.6.1  异步清空数据 243

8.6.2  同步清空数据 244

8.7  阶段案例：极简清单小程序 246

8.8  本章小结 247

第9章  位置API 248

9.1  位置信息 248

9.1.1  经纬度坐标 248

9.1.2  坐标的类别 248

9.2  获取和选择位置 249

9.2.1  获取位置 249

9.2.2  选择位置 251

9.3  查看位置 252

9.4  地图组件控制 254

9.4.1  获取地图上下文对象 254

9.4.2  获取地图中心坐标 255

9.4.3  移动到指定位置 256

9.4.4  动画平移标记 257

9.4.5  展示全部坐标 259

9.4.6  获取视野范围 260

9.4.7  获取地图缩放级别 262

9.5  阶段案例：红色旅游地图小程序 263

9.6  本章小结 264

第10章  设备API 265

10.1  系统信息 265

10.1.1  获取系统信息 265

10.1.2  canIUse() 267

10.2  网络 269

10.2.1  网络状态 269

10.2.2  Wi-Fi 271

10.3  传感器 275

10.3.1  罗盘 275

10.3.2  加速度计 277

10.4  用户行为 278

10.4.1  截屏 278

10.4.2  扫码 279

10.4.3  剪贴板 280

10.4.4  通话 282

10.5  手机状态 285

10.5.1  内存 285

10.5.2  屏幕亮度 286

10.5.3  振动 288

10.6  阶段案例：幸运抽签小程序 289

10.7  本章小结 289

第11章  界面API 290

11.1  交互反馈 290

11.1.1  消息提示框 290

11.1.2  加载提示框 292

11.1.3  模态弹窗 293

11.1.4  操作菜单 296

11.2  导航条设置 298

11.2.1  当前页面标题设置 298

11.2.2  导航条加载动画 299

11.2.3  导航条颜色设置 301

11.3  tabBar设置 302

11.3.1  tabBar标记 302

11.3.2  tabBar红点 303

11.3.3  onTabItemTap() 303

11.3.4  设置tabBar样式 304

11.3.5  显示与隐藏tabBar 305

11.4  页面导航 308

11.4.1  跳转到新页面 308

11.4.2  返回指定页面 309

11.4.3  当前页面重定向 310

11.4.4  重启页面 310

11.4.5  切换tabBar页面 310

11.5  动画 313

11.5.1  动画实例 313

11.5.2  动画的描述 314

11.5.3  动画的导出 315

11.6  页面位置 318

11.7  下拉刷新 320

11.7.1  监听下拉刷新 320

11.7.2  开始下拉刷新 320

11.7.3  停止下拉刷新 321

11.8  阶段案例：幸运大转盘抽奖

小程序 322

11.9  本章小结 323

第12章  画布API 324

12.1  准备工作 324

12.1.1  画布坐标系 324

12.1.2  创建空白画布 324

12.1.3  创建画布上下文 325

12.2  绘制矩形 327

12.2.1  创建矩形 327

12.2.2  填充矩形 327

12.2.3  描边矩形 327

12.2.4  清空矩形区域 328

12.3  绘制路径 330

12.3.1  绘制线段 330

12.3.2  绘制圆弧 332

12.3.3  绘制曲线 334

12.4  绘制文本 336

12.4.1  填充文本 336

12.4.2  设置文本基准线 336

12.4.3  设置文本对齐方式 336

12.4.4  设置字体风格 337

12.5  绘制图片 338

12.5.1  绘制步骤 338

12.5.2  绘制原图 339

12.5.3  缩放图片 340

12.5.4  图片的切割 340

12.6  颜色与样式 342

12.6.1  颜色透明度 342

12.6.2  线条样式 344

12.6.3  渐变样式 348

12.6.4  阴影样式 350

12.6.5  图案填充 351

12.7  保存与恢复 352

12.8  变形与剪裁 352

12.8.1  图像的变形 352

12.8.2  图像的剪裁 356

12.9  图像的导出 359

12.10  阶段案例：你画我猜小程序 361

12.11  本章小结 362

提  高  篇

第13章  小程序AI基于腾讯智能对话

平台+ColorUI的机器人小程序 364

13.1  小程序插件——腾讯智能对话

平台TBP 364

13.1.1  什么是小程序插件 364

13.1.2  腾讯智能对话平台简介 364

13.1.3  在小程序管理后台添加

TBP插件 366

13.2  小程序自定义组件 367

13.2.1  什么是自定义组件 367

13.2.2  小程序组件库ColorUI 368

13.2.3  在小程序项目中添加

ColorUI组件库 369

13.3  准备工作 369

13.3.1  服务器端准备 369

13.3.2  小程序端准备 372

13.4  视图设计 373

13.4.1  代码复用 373

13.4.2  导航栏设计 374

13.4.3  聊天记录区域设计 374

13.4.4  底部输入框设计 378

13.5  逻辑实现 379

13.5.1  代码复用 379

13.5.2  公共函数获取当前时间 379

13.5.3  获取机器人列表 380

13.5.4  显示用户本人消息 381

13.5.5  机器人对话服务接口 384

13.5.6  聊天内容自动上拉 385

13.6  本章小结 386

13.7  参考资料 387

第14章  小程序服务平台基于微信OCR识

别+Vant Weapp的银行卡包小程序 388

14.1  小程序服务平台概述 388

14.1.1  什么是小程序服务平台 388

14.1.2  微信OCR识别服务简介 389

14.1.3  微信OCR识别服务接入 390

14.2  小程序自定义组件 394

14.2.1  小程序UI组件库——

Vant Weapp 394

14.2.2  自主开发组件模板配置 395

14.3  准备工作 396

14.3.1  项目创建 396

14.3.2  页面配置 396

14.3.3  自定义组件 397

14.3.4  公共JS文件 397

14.4  视图设计 398

14.4.1  导航栏设计 398

14.4.2  自定义组件bankcard

设计 399

14.4.3  【首页】设计 402

14.4.4  【银行卡信息录入页】

设计 403

14.4.5  【银行名称索引页】

设计 404

14.5  逻辑实现 407

14.5.1  【首页】逻辑 407

14.5.2  【银行名称索引页】

逻辑 412

14.5.3  【银行卡信息录入页】

逻辑 416

14.6  本章小结 423

14.7  参考资料 424

第15章  小程序全栈开发基于WAMP + 

ThinkPHP 6.0的高校新闻小程序 425

15.1  需求分析 425

15.2  准备工作 426

15.2.1  小程序端准备 426

15.2.2  服务器端准备 428

15.3  视图设计 436

15.3.1  导航栏设计 436

15.3.2  tabBar设计 437

15.3.3  页面设计 437

15.4  逻辑实现 445

15.4.1  首页逻辑 445

15.4.2  新闻详情页逻辑 451

15.4.3  个人中心页逻辑 455

15.5  最终效果展示 459

15.6  本章小结 459

15.7  参考资料 460

15.8  结束语 460

附录A  个人开发者服务类目 461

附录B  小程序场景值 463

附录C  小程序预定颜色 465

微信小程序开发零基础入门(第2版·微课视频版)