目    录

第1章  初识微信小程序 1

1.1  微信小程序简介 1

1.1.1  微信小程序的诞生 1

1.1.2  微信小程序与App的区别 2

1.1.3  微信小程序未来的发展 3

1.2  上手前的准备工作 3

1.2.1  需要掌握的技术 3

1.2.2  申请小程序 3

1.2.3  安装Node.js和NPM 5

1.2.4  安装Git 7

1.2.5  微信开发者工具的安装 7

1.3  制作第一个小程序 8

1.3.1  HelloWorld 8

1.3.2  编辑器的使用 10

1.3.3  调试器的使用 10

1.3.4  模拟器的使用 12

1.4  小结 12

第2章  微信小程序框架 13

2.1  微信小程序代码构成 13

2.1.1  WXML 14

2.1.2  WXSS 14

2.1.3  WXS 15

2.2  微信小程序框架配置 15

2.2.1  目录结构 15

2.2.2  app.json 16

2.2.3  app.js 17

2.2.4  app.wxss 19

2.3  基础组件 19

2.3.1  组件属性类型 19

2.3.2  组件公共属性 20

2.4  生命周期与页面跳转 21

2.4.1  生命周期函数 21

2.4.2  页面跳转 24

2.5  小结 25

第3章  小程序组件 26

3.1  视图容器组件 26

3.1.1  视图容器view 26

3.1.2  滚动视图scroll-view 30

3.1.3  可移动视图movable-view 33

3.1.4  覆盖视图cover-view 34

3.1.5  滑块视图swiper 35

3.2  内容组件 37

3.2.1  图标icon 38

3.2.2  进度条progress 41

3.2.3  文本text 42

3.3  导航组件 44

3.4  小程序UI框架 45

3.4.1  WeUI 46

3.4.2  iView 46

3.4.3  Vant Weapp 47

3.5  小结 47

第4章  小程序语法 48

4.1  WXML语法 48

4.1.1  数据绑定 48

4.1.2  列表渲染 51

4.1.3  条件渲染 54

4.2  WXS数据类型 56

4.2.1  boolean 56

4.2.2  number 56

4.2.3  string 56

4.2.4  array 56

4.2.5  object 57

4.2.6  function 57

4.2.7  date 57

4.3  WXS语法 58

4.3.1  变量与运算符 58

4.3.2  条件判断与循环 61

4.3.3  WXS模块 62

4.3.4  使用注释 62

4.4   小结 63

第5章  表单组件与导航组件 64

5.1  表单组件 64

5.1.1  按钮button 64

5.1.2  表单输入框input 69

5.1.3  多行输入框textarea 72

5.1.4  复选框checkbox 76

5.1.5  单选框radio 78

5.1.6  滑动选择器slider 80

5.1.7  开关选择器switch 82

5.1.8  日期时间选择框picker 84

5.2  数据校验 92

5.2.1  常用的校验方式 93

5.2.2  form 97

5.3  实战练习：登录页 100

5.3.1  选择表单组件 100

5.3.2  页面实现 101

5.4   小结 104

第6章  媒体组件与地图组件 105

6.1  媒体组件 105

6.1.1  图片组件image 105

6.1.2  摄像头组件camera 110

6.1.3  音频组件audio 112

6.1.4  视频组件video 114

6.2  地图组件 118

6.2.1  地图组件的使用方式 118

6.2.2  定位 120

6.2.3  设置标记与气泡 123

6.3  小结 125

第7章  网络请求 126

7.1  第一条网络请求 126

7.1.1  网络配置 126

7.1.2  wx.request 128

7.2  HTTP基础知识 130

7.2.1  请求方法 130

7.2.2  状态码 131

7.2.3  请求头 131

7.3  HTTPS 133

7.3.1  为什么需要HTTPS 134

7.3.2  什么是 HTTPS 134

7.3.3  HTTPS的工作过程 134

7.3.4  申请HTTPS 135

7.3.5  为什么不一直使用HTTPS 135

7.4   实战练习：封装HTTP拦截器 135

7.5  小结 138

第8章  本地数据管理 139

8.1  数据缓存 139

8.1.1  数据的存储 139

8.1.2  数据的读取 143

8.1.3  数据的删除 144

8.1.4  数据的获取 146

8.2  文件管理 147

8.2.1  文件的下载 147

8.2.2  文件的保存 149

8.2.3  文件的读取 151

8.2.4  文件的删除 152

8.3  小结 153

第9章  设备信息与硬件功能 154

9.1  设备信息 154

9.1.1  获取设备信息 154

9.1.2  网络状态 158

9.1.3  设备电量 160

9.2  硬件功能 161

9.2.1  拨打电话 161

9.2.2  扫码 163

9.2.3  剪贴板 164

9.2.4  震动 166

9.3  小结 167

第10章  后台模拟环境搭建 168

10.1  前后端分离 168

10.2  Postman的安装与使用 169

10.2.1  Postman的安装 169

10.2.2  Postman的使用 171

10.3  json-server的安装与使用 171

10.3.1  json-server的安装与配置 172

10.3.2  第一个json-server程序 174

10.4  实战练习：使用json-server实现

增删改查 175

10.4.1  项目的建立与配置 176

10.4.2  数据的查询与删除 177

10.4.3  数据的新增与编辑 180

10.5  小结 184

第11章  项目实战1：抽签应用 185

11.1  项目起步 185

11.2  项目开发 187

11.2.1  首页开发 187

11.2.2  新增页面开发 190

11.2.3  抽签页面开发 192

11.2.4  我的页面开发 196

11.3  小结 200

第12章  项目实战2：图书商城 201

12.1  项目起步 201

12.1.1  项目设计 201

12.1.2  项目框架搭建 203

12.2  后台环境准备 204

12.2.1  后台环境搭建 205

12.2.2  后台数据创建 205

12.3  项目开发 207

12.3.1  首页开发 208

12.3.2  分类页面开发 212

12.3.3  商品详情页面开发 215

12.3.4  购物车页面开发 218

12.3.5  我的页面开发 221

12.4  小结 224