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

小程序自2017年1月9日正式上線以來，經過將近兩年的發展，市面上已經湧現出了諸多優秀的小程序應用，如：跳一跳、拼多多、摩拜單車和肯德基 等。而在這些小程序應用中，商業價值的則是電商類的小程序應用，借助微信的社交引流再加上小程序“無需安裝、用完即走”的技術賦能，社交電商小程序開闢出了移動互聯網電商市場的新局面。正是基於電商小程序的潛在商業價值和龐大的市場需求，我選擇微信小程序商城這個實戰項目案例為各位讀者詳細講解如何打造一款小而美的電商小程序應用以饕讀者。

本書的編寫思路力求符合程序員自學的路徑，先進行小程序技術知識框架基礎以及核心的由淺入深、由點及面的全面梳理和認知，再結合具體的小程序商城實戰項目案例來綜合實踐前面所學的技術知識點。我沒有選擇太過簡單的小程序項目案例，而是選擇了小程序商城這個經典實用和綜合性強，且極具商業價值的實戰項目來進行講解，這樣能更好地讓自學者對整個小程序項目有一個更高維度的認知和理解，同時該實戰項目又可以很方便地用作實際的互聯網創業或商業項目來落地應用，可謂一舉兩得，兼具學習用途和商業用途。

全書共分三大篇，篇為小程序開發基礎篇，主要講解了小程序概念、市場分析、入門DEMO體驗和框架基礎等，讀者需要重點掌握的是小程序框架基礎知識部分；第二篇為小程序開發高級篇，主要講解了小程序框架組件、API和服務端開發思路，建議讀者快速閱讀框架組件和API部分的知識，形成大致印像即可，知道如何查閱這些技術要點，而對於小程序服務端開發則重點在於理解小程序前後端如何通過接口進行數據交互的開發模式；第三篇為小程序開發實戰篇，我按照項目需求分析、項目數據庫設計、小程序前端程序開發和後端程序開發詳細講解了微信小程序商城應用的完整實戰開發過程，並羅列了具體代碼示例，建議讀者首先對項目需求和數據庫設計形成初步理解之後，再對小程序前端程序開發部分進行具體的學習，小程序前端這塊是該項目的重中之重，也是對前面兩篇技術知識點的綜合運用和實踐。至於小程序後端程序開發部分，如果讀者是專注做前端開發的，建議可以大致了解下後端開發的技術知識，方便以後進行前後端協作開發時的快速溝通和理解開發需求。如果讀者是全棧開發者或是項目經理，建議重點閱讀後端開發這一部分的內容，學習和參考均可。

此外，我還有一個多年學習技術的經驗——“技術學習九字真訣”，也希望在此分享給各位：學習技術，重點掌握該技術的三點，其一為“是什麼”，知道該技術的基本概念，好結合一些具體的生活化的實例來理解抽像的技術知識；其二為“為什麼”，理解該技術的核心原理，是否對技術有深度的認知重點在於是否對該技術的核心原理理解透徹；其三為“怎麼用”，掌握並實際運用該技術是學習技術的終目的和實踐方式，當你知道了該技術怎麼用、用在什麼業務場景時，想必你對技術的掌握就已經達到了一定的高度。

本書讀者對像包括：前端開發工程師、軟件項目經理、微信應用開發者、全棧開發愛好者和計算機軟件相關專業的學生。

在寫作本書的過程中，得到了眾多好友和同行的鼓勵，在此由衷感謝;同時也感謝北京航空航天大學出版社的編輯的全力支持;後感謝家人的理解和支持，讓我能全身心地投入到這本書籍的創造中。謹以此書，獻給自己的寶貝女兒唐悠然，希望她未來能健康快樂、悠然自得。

請到北京航空航天大學出版社官網的“下載專區（隨書資料）”下載本書源碼。