本書分三篇，系統地介紹了小程式開發基礎、核心框架和商城專案實戰。第一篇為基礎篇，包括小程式入門和小程式框架等基礎知識；第二篇為高級篇，包括小程式框架元件、小程式框架API和小程式服務端開發思路等相關知識；第三篇為實戰篇，包括小程式商城需求分析和資料庫設計、小程式商城前端程式開發和小程式商城後端程式開發等商城專案實戰開發內容。本書由淺入深、循序漸進地講解技術知識，借助豐富的圖表示例以及詳實的代碼說明，帶領讀者從0到1全面認知微信小程式實戰專案開發，讀者只需紮實理解和具體實踐，即可快速開發出微信小程式商城這個具商業價值的應用。
 
本書適合對微信小程式開發感興趣的讀者自學，同時可供小程式開發人員、前端開發者、培訓機構和企業內訓使用。

唐磊，武漢信真科技創始人，先後在東軟集團、神州數碼和北京尋未科技任職，承擔過銀行業務系統、訂單管理系統以及移動互聯網醫療App等大型專案研發工作，擁有超過8年的一線程式設計實戰和架構經驗。

小程式開發基礎篇
第1章初識小程式2
1.1小程式概述2
1.2什麼是小程式2
1.3小程式的優劣勢4
1.4小程式市場前景4
1.5小程式商業價值分析5
第2章小程式入門10
2.1開發前的準備10
2.1.1註冊微信公眾平臺成為開發者11
2.1.2開發工具下載與安裝17
2.2體驗第一個小程式20
2.2.1開發模式選擇20
2.2.2創建Hello World小程式21
2.2.3如何獲取小程式AppID23
2.3微信開發者工具使用介紹24
2.3.1開發工具介面圖解24
2.3.2小程式調試工具27
2.3.3如何預覽小程式31
2.3.4上傳和發佈小程式32
第3章小程式框架基礎35
3.1理解小程式開發框架35
3.1.1小程式框架原理35
3.1.2小程式目錄結構和檔構成37
3.1.3小程式配置38
3.1.4小程式運行和載入機制41
3.1.5小程式生命週期和執行緒架構42
3.2WXML:小程式版HTML43
3.2.1標籤與屬性43
3.2.2數據綁定45
3.2.3條件渲染50
3.2.4列表渲染50
3.2.5範本、引用和事件53
3.2.6WXML與HTML的區別58
3.3WXSS:小程式版CSS58
3.3.1選擇器與優先順序59
3.3.2盒子模型60
3.3.3內聯樣式61
3.3.4尺寸單位與樣式導入62
3.3.5WXSS與CSS的區別63
3.4WXS:小程式版JavaScript63
3.4.1小程式JavaScript63
3.4.2同步和非同步64
3.4.3模組化65
 
小程式開發高級篇
第4章小程式框架元件69
4.1視圖容器組件69
4.1.1視圖容器69
4.1.2可滾動視圖區域71
4.1.3滑塊視圖容器74
4.1.4可移動視圖容器77
4.1.5覆蓋在原生元件上的文本視圖80
4.1.6覆蓋在原生元件上的圖片視圖80
4.2基礎內容元件83
4.2.1圖示83
4.2.2文本85
4.2.3富文本87
4.2.4進度條88
4.3表單組件89
4.3.1按鈕89
4.3.2多項選擇器93
4.3.3表單94
4.3.4輸入框96
4.3.5標籤100
4.3.6滾動選擇器104
4.3.7單項選擇器116
4.3.8滑動選擇器118
4.3.9開關選擇器120
4.3.10多行輸入框121
4.4導航組件123
4.4.1頁面導航123
4.4.2功能頁導航125
4.5媒體組件127
4.5.1音訊127
4.5.2圖片129
4.5.3視頻135
4.5.4相機139
4.5.5即時音視頻播放140
4.5.6即時音視頻錄製143
4.6地圖組件145
4.7畫布組件148
4.8開放能力組件151
4.8.1開放數據151
4.8.2網頁容器151
4.8.3廣告152
4.8.4公眾號關注153
 
第5章小程式框架API154
5.1網路API155
5.1.1發起請求155
5.1.2上傳下載156
5.1.3長連接WebSocket158
5.2媒體API160
5.2.1音視頻160
5.2.2圖片166
5.2.3錄音170
5.3文件API172
5.4數據緩存API176
5.5位置API180
5.6設備API182
5.6.1加速計、藍牙、羅盤182
5.6.2電量、性能、螢幕184
5.6.3連絡人、電話、掃碼186
5.7介面API187
5.7.1動畫187
5.7.2交互190
5.7.3巡覽列193
5.7.4置頂、滾動、下拉刷新194
5.8開放介面API196
5.8.1授權、登錄、使用者資訊196
5.8.2微信支付201
5.8.3範本消息、統一服務消息203
5.9其他API207
5.9.1基礎207
5.9.2轉發207
5.9.3系統資訊209
 
