全棧式微信小程序雲開發實戰（第2版 微課版）

孫芳，碩士生導師，遼寧師範大學副教授，CCF計算機應用專業委員會委員，大連市數字大連建設專家咨詢委員會專家。常年從事高校計算機專業課程的一線教學工作，並具有多年海外跨國公司IT工作經驗，主要從事軟件工程、智能信息處理、多媒體信息安全等方面的研究。出版《Vue3企業級應用開發實戰（微課版）》《全棧式微信小程序雲開發實戰》《JavaWeb高級編程視頻教程》等多部教材。發表多篇SCI論文，主持並參與多項省部級課題。

【章名目錄】

第 1章　概述

第 2章　第 一個小程序

第3章　小程序基礎知識

第4章　小程序組件

第5章　小程序API

第6章　雲開發

第7章　綜合案例——果茶店小程序

【詳細目錄】

第 1章　概述

1.1　小程序　1

1.1.1　小程序的特點　1

1.1.2　小程序的應用場景　2

1.1.3　小程序的開發流程及運行機制　3

1.1.4　常用開發工具　4

1.2　小程序全棧開發模式　5

本章小結　7

習題　7

第 2章 第 一個小程序

2.1　搭建小程序開發環境　8

2.1.1　註冊小程序　8

2.1.2　安裝微信開發者工具　9

2.1.3　微信開發者工具介紹　11

2.2　創建第 一個微信小程序　12

2.2.1　項目介紹　12

2.2.2　目錄結構簡介　13

2.2.3　創建小程序頁面　14

本章小結　16

習題　16

第3章　小程序基礎知識

3.1　JSON配置文件　17

3.1.1　app.json　17

3.1.2　project.config.json　22

3.1.3　sitemap.json　24

3.1.4　page.json　27

3.2　WXML模板文件　28

3.2.1　數據綁定　28

3.2.2　列表渲染　32

3.2.3　條件渲染　34

3.2.4　模板　35

3.2.5　引用　36

3.2.6　事件　38

3.3　WXSS樣式文件　44

3.3.1　尺寸單位　44

3.3.2　樣式引入　44

3.3.3　內聯樣式　45

3.3.4　選擇器　45

3.3.5　選擇器的優先級　45

3.4　JS頁面邏輯文件　46

3.4.1　程序構造器　46

3.4.2　程序的生命周期和打開場景　47

3.4.3　頁面的構造器和生命周期　48

本章小結　50

習題　51

第4章　小程序組件

4.1　組件的使用方法　53

4.1.1　組件的共同屬性　53

4.1.2　組件的屬性類型　54

4.2　視圖容器組件　54

4.2.1　view組件　54

4.2.2　scroll-view組件　55

4.2.3　swiper組件　59

4.2.4　movable-view組件　60

4.2.5　cover-view組件　63

4.3　基礎內容組件　64

4.3.1　icon組件　64

4.3.2　text組件　65

4.3.3　rich-text組件　66

4.3.4　progress組件　68

4.4　表單組件　69

4.4.1　button組件　69

4.4.2　radio組件　72

4.4.3　checkbox組件　74

4.4.4　switch組件　75

4.4.5　slider組件　76

4.4.6　label組件　78

4.4.7　picker組件　81

4.4.8　picker-view組件　90

4.4.9　input組件　92

4.4.10　textarea組件　94

4.4.11　form組件　97

4.5　導航組件　98

4.6　媒體組件　101

4.6.1　image組件　101

4.6.2　video組件　103

4.7　地圖組件　108

4.8　畫布組件　113

4.9　自定義組件　115

4.9.1　實現popup自定義組件　115

4.9.2　使用popup自定義組件　117

4.9.3　詳解自定義組件　118

4.9.4　實現tabBar自定義組件　126

4.10　TDesign組件庫　130

4.10.1　引入TDesign　130

4.10.2　使用TDesign　131

本章小結　134

習題　135

第5章　小程序API

5.1　網絡　137

5.1.1　HTTPS請求（wx.request）　138

5.1.2　文件的上傳、下載　140

5.2　媒體　143

5.2.1　音頻　143

5.2.2　視頻　146

5.2.3　相機　149

5.2.4　圖片　151

5.3　緩存　154

5.3.1　wx.setStorage　154

5.3.2　wx.setStorageSync　155

5.3.3　wx.getStorage　155

5.3.4　wx.getStorageSync　156

5.3.5　wx.removeStorage　156

5.3.6　wx.removeStorageSync　157

5.3.7　wx.clearStorage　157

5.3.8　wx.clearStorageSync　157

5.3.9　wx.getStorageInfo　157

5.3.10　wx.getStorageInfoSync　158

5.4　位置　158

5.4.1　獲取當前位置API　158

5.4.2　監聽實時地理位置變化API　162

本章小結　164

習題　164

第6章　雲開發

6.1　雲開發能力介紹　165

6.1.1　雲開發環境的創建及配置　165

6.1.2　雲函數　167

6.1.3　數據庫　172

6.1.4　文件存儲　181

6.2　雲開發應用小案例——中華詩詞小程序　185

6.2.1　項目功能　185

6.2.2　創建項目及項目結構　186

6.2.3　詩詞列表頁　186

6.2.4　詩詞發布頁　190

6.2.5　tabBar設計　191

6.2.6　數據庫設計　192

6.2.7　雲函數　193

6.2.8　詩詞列表頁的邏輯層　193

6.2.9　詩詞發布頁的邏輯層　194

本章小結　197

習題　197

第7章　綜合案例——果茶店小程序

7.1　項目介紹　199

7.1.1　簡介　199

7.1.2　功能規劃　200

7.2　整體設計　201

7.2.1　系統架構　201

7.2.2　整體目錄結構　201

7.2.3　數據存儲設計　202

7.2.4　數據庫權限　205

7.2.5　雲存儲設計　206

7.2.6　雲存儲權限設計　206

7.3　雲函數的編程實現　206

7.3.1　購物車雲函數cart　207

7.3.2　獲取用戶信息雲函數login　207

7.3.3　獲取訂單信息雲函數order　208

7.4　小程序端的編程實現　209

7.4.1　創建項目結構　209

7.4.2　首頁　209

7.4.3　訂單頁面　230

7.4.4　購物車頁面　236

7.4.5 “我的”頁面　242

7.5　小程序的發布　244

7.5.1　項目上傳　244

7.5.2　提交審核　245

本章小結　246

習題　247

附錄A　調試

A.1　模擬器調試　248

A.2　真機調試　252

附錄B　雲開發資源環境與配額

附錄C　雲開發資源的使用