全棧式微信小程序雲開發實戰

孫芳
遼寧師範大學計算機與信息技術學院副教授，CCF計算機應用專委委員，遼寧省大連市西崗區智慧聯盟特聘專家。
常年從事高校計算機軟件工程、課程設計等課程的一線教學工作，並具有多年海外跨國公司IT工作經驗，出版多部教材，主持並參與多項***課題。

第1章概述1
1.1小程序1
1.1.1小程序的特點1
1.1.2小程序的應用場景2
1.1.3小程序的開發流程及運行機制3
1.1.4常用開發工具4
1.2小程序全棧開發模式5
本章小結6
習題7

第2章一個小程序云開發8
2.1搭建小程序開發環境8
2.1.1註冊小程序8
2.1.2安裝微信*發者工具10
2.1.3微信*發者工具介紹11
2.2一個雲開發小程序13
2.2.1項目介紹13
2.2.2目錄結構簡介16
2.2.3部署雲函數16
2.2.4創建小程序頁面18
本章小結21
習題21

第3章小程序基礎知識22
3.1 JSON配置文件22
3.1.1 app.json 22
3.1.2 project.config.json 27
3.1.3 sitemap.json 28
3.1.4 page.json 31
3.2 WXML模板文件32
3.2.1數據綁定32
3.2.2列表渲染35
3.2 .3條件渲染36
3.2.4模板37
3.2.5引用39
3.2.6事件40
3.3 WXS小程序腳本文件43
3.3.1 WXS文件的創建43
3.3.2 WXS構成44
3.4 WXSS樣式文件52
3.4.1尺寸單位52
3.4.2樣式引入53
3.4.3內聯樣式53
3.4.4選擇器54
3.4.5選擇器的優先級54
3.5 JS頁面邏輯文件54
3.5.1程序構造器55
3.5.2程序的生命週期和打開場景55
3.5 .3頁面的構造器和生命週期56
本章小結58
習題59

第4章小程序組件60
4.1組件的使用方法60
4.1.1組件的共同屬性60
4.1.2組件的屬性類型61
4.2視圖容器組件61
4.2. 1 view組件61
4.2.2 scroll-view組件63
4.2.3 swiper組件65
4.2.4 movable-view組件67
4.2.5 cover-view組件69
4.3基礎內容組件71
4.3.1 icon組件71
4.3.2 tet組件72
4.3.3 rich-tet組件72
4.3.4 progress組件74
4.4表單組件75
4.4.1 button組件75
4.4.2 radio組件78
4.4.3 checkbo組件79
4.4.4 switch組件80
4.4.5 slider組件82
4.4. 6 label組件83
4.4.7 picker組件86
4.4.8 picker-view組件94
4.4.9 input組件96
4.4.10 tetarea組件99
4.4.11 form組件101
4.5導航組件102
4.6媒體組件105
4.6.1 image組件105
4.6.2 video組件107
4.7地圖組件111
4.8畫布組件116
4.9開放功能組件118
4.9.1 open-data組件118
4.9.2 web-view組件119
4.10自定義組件119
4.10.1實現popup自定義組件119
4.10 .2使用popup自定義組件121
4.10.3詳解自定義組件122
4.10.4實現tabBar自定義組件129
本章小結133
習題134

第5章小程序API 136
5.1網絡136
5.1.1發起HTTPS請求137
5.1.2文件的上傳、下載138
5.1.3 WebSocket 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 w.setStorage 154
5.3.2 w.setStorageSync 155
5.3.3 w.getStorage 155
5.3.4 w.getStorageSync 156
5.3.5 w.removeStorage 156
5.3.6 w .removeStorage-Sync 156
5.3.7 w.clearStorage 157
5.3.8 w.clearStorageSync 157
5.3.9 w.getStorageInfo 157
5.3.10 w.getStorageInfo-Sync 157
5.4位置158
5.4.1獲取當前位置API 158
5.4.2監聽實時地理位置變化API 161
本章小結162
習題162

第6章云開發164
6.1雲開發能力介紹164
6.1.1雲函數164
6.1.2數據庫170
6.1.3文件存儲178
6.2雲開發應用小實例——新聞列表小程序182
6.2.1項目功能182
6.2.2創建項目及項目結構183
6.2.3新聞列表頁184
6.2.4新聞發布頁187
6.2.5 tabBar設計189
6.2.6數據庫設計189
6.2.7雲函數190
6.2.8新聞列表頁的邏輯層190
6.2. 9新聞發布頁的邏輯層191
本章小結193
習題194

第7章綜合實例——果茶店小程序195
7.1項目介紹195
7.1.1簡介195
7.1.2功能規劃196
7.2整體設計197
7.2.1系統架構197
7.2 .2整體目錄結構197
7.2.3數據存儲設計199
7.2.4數據庫權限202
7.2.5雲存儲設計202
7.2.6雲存儲權限設計203
7.3雲函數的編程實現203
7.3.1購物車雲函數cart 203
7.3.2獲取用戶信息雲函數login 204
7.3.3獲取訂單信息雲函數order 204
7.4小程序端的編程實現205
7.4.1創建項目結構205
7.4.2首頁206
7.4.3訂單頁面224
7.4.4購物車頁面230
7.4.5 “我的”頁面236
7.5小程序的發布237
7.5.1項目上傳237
7.5.2提交審核238
本章小結240
習題240

附錄A調試242
附錄B雲開發資源環境與配額249
附錄C雲開發資源的使用250