微信小程式開發實戰(2020年人民郵電出版社出版的圖書)

本詞條是多義詞,共4個義項
更多義項 ▼ 收起列表 ▲

《微信小程式開發實戰》是2020年人民郵電出版社出版的圖書。

基本介紹

  • 中文名:微信小程式開發實戰
  • 出版時間:2020年4月
  • 出版社:人民郵電出版社
  • ISBN:9787115533876
內容簡介,圖書目錄,

內容簡介

微信小程式以一種極度輕量化、無處不在、用完即走的方式全面連線到了用戶與服務,在給用戶帶來更好體驗的同時,大幅降低了自身開發的門檻和成本。本書不局限於原生微信小程式開發,還涉及微信生態技術圈中的WePY框架套用、微信小遊戲開發、使用Cocos Creator開發小遊戲等內容,是讀者從微信小程式入門到實戰開發的極佳讀物。 本書實用性強、示例豐富、側重實戰、與新技術結合緊密,可作為剛接觸或即將接觸微信小程式的開發者的指導用書,也適合有微信小程式開發經驗,但還需進一步提升自我能力的開發者使用。

圖書目錄

第 1章 初識微信小程式 1
任務1.1 介紹微信小程式 3
1.1.1 體驗微信小程式 3
1.1.2 微信小程式與其他類型套用的區別 3
1.1.3 微信小程式的發展歷程 4
1.1.4 微信小程式生態 5
1.1.5 微信小程式帶來的機會 6
任務1.2 註冊微信小程式 6
任務1.3 安裝微信開發者工具 9
任務1.4 創建第 一個微信小程式 10
任務1.5 詳解微信開發者工具 12
1.5.1 選單欄 13
1.5.2 工具列 14
1.5.3 模擬器 18
1.5.4 編輯器 19
1.5.5 調試器 19
任務1.6 介紹項目結構 22
1.6.1 project.config.json 23
1.6.2 app.wxss 24
1.6.3 app.json 25
1.6.4 app.js 25
1.6.5 pages 26
1.6.6 utils 26
本章作業 27
第 2章 深入微信小程式 29
任務2.1 詳解配置檔案 31
2.1.1 全局配置 31
2.1.2 頁面配置 35
任務2.2 介紹微信小程式App和Page 36
2.2.1 微信小程式註冊程式函式App( ) 36
2.2.2 頁面註冊函式Page( ) 37
2.2.3 模組化 39
任務2.3 構建用戶界面 40
2.3.1 數據綁定 40
2.3.2 組件屬性綁定 41
2.3.3 關鍵字綁定 41
2.3.4 控制屬性綁定 42
2.3.5 JavaScript表達式 42
任務2.4 項目實戰:祥雲天氣 43
任務2.5 添加列表渲染 47
2.5.1 使用wx:for 47
2.5.2 在block上使用 wx:for 48
2.5.3 wx:key 48
2.5.4 給祥雲天氣微信小程式添加列表 49
任務2.6 添加條件渲染 50
2.6.1 使用wx:if 50
2.6.2 在block上使用wx:if 50
2.6.3 使用hidden 50
2.6.4 使用條件渲染控制圖示顯示 51
任務2.7 添加事件 52
2.7.1 如何綁定事件 52
2.7.2 事件冒泡 52
2.7.3 事件捕獲 53
本章作業 54
第3章 常用組件 55
任務3.1 掌握基本組件的使用 57
3.1.1 圖示組件icon 57
3.1.2 文本組件text 58
3.1.3 富文本組件rich-text 58
3.1.4 進度條組件progress 60
任務3.2 掌握視圖容器組件的使用 62
3.2.1 視圖容器組件view 62
3.2.2 滾動視圖容器組件scroll-view 64
3.2.3 輪播圖組件swiper 65
任務3.3 掌握導航組件的使用 67
3.3.1 navigate 68
3.3.2 redirect 69
3.3.3 switchTab 70
3.3.4 navigateBack 71
任務3.4 掌握媒體組件的使用 71
3.4.1 圖片組件image 72
3.4.2 視頻組件video 74
3.4.3 音頻組件audio 77
任務3.5 掌握地圖組件的使用 79
任務3.6 掌握表單組件的使用 81
3.6.1 button組件 81
3.6.2 checkbox組件 84
3.6.3 input組件 85
3.6.4 label組件 87
3.6.5 picker組件 87
3.6.6 picker-view組件 90
3.6.7 radio組件 91
3.6.8 slider組件 92
3.6.9 switch組件 93
3.6.10 textarea組件 95
3.6.11 form組件 96
任務3.7 使用WeUI構建界面 99
3.7.1 引入WeUI 99
3.7.2 WeUI:cell 100
3.7.3 WeUI:flex布局 101
本章作業 102
第4章 常用API 105
任務4.1 掌握基礎API的使用 107
4.1.1 wx.canIUse 107
4.1.2 獲取系統信息 107
任務4.2 掌握賬號相關API的使用 109
4.2.1 微信小程式登錄 109
4.2.2 獲取用戶信息 111
任務4.3 掌握互動API的使用 112
4.3.1 ActionSheet 112
4.3.2 loading提示框 113
4.3.3 Toast訊息提示框 114
4.3.4 顯示模態框 115
任務4.4 掌握網路請求API的使用 117
4.4.1 wx.request發起請求 117
4.4.2 wx.uploadFile檔案上傳 119
4.4.3 wx.downloadFile檔案下載 119
任務4.5 掌握數據快取API的使用 120
4.5.1 存儲數據 121
4.5.2 獲取數據 121
4.5.3 刪除數據 121
4.5.4 清空數據 122
4.5.5 獲取storage相關信息 122
任務4.6 掌握圖片API的使用 122
4.6.1 wx.chooseImage選擇圖片 122
4.6.2 wx.previewImage 預覽圖片 124
4.6.3 wx.getImageInfo獲取圖片信息 125
4.6.4 wx.saveImageToPhotosAlbum保存圖片到相冊 126
任務4.7 掌握位置接口API的使用 127
4.7.1 wx.getLocation獲取當前位置 127
4.7.2 wx.openLocation查看位置 128
4.7.3 wx.chooseLocation選擇位置 130
任務4.8 掌握轉發API的使用 132
4.8.1 onShareAppMessage事件 132
4.8.2 wx.showShareMenu 133
4.8.3 wx.getShareInfo 133
任務4.9 掌握檔案API的使用 134
4.9.1 wx.saveFile 134
4.9.2 wx.getSavedFileInfo 135
4.9.3 wx.getSavedFileList 136
4.9.4 wx.removeSavedFile 136
4.9.5 wx.getFileInfo 137
任務4.10 掌握設備API的使用 137
4.10.1 撥打電話 137
4.10.2 掃一掃 138
4.10.3 搖一搖換圖 139
4.10.4 我的KEEP運動 140
本章作業 145
第5章 綜合案例:豆瓣電影 147
任務5.1 學習微信小程式雲開發 149
5.1.1 創建雲開發微信小程式 149
5.1.2 開通雲開發 150
5.1.3 雲開發控制台 150
5.1.4 雲資料庫 151
5.1.5 雲存儲 156
5.1.6 雲函式 157
任務5.2 豆瓣電影項目初始化 159
5.2.1 需求分析 161
5.2.2 創建項目 162
5.2.3 創建資料庫 162
任務5.3 創建引導頁 163
5.3.1 輪播圖模組 163
5.3.2 倒計時模組 163
5.3.3 跳轉到首頁 164
5.3.4 完整代碼 164
任務5.4 創建首頁 165
5.4.1 判斷引導頁顯示狀態 165
5.4.2 請求首頁數據 166
5.4.3 首頁頁面布局 167
任務5.5 創建電影列表頁 169
5.5.1 請求電影列表數據 169
5.5.2 使用模板 170
任務5.6 創建電影詳情頁 171
5.6.1 請求電影詳情頁數據 171
5.6.2 添加載入狀態 172
5.6.3 設定用戶轉發 173
任務5.7 創建搜尋頁 173
任務5.8 創建“我的”頁面 176
5.8.1 配置標籤導航 176
5.8.2 實現“我的”頁面 177
任務5.9 發布上線 179
5.9.1 上傳代碼 179
5.9.2 提交審核 179
5.9.3 訪問微信小程式 181
本章作業 181
第6章 使用WePY開發微信小程式 183
任務6.1 使用WePY創建項目 185
6.1.1 WePY和其他框架的對比 185
6.1.2 安裝WePY並創建項目 185
6.1.3 使用微信開發者工具調試微信小程式 187
6.1.4 開發注意事項 187
6.1.5 配置編輯器 189
任務6.2 學習WePY框架的基礎 189
6.2.1 .wpy檔案說明 190
6.2.2 微信小程式入口app.wpy 190
6.2.3 頁面 191
6.2.4 組件 192
任務6.3 學習WePY框架的核心 193
6.3.1 數據綁定 193
6.3.2 計算屬性 194
6.3.3 props傳值 194
6.3.4 循環渲染 196
6.3.5 事件綁定 197
任務6.4 使用WePY開發小豬基金 198
6.4.1 項目介紹 198
6.4.2 需求分析 198
6.4.3 項目創建 198
6.4.4 實現首頁頁面布局 199
任務6.5 使用wx-charts實現圖表 201
6.5.1 介紹wx-charts 201
6.5.2 獲取wx-charts 202
6.5.3 使用wx-charts 202
任務6.6 實現小豬基金詳情頁 205
6.6.1 完成詳情頁頭部布局 205
6.6.2 完成詳情頁圖表 205
本章作業 207
第7章 微信小遊戲開發 209
任務7.1 介紹微信小遊戲 211
7.1.1 什麼是微信小遊戲 211
7.1.2 微信小遊戲的發展歷史 211
7.1.3 微信小遊戲和H5遊戲的對比 211
7.1.4 第 一個微信小遊戲 212
7.1.5 真機預覽 213
任務7.2 學習微信小遊戲開發基礎 213
7.2.1 目錄結構詳解 213
7.2.2 微信小遊戲配置 214
7.2.3 創建畫布 215
7.2.4 繪製文本 215
7.2.5 繪製圖像 216
任務7.3 學習微信小遊戲開發核心 216
7.3.1 創建多個Canvas 216
7.3.2 實現動畫 217
7.3.3 觸摸事件 218
7.3.4 全局對象 219
任務7.4 開發微信小遊戲:海底大闖關-1 219
7.4.1 項目介紹 219
7.4.2 開發流程 220
7.4.3 項目創建 221
7.4.4 創建databus檔案 221
7.4.5 創建遊戲主類 222
7.4.6 創建海底背景類 222
7.4.7 創建海底 223
7.4.8 添加開始按鈕 224
任務7.5 開發微信小遊戲:海底大闖關-2 224
7.5.1 添加小魚 224
7.5.2 在頁面中顯示元素 225
7.5.3 添加漁網 227
7.5.4 碰撞檢測 229
7.5.5 添加分數 230
7.5.6 結束和重新開始 231
7.5.7 添加音效 232
任務7.6 微信小遊戲發布 233
7.6.1 上傳代碼 233
7.6.2 提交審核 233
本章作業 234
第8章 使用Cocos Creator開發微信小遊戲 235
任務8.1 介紹Cocos Creator 237
8.1.1 安裝 237
8.1.2 使用Dashboard 238
8.1.3 第 一個項目 239
8.1.4 場景預覽 240
8.1.5 項目結構 241
任務8.2 學習編輯器基礎 242
8.2.1 資源管理器 242
8.2.2 層級管理器 243
8.2.3 場景編輯器 244
8.2.4 屬性檢查器 246
8.2.5 控制項庫 248
8.2.6 動畫編輯器 248
任務8.3 遊戲開發實戰1:項目創建 249
8.3.1 初始化項目 249
8.3.2 創建遊戲場景 249
8.3.3 添加背景 250
8.3.4 添加地面 251
任務8.4 遊戲開發實戰2:添加主角 251
8.4.1 添加主角 251
8.4.2 編寫主角腳本 252
8.4.3 跳躍和移動 254
8.4.4 移動控制 255
任務8.5 遊戲開發實戰3:添加糖果 257
8.5.1 製作糖果 257
8.5.2 添加遊戲控制腳本 258
8.5.3 隨機生成糖果 260
8.5.4 主角收集糖果 261
任務8.6 遊戲開發實戰4:遊戲邏輯實現 262
8.6.1 添加得分 262
8.6.2 得分邏輯實現 263
8.6.3 失敗判定和重新開始 264
8.6.4 添加音效 265
任務8.7 發布到微信小遊戲平台 267

相關詞條

熱門詞條

聯絡我們