微信小程序開發(fā)案例教程（慕課版）

第 1 章 初識(shí)微信小程序 1
1.1 注冊小程序賬號 ／ 2
1.2 查看小程序的AppID ／ 3
1.3 設(shè)置小程序信息 ／ 4
1.4 下載并安裝小程序開發(fā)者工具 ／ 4
1.5 創(chuàng)建和打開小程序 ／ 5
1.6 第一個(gè)微信小程序 ／ 7
第 2 章 小程序編程基礎(chǔ) ／ 9
案例2.1 字體樣式設(shè)置 ／ 10
案例2.2 文本樣式設(shè)置 ／ 12
案例2.3 圖片與聲音 ／ 14
案例2.4 盒模型 ／ 16
案例2.5 flex彈性盒模型布局 ／ 19
案例2.6 導(dǎo)航與布局 ／ 22
案例2.7 float頁面布局 ／ 25
案例2.8 攝氏溫度轉(zhuǎn)華氏溫度 ／ 28
案例2.9 條件語句和數(shù)學(xué)函數(shù) ／ 31
案例2.10 成績計(jì)算器 ／ 35
案例2.11 循環(huán)求和計(jì)算器 ／ 39
案例2.12 隨機(jī)數(shù)求和 ／ 43
案例2.13 計(jì)時(shí)器 ／ 47
案例2.14 自動(dòng)隨機(jī)變化的三色旗 ／ 50
第 3 章 小程序框架 ／ 54
案例3.1 小程序的基本架構(gòu) ／ 55
案例3.2 小程序的執(zhí)行順序 ／ 60
案例3.3 數(shù)據(jù)及事件綁定 ／ 65
案例3.4 變量和函數(shù)的作用域及模塊化 ／ 68
案例3.5 條件渲染 ／ 71
案例3.6 成績等級計(jì)算器 ／ 73
案例3.7 列表渲染 ／ 75
案例3.8 九九乘法表 ／ 78
案例3.9 模板的定義及引用 ／ 80
案例3.10 利用include 引用文件 ／ 82
第 4 章 小程序組件 ／ 85
案例4.1 貨幣兌換 ／ 86
案例4.2 三角形面積計(jì)算器 ／ 89
案例4.3 設(shè)置字體樣式和大小 ／ 93
案例4.4 滑動(dòng)條和顏色 ／ 96
案例4.5 輪播圖和開關(guān)選擇器 ／ 99
案例4.6 個(gè)人信息填寫 ／ 103
案例4.7 圖片顯示模式 ／ 109
案例4.8 音頻演示 ／ 112
案例4.9 視頻演示 ／ 115
案例4.10 考試場次選擇 ／ 120
第 5 章 小程序API ／ 131
案例5.1 變臉游戲 ／ 132
案例5.2 階乘計(jì)算器 ／ 135
案例5.3 基本繪圖 ／ 138
案例5.4 參數(shù)繪圖 ／ 147
案例5.5 改變圖形 ／ 150
案例5.6 繪制正弦曲線 ／ 153
案例5.7 自由繪圖 ／ 154
案例5.8 動(dòng)畫 ／ 160
案例5.9 照相和攝像 ／ 167
案例5.10 位置和地圖 ／ 172
案例5.11 文件操作 ／ 178
案例5.12 數(shù)據(jù)緩存 ／ 183
案例5.13 網(wǎng)絡(luò)狀態(tài) ／ 193
案例5.14 傳感器 ／ 197
案例5.15 掃碼與打電話 ／ 202
案例5.16 屏幕亮度、剪貼板和手機(jī)振動(dòng) ／ 207
案例5.17 設(shè)備系統(tǒng)信息 ／ 211
案例5.18 導(dǎo)航欄 ／ 216
案例5.19 標(biāo)簽欄 ／ 220
案例5.20 操作菜單 ／ 226
第 6 章 云開發(fā) ／ 229
案例6.1 獲取OpenID ／ 230
案例6.2 文件上傳下載 ／ 236
案例6.3 數(shù)據(jù)庫操作 ／ 246
案例6.4 云函數(shù)應(yīng)用 ／ 261
第 7 章 綜合案例 ／ 270
案例7.1 計(jì)算器 ／ 271
案例7.2 支付寶九宮格導(dǎo)航界面設(shè)計(jì) ／ 279
第 8 章 代碼管理 ／ 287
8.1 Git ／ 288
8.2 微信開發(fā)者·代碼管理 ／ 292
參考文獻(xiàn) ／ 300