微信小程序開發解析

第1章 概論 1

1.1 認識微信小程序 1

1.2 微信小程序官方文檔 2

1.3 下載微信小程序開發工具 3

1.4 使用微信小程序開發工具 4

1.5 授權微信小程序開發者 8

1.6 微信小程序開發工具特別關註點 9

1.6.1 真機調試功能 9

1.6.2 清除緩存功能 11

1.6.3 上傳微信小程序 12

1.6.4 微信小程序體驗版 13

1.6.5 “詳情”功能 15

第2章 小程序基礎知識 18

2.1 微信小程序開發與網頁開發的區別 18

2.2 微信小程序的組成 18

2.2.1 JSON配置文件 18

2.2.2 視圖層 23

2.2.3 邏輯層 24

2.3 程序與頁面 25

第3章 小程序框架 28

3.1 新建項目 28

3.2 程序清單 28

3.2.1 app.js 28

3.2.2 app.json 29

3.2.3 index.js 29

3.3 響應式數據綁定 30

3.4 邏輯層 32

3.4.1 App方法 32

3.4.2 Page方法 34

3.4.3 getApp方法 37

3.4.4 getCurrentPages方法 37

3.4.5 模塊 37

3.5 視圖層 39

3.5.1 WXML 39

3.5.2 條件渲染 43

3.5.3 模板 43

3.5.4 WXSS 46

3.5.5 內聯樣式 47

3.5.6 選擇器 48

3.6 事件 49

3.6.1 簡單事件 49

3.6.2 事件參數 50

3.6.3 事件傳參 51

3.6.4 事件綁定 52

3.6.5 事件冒泡 56

3.6.6 互斥事件 60

3.6.7 事件的捕獲階段 63

3.6.8 事件對象 66

3.6.9 target與currentTarget 68

第4章 小程序組件 72

4.1 概述 72

4.2 視圖容器組件 73

4.2.1 scroll-view組件 73

4.2.2 share-element與page-container組件 76

4.2.3 swiper與swiper-item組件 79

4.2.4 view組件 81

4.3 基礎內容組件 82

4.3.1 icon組件 83

4.3.2 progress組件 85

4.3.3 rich-text組件 86

4.3.4 text組件 89

4.4 表單組件 92

4.4.1 form組件 93

4.4.2 input組件 96

4.4.3 textarea組件 98

4.4.4 checkbox組件 100

4.4.5 switch組件 102

4.4.6 radio組件 103

4.4.7 keyboard-accessory組件 104

4.4.8 label組件 105

4.4.9 slider組件 106

4.5 導航組件 108

4.6 媒體組件 112

4.6.1 audio組件 112

4.6.2 camera組件 117

4.6.3 image組件 119

4.6.4 video組件 122

4.7 地圖組件 127

第5章 小程序自定義組件 131

5.1 創建自定義組件 131

5.2 引用頁面 136

5.3 程序解讀 138

5.3.1 引用自定義組件 139

5.3.2 slot 139

5.3.3 自定義組件樣式 141

5.3.4 自定義組件事件 141

第6章 小程序API 143

6.1 基礎API 143

6.1.1 boolean wx.canIUse(string schema) 143

6.1.2 Object wx.getSystemInfoSync() 143

6.1.3 更新微信小程序版本 145

6.1.4 更新微信版本 148

6.2 網絡API 149

6.2.1 wx.request 149

6.2.2 wx.uploadFile 156

6.2.3 wx.downloadFile 160

6.2.4 WebSocket 162

6.3 數據API 168

6.4 位置API 174

6.5 設備API 178

第7章 小程序支付 182

7.1 微信小程序支付相關知識點 182

7.2 開發步驟 182

7.2.1 獲取openid 183

7.2.2 調用“統一下單API”獲取prepay_id 190

7.2.3 再次簽名 193

7.2.4 調用微信支付功能 195

7.3 程序清單 196

7.3.1 服務端 196

7.3.2 小程序端 202

第8章 小程序商城 204

8.1 項目概述 204

8.2 數據庫設計 205

8.3 “商品列表展示”頁面 207

8.4 “商品詳情展示”頁面 221

8.5 tabBar 235

8.6 “購物車”頁面 237

8.7 獲取openid 245

8.8 程序清單 245

8.8.1 小程序端 245

8.8.2 服務端 259

8.8.3 數據庫 266

第9章 小程序客服 270

9.1 網頁版小程序客服 270

9.2 移動端小程序客服 273

9.3 調用客服消息接口發送消息 275

9.4 消息轉發給客服人員 279

9.5 消息轉發給指定客服人員 279

9.6 發送客服消息 281