小程序開發基礎篇第1章初識小程序21.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