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