第6章小程式服務端開發思路211
6.1服務端開發語言和框架選擇建議211
6.1.1開發語言和框架的選擇211
6.1.2新選擇——小程式•雲開發213
6.2資料庫設計思路214
6.2.1小程式專案資料庫選型214
6.2.2資料庫設計方法和建議216
6.3服務端介面開發思路217
6.3.1RESTful API介紹217
6.3.2後端API開發技巧和建議218
6.4服務端後臺管理系統開發思路219
6.4.1後臺管理系統頁面設計建議219
6.4.2後臺管理系統功能開發注意要點220
 
小程式開發實戰篇
第7章小程式商城需求分析和資料庫設計223
7.1專案需求分析223
7.1.1專案背景概述223
7.1.2業務需求分析223
7.1.3產品需求分析225
7.1.4產品結構圖228
7.2專案資料庫設計229
7.2.1資料庫設計概述229
7.2.2資料庫表結構設計230
第8章小程式商城前端程式開發237
8.1小程式商城前端頁面開發概述237
8.2專案全域基礎模組代碼清單237
8.2.1全域入口 app.js237
8.2.2全域配置app.json241
8.2.3全域樣式 app.wxss243
8.2.4專案配置 project.config.json244
8.3首頁代碼清單245
8.3.1wxml範本代碼246
8.3.2wxss樣式代碼247
8.3.3js邏輯代碼257
8.3.4json配置代碼261
8.4商品分類頁代碼清單261
8.4.1wxml代碼262
8.4.2wxss樣式代碼263
8.4.3js邏輯代碼267
8.4.4json配置代碼269
8.5商品詳情頁代碼清單270
8.5.1wxml範本代碼270
8.5.2wxss樣式代碼272
8.5.3js邏輯代碼290
8.5.4json配置代碼300
8.6購物車頁代碼清單300
8.6.1wxml範本代碼300
8.6.2wxss樣式代碼302
8.6.3js邏輯代碼311
8.6.4json配置代碼317
8.7訂單確認頁代碼清單317
8.7.1wxml範本代碼318
8.7.2wxss樣式代碼320
8.7.3js邏輯代碼328
8.7.4json配置代碼333
8.8訂單詳情頁代碼清單333
8.8.1wxml範本代碼333
8.8.2wxss樣式代碼335
8.8.3js邏輯代碼341
8.8.4json配置代碼343
8.9位址管理頁代碼清單343
8.9.1wxml範本代碼343
8.9.2wxss樣式代碼344
8.9.3js邏輯代碼346
8.9.4json配置代碼350
8.10保存位址頁代碼清單350
8.10.1wxml範本代碼351
8.10.2wxss樣式代碼352
8.10.3js邏輯代碼353
8.10.4json配置代碼358
8.11優惠券頁代碼清單358
8.11.1wxml範本代碼359
8.11.2wxss樣式代碼359
8.11.3js邏輯代碼363
8.11.4json配置代碼365
8.12個人中心頁代碼清單365
8.12.1wxml範本代碼366
8.12.2wxss樣式代碼367
8.12.3js邏輯代碼371
8.12.4json配置代碼374
8.13我的訂單清單頁代碼清單374
8.13.1wxml範本代碼375
8.13.2wxss樣式代碼376
8.13.3js邏輯代碼379
8.13.4json配置代碼387
8.14搜尋網頁代碼清單387
8.14.1wxml範本代碼388
8.14.2wxss樣式代碼389
8.14.3js邏輯代碼391
8.14.4json配置代碼394
第9章小程式商城後端程式開發395
9.1小程式商城後端介面開發概述395
9.2小程式後端介面開發395
9.2.1介面公共父類代碼清單395
9.2.2登錄介面代碼清單399
9.2.3首頁介面代碼清單405
9.2.4商品分類介面代碼清單407
9.2.5商品介面代碼清單409
9.2.6購物車介面代碼清單417
9.2.7訂單介面代碼清單425
9.2.8下單結算介面代碼清單434
9.2.9微信支付介面代碼清單449
9.2.10位址介面代碼清單454
9.2.11優惠券介面代碼清單460
9.2.12使用者介面代碼清單463
9.3項目小結474
參考文獻475