《微信小程序商城開發實戰》筆者的新書，歡迎各位粉絲上京東購買

 

做者圖書京東連接，請點擊：

**微信小程序商城開發實戰**

編輯推薦

在當今移動互聯網大潮中，微信應用憑藉其龐大的用戶基數和極強的用戶黏性緊緊地佔據着移動App應用的頭把交椅之位，據相關統計，微信月活躍用戶已達10億之多，且佔據着中國用戶30%以上的應用時間，微信已是當之無愧的超級App。隨之誕生的微信小程序商城，背靠微信這棵大樹，將成爲下一個備受矚目的焦點，本書將帶你一站式開發微信小程序商城，打造本身的商城。

 

內容簡介

本書分三篇，系統地介紹了小程序開發基礎、核心框架和商城項目實戰。第一篇爲基礎篇，包括小程序入門和小程序框架等基礎知識；第二篇爲高級篇，包括小程序框架組件、小程序框架API和小程序服務端開發思路等相關知識；第三篇爲實戰篇，包括小程序商城需求分析和數據庫設計、小程序商城前端程序開發和小程序商城後端程序開發等商城項目實戰開發內容。本書由淺入深、按部就班地講解技術知識，藉助豐富的圖表示例以及詳實的代碼說明，帶領讀者從0到1全面認知微信小程序實戰項目開發，讀者只需紮實理解和具體實踐，便可快速開發出微信小程序商城這個具商業價值的應用。

本書適合對微信小程序開發感興趣的讀者自學，同時可供小程序開發人員、前端開發者、培訓機構和企業內訓使用。

 

前言/序言

在當今移動互聯網大潮中，微信應用憑藉其龐大的用戶基數和極強的用戶黏性緊緊地佔據着移動App應用的頭把交椅之位，據相關統計，微信月活躍用戶已達10億之多，且佔據着中國用戶30%以上的應用時間，微信已是當之無愧的超級App。大樹底下好乘涼，含着金鑰匙誕生的微信小程序，背靠微信這棵大樹，從微信官方首次透露之日起，就受到了廣大用戶和開發者的重點關注。

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

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

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

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

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

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

 

 

做者簡介

唐磊，武漢信真科技創始人，前後在東軟集團、神州數碼和北京尋未科技任職，承擔過銀行業務系統、訂單管理系統以及移動互聯網醫療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