本書是一本以微信小程序開發(fā)平臺為基礎(chǔ)的從入門到精通的項目化任務(wù)教程。第1章介紹微信小程序的基本概念;第2章介紹小程序的邏輯層,包括小程序的全局配置文件、小程序的tabBar屬性、小程序的邏輯文件、小程序的生命周期執(zhí)行順序、setData視圖渲染、變量和函數(shù)的作用域及模塊化;第3章介紹小程序的視圖層,設(shè)計了20個實戰(zhàn)案例,用于詳細講解小程序視圖層的相關(guān)知識;第4章介紹flex布局的相關(guān)知識,包括flex布局的基本概念、容器屬性和項目屬性,并且通過實戰(zhàn)案例鞏固相關(guān)知識;第5章介紹小程序組件的相關(guān)知識,包括視圖容器組件、基礎(chǔ)內(nèi)容組件、表單組件、導(dǎo)航組件、媒體組件、地圖組件和畫布組件;第6章介紹API的相關(guān)知識,包括文件傳輸、媒體API、文件操作、數(shù)據(jù)緩存、地圖和位置、設(shè)備API、界面API和繪畫API;第7章介紹一個實戰(zhàn)案例——中國國旅微信小程序。本書不僅可以作為技工學(xué)院和高職院校計算機應(yīng)用技術(shù)、移動互聯(lián)應(yīng)用技術(shù)、計算機網(wǎng)絡(luò)技術(shù)、云計算技術(shù)與應(yīng)用等專業(yè)的教材,還可以作為微信小程序開發(fā)愛好者的參考用書。
郭偉,南京大學(xué)軟件工程碩士,副高職稱,就職于深圳鵬城技師學(xué)院,主持深圳鵬城技師學(xué)院物流管理、電子商務(wù)、管理信息化應(yīng)用、移動互聯(lián)網(wǎng)應(yīng)用專業(yè)等建設(shè)工作。畢業(yè)生廣泛就業(yè)于深圳的區(qū)域經(jīng)濟的知名企業(yè),深受行業(yè)好評。擔(dān)任國家職業(yè)資格鑒定電子商務(wù)運營、商品營業(yè)員、收銀員工種高級考評員。個人獲得個人著作權(quán)專利10項、帶領(lǐng)學(xué)生參加各類技能競賽獲獎30余項。
目錄
第1章 微信小程序入門 1
1.1 微信小程序概述 1
1.2 注冊小程序賬號 3
1.3 小程序信息的完善 8
1.4 小程序AppID 12
1.5 小程序的開發(fā)工具 13
1.6 開發(fā)者工具界面 16
1.7 第一個微信小程序 22
第2章 小程序的邏輯層 25
2.1 小程序的全局配置文件 25
2.2 小程序的tabBar屬性 28
2.3 小程序的邏輯文件 32
2.4 小程序的生命周期執(zhí)行順序 37
2.5 setData視圖渲染 43
2.6 變量和函數(shù)的作用域及模塊化 45
第3章 小程序的視圖層 50
3.1 小程序的數(shù)據(jù)綁定和事件綁定 50
3.2 成績等級計算器 52
3.3 列表渲染 54
3.4 九九乘法表 56
3.5 條件渲染 58
3.6 選擇先行示范區(qū) 60
3.7 實現(xiàn)分段函數(shù) 64
3.8 成績計算器 66
3.9 遞歸求和計算器 69
3.10 隨機數(shù)求和 72
3.11 簡單模板的定義及應(yīng)用 76
3.12 復(fù)雜模板的定義及應(yīng)用 78
3.13 事件綁定 83
3.14 小貓叫 86
3.15 溫度轉(zhuǎn)換計 88
3.16 事件冒泡與事件捕獲 90
3.17 小程序include引用文件 94
3.18 旅游攻略 95
3.19 WXSS 99
3.20 字體樣式設(shè)置 102
第4章 flex布局 104
4.1 flex布局的基本概念 104
4.2 容器屬性 106
4.2.1 flex-direction屬性 107
4.2.2 flex-wrap屬性 109
4.2.3 justify-content屬性 111
4.2.4 align-items屬性 114
4.2.5 align-content屬性 117
4.3 項目屬性 122
4.3.1 order屬性 122
4.3.2 flex-shrink屬性 124
4.3.3 flex-grow屬性 127
4.3.4 flex-basis屬性 130
4.3.5 align-self屬性 132
4.4 猜畫小歌 134
4.5 微付寶九宮格導(dǎo)航頁面設(shè)計 137
第5章 小程序組件 142
5.1 視圖容器組件 142
5.1.1 <view>組件 142
5.1.2 <scroll-view>組件 145
5.1.3 <swiper>組件 147
5.1.4 <movable-view>組件 149
5.1.5 <cover-view>組件 150
5.2 基礎(chǔ)內(nèi)容組件 152
5.2.1 <icon>組件 152
5.2.2 <text>組件 155
5.2.3 <rich-text>組件 157
5.2.4 <progress>組件 159
5.3 表單組件 161
5.3.1 <button>組件 161
5.3.2 <radio>組件 165
5.3.3 <checkbox>組件 168
5.3.4 <input>組件 170
5.3.5 <label>組件 174
5.3.6 <form>組件 176
5.3.7 <picker>組件 178
5.3.8 <picker-view>組件 186
5.3.9 <slider>組件 188
5.3.10 <switch>組件 190
5.3.11 <textarea>組件 192
5.4 導(dǎo)航組件 194
5.5 媒體組件 196
5.5.1 <audio>組件 196
5.5.2 <image>組件 198
5.5.3 <video>組件 201
5.5.4 <camera>組件 204
5.6 地圖組件<map> 206
5.7 畫布組件<canvas> 210
第6章 API 212
6.1 文件傳輸 212
6.1.1 文件上傳 212
6.1.2 文件下載 217
6.2 媒體API 221
6.2.1 圖片管理 221
6.2.2 錄音管理 225
6.2.3 音頻管理 228
6.2.4 視頻管理 231
6.2.5 照相和攝像 235
6.3 文件操作 239
6.4 數(shù)據(jù)緩存 243
6.5 地圖和位置 250
6.6 設(shè)備API 254
6.6.1 設(shè)備系統(tǒng)信息 254
6.6.2 網(wǎng)絡(luò)狀態(tài) 258
6.6.3 傳感器 260
6.6.4 掃碼與打電話 264
6.6.5 屏幕亮度、剪貼板和手機振動 268
6.7 界面API 271
6.7.1 變臉譜游戲 271
6.7.2 階乘計算器 274
6.7.3 操作菜單 277
6.7.4 導(dǎo)航欄 279
6.7.5 tabBar 281
6.7.6 動畫 287
6.7.7 頁面位置 292
6.7.8 下拉刷新 294
6.8 繪畫API 296
6.8.1 繪制矩形 296
6.8.2 繪制五角星 300
6.8.3 繪制漸變弧形 303
6.8.4 繪制愛心 305
6.8.5 繪制文本 307
6.8.6 顏色透明度 309
6.8.7 繪制不同的線條 311
6.8.8 繪制漸變圖形 316
6.8.9 繪制圖形陰影效果 318
6.8.10 自由繪圖 319
第7章 綜合應(yīng)用案例——中國國旅微信小程序 324