本書較為全面地介紹了目前微信小程序開發(fā)中涉及的基礎(chǔ)知識(shí)和核心技術(shù),并通過(guò)大量案例介紹了微信小程序開發(fā)的步驟和核心技術(shù)點(diǎn),讓讀者能夠快速上手開發(fā)小程序。本書側(cè)重于實(shí)際應(yīng)用,案例和實(shí)訓(xùn)項(xiàng)目的實(shí)用性和可操作性較強(qiáng)。
本書可作為高等院校計(jì)算機(jī)相關(guān)專業(yè)的教材,也可作為具有一定前端開發(fā)經(jīng)驗(yàn)并想從事微信小程序開發(fā)相關(guān)工作的程序員的參考書。
1、“課賽證”融通:
依據(jù)課賽證融通的設(shè)計(jì)理念編寫。
2、校企合作系列教材;
校企合作的教材,能夠兼顧教學(xué)需求和企業(yè)技能需求。
3、豐富的案例和技術(shù)支持;
教材配套豐富的實(shí)操案例,簡(jiǎn)單易上手,契合企業(yè)開發(fā)實(shí)際技術(shù)要求。
劉斌 常州信息職業(yè)技術(shù)學(xué)院,副教授/系統(tǒng)分析師,參與Web前端開發(fā)證書標(biāo)準(zhǔn)制定工作,曾參與編寫十二五、十三五規(guī)劃教材2部,主編十四五規(guī)劃教材1部,近年來(lái)主編和副主編教材6部。2020年國(guó)家職業(yè)教育教學(xué)創(chuàng)新團(tuán)隊(duì)核心成員。現(xiàn)擔(dān)任江蘇省計(jì)算機(jī)學(xué)會(huì)信息技術(shù)職業(yè)教育專業(yè)委員會(huì)委員,常州信息職業(yè)技術(shù)學(xué)院軟件與大數(shù)據(jù)學(xué)院軟件技術(shù)專業(yè)負(fù)責(zé)人(2017年),常州永佳軟件有限公司系統(tǒng)分析師。
王軍 山東商業(yè)職業(yè)技術(shù)學(xué)院,山東商業(yè)職業(yè)技術(shù)學(xué)院云計(jì)算技術(shù)與應(yīng)用產(chǎn)業(yè)學(xué)院院長(zhǎng),副教授,2次獲全國(guó)職業(yè)院校技能大賽優(yōu)秀指導(dǎo)教師,主持省級(jí)課程4門,省級(jí)課題3項(xiàng)。 管文強(qiáng) 常州信息職業(yè)技術(shù)學(xué)院,助教,近年來(lái)主編和參編教材3部。2020年國(guó)家職業(yè)教育教學(xué)創(chuàng)新團(tuán)隊(duì)成員之一。具有多年的企業(yè)軟件開發(fā)經(jīng)驗(yàn),精通多種程序語(yǔ)言和技術(shù)架構(gòu)。現(xiàn)擔(dān)任常州信息職業(yè)技術(shù)學(xué)院軟件與大數(shù)據(jù)學(xué)院軟件技術(shù)專業(yè)專任教師,主要從事微信小程序開發(fā)、Node.js應(yīng)用開發(fā)等課程教學(xué)工作,擅長(zhǎng)案例式教學(xué)模式。
丁潔 陜西工業(yè)職業(yè)技術(shù)學(xué)院,副教授,“雙師型”教師。主要研究領(lǐng)域?yàn)橛?jì)算機(jī)網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)庫(kù)技術(shù)等領(lǐng)域。榮獲陜西高等學(xué)校第四屆青年教師教學(xué)競(jìng)賽三等獎(jiǎng)(工科組),2018-2020年指導(dǎo)學(xué)生榮獲陜西省高職院校技能大賽移動(dòng)融媒體應(yīng)用技術(shù)比賽二等獎(jiǎng)1項(xiàng)、三等獎(jiǎng)2項(xiàng);參與建設(shè)省級(jí)教學(xué)資源庫(kù),主持陜西省職教學(xué)會(huì)課程思政課題1項(xiàng),主持陜西省教育廳專項(xiàng)科學(xué)研究計(jì)劃1項(xiàng),近3年發(fā)表教科研核心論文4篇。
弋才學(xué) 重慶三峽職業(yè)學(xué)院,副教授,教育部中西部高校青年骨干教師國(guó)內(nèi)訪問(wèn)學(xué)者,擁有網(wǎng)絡(luò)工程師,高級(jí)UI設(shè)計(jì)師資格證書,具有豐富的網(wǎng)頁(yè)腳本語(yǔ)言、面向?qū)ο蟪绦蛟O(shè)計(jì)等一線授課經(jīng)驗(yàn),主持主研省市?蒲薪谈恼n題十余項(xiàng),主編教材2本,獲得2個(gè)計(jì)算機(jī)軟件著作權(quán)登記證書,1項(xiàng)發(fā)明專利,1項(xiàng)實(shí)用新型專利,參加全國(guó)職業(yè)院校教師教學(xué)能力大賽(高職組)獲國(guó)家級(jí)二等獎(jiǎng)1項(xiàng),指導(dǎo)學(xué)生參加移動(dòng)應(yīng)用開發(fā)、Web技術(shù)賽項(xiàng)比賽等,多次獲得國(guó)家級(jí)、省級(jí)獎(jiǎng)項(xiàng)。
目錄 CONTENTS
第 1章
初識(shí)微信小程序 1
1.1 微信小程序開發(fā) 1
1.1.1 什么是微信小程序 1
1.1.2 微信小程序的前景 2
1.1.3 開發(fā)小程序需要的技術(shù) 3
1.2 搭建開發(fā)環(huán)境 4
1.2.1 個(gè)人開發(fā)者申請(qǐng)微信公眾平臺(tái)賬號(hào) 4
1.2.2 搭建開發(fā)環(huán)境 5
1.2.3 配置程序 5
1.3 微信開發(fā)者工具 7
1.4 案例:第 一個(gè)Hello WX小程序 12
1.4.1 任務(wù)1——微信小程序創(chuàng)建 13
1.4.2 任務(wù)2——微信小程序架構(gòu)分析 13
1.4.3 任務(wù)3——配置文件詳解 14
1.5 小 結(jié) 15
1.6 課后習(xí)題 15
第 2章
記事本小程序 18
2.1 邏輯層 18
2.1.1 注冊(cè)程序 19
2.1.2 注冊(cè)頁(yè)面 20
2.1.3 頁(yè)面路由 21
2.1.4 生命周期 22
2.1.5 模塊化 24
2.2 視圖層 25
2.2.1 HTML與WXML 25
2.2.2 CSS與WXSS 25
2.2.3 頁(yè)面事件 25
2.2.4 頁(yè)面的樣式 28
2.3 WXML語(yǔ)法 28
2.3.1 數(shù)據(jù)綁定 28
2.3.2 條件渲染 29
2.3.3 列表渲染 29
2.4 WXS語(yǔ)法 29
2.4.1 模塊 30
2.4.2 變量 31
2.4.3 運(yùn)算符 31
2.4.4 控制語(yǔ)句 35
2.4.5 數(shù)據(jù)類型 38
2.5 Flex布局 38
2.5.1 基本概念 38
2.5.2 容器屬性 39
2.6 案例:記事本小程序 41
2.6.1 案例分析 41
2.6.2 任務(wù)1——首頁(yè)的實(shí)現(xiàn) 42
2.6.3 任務(wù)2——編輯頁(yè)面的實(shí)現(xiàn) 45
2.7 小 結(jié) 48
2.8 課后習(xí)題 48
第3章
校園新聞網(wǎng)小程序 50
3.1 視圖與基礎(chǔ)組件 50
3.1.1 視圖容器(view)組件 50
3.1.2 滾動(dòng)視圖(scroll-view)組件 53
3.1.3 滑塊視圖容器(swiper)組件 55
3.1.4 圖標(biāo)(icon)組件 57
3.1.5 文本(text)組件 59
3.1.6 進(jìn)度條(progress)組件 60
3.1.7 導(dǎo)航(navigator)組件 62
3.2 案例:校園新聞網(wǎng)小程序 63
3.2.1 案例分析 63
3.2.2 任務(wù)1——導(dǎo)航欄 64
3.2.3 任務(wù)2——分類欄 64
3.2.4 任務(wù)3——輪播圖 65
3.2.5 任務(wù)4——新聞列表 66
3.2.6 任務(wù)5——回到頂部 68
3.3 小 結(jié) 69
3.4 課后習(xí)題 70
第4章
快遞單小程序 72
4.1 表單組件 72
4.1.1 按鈕(button)組件 72
4.1.2 多選框(checkbox)組件 74
4.1.3 表單(form)組件 75
4.1.4 輸入框(input)組件 76
4.1.5 滾動(dòng)選擇器(picker)組件 77
4.1.6 單選控制器(radio)組件 80
4.1.7 滑動(dòng)選擇器(slider)組件 81
4.1.8 開關(guān)選擇器(switch)組件 83
4.1.9 文本框(textarea)組件 84
4.2 案例:快遞單小程序 85
4.2.1 案例分析 85
4.2.2 任務(wù)1——導(dǎo)航欄 86
4.2.3 任務(wù)2——寄件人信息 87
4.2.4 任務(wù)3——收件人信息 90
4.2.5 任務(wù)4——立即下單 92
4.3 小 結(jié) 93
4.4 課后習(xí)題 93
第5章
邀請(qǐng)函小程序 95
5.1 媒體組件 95
5.1.1 圖片(image)組件 95
5.1.2 音頻(audio)組件 97
5.1.3 視頻(video)組件 100
5.2 地圖與動(dòng)畫 102
5.2.1 地圖(map)組件 102
5.2.2 動(dòng)畫(animation)對(duì)象 104
5.3 案例:邀請(qǐng)函小程序 106
5.3.1 案例分析 106
5.3.2 任務(wù)1——新建一個(gè)微信小程序并配置 107
5.3.3 任務(wù)2——制作邀請(qǐng)函頁(yè)面 109
5.3.4 任務(wù)3——制作照片展示頁(yè)面 111
5.3.5 任務(wù)4——制作視頻頁(yè)面 112
5.3.6 任務(wù)5——制作地圖頁(yè)面 113
5.3.7 任務(wù)6——制作社員信息提交頁(yè)面 114
5.3.8 任務(wù)7——添加心跳動(dòng)畫 119
5.4 小 結(jié) 120
5.5 課后習(xí)題 120
第6章
文件管理小程序 122
6.1 文 件 122
6.1.1 文件系統(tǒng) 122
6.1.2 獲取文件信息 126
6.1.3 獲取本地文件列表 127
6.1.4 創(chuàng)建目錄 127
6.1.5 刪除目錄 128
6.1.6 打開文件 129
6.2 案例:文件管理小程序 129
6.2.1 案例分析 129
6.2.2 任務(wù)1——頁(yè)面的實(shí)現(xiàn) 130
6.2.3 任務(wù)2——目錄功能的實(shí)現(xiàn) 131
6.2.4 任務(wù)3——文件功能的實(shí)現(xiàn) 133
6.3 小 結(jié) 136
6.4 課后習(xí)題 136
第7章
你畫我猜小程序 138
7.1 畫 布 138
7.1.1 畫布基礎(chǔ)知識(shí) 138
7.1.2 畫布小程序 139
7.2 案例:你畫我猜小程序 140
7.2.1 案例分析 140
7.2.2 任務(wù)1——頁(yè)面結(jié)構(gòu) 140
7.2.3 任務(wù)2——繪制圖像 141
7.2.4 任務(wù)3——選擇畫筆顏色 142
7.2.5 任務(wù)4——取消、擦除、刪除 143
7.2.6 任務(wù)5——分享圖片 144
7.3 小 結(jié) 145
7.4 課后習(xí)題 146
第8章
校園場(chǎng)地預(yù)約小程序 147
8.1 網(wǎng) 絡(luò) 147
8.1.1 小程序網(wǎng)絡(luò)基礎(chǔ) 147
8.1.2 上傳與下載 150
8.2 開放接口 154
8.2.1 登錄 154
8.2.2 用戶信息 157
8.2.3 賬號(hào)信息 159
8.2.4 授權(quán) 160
8.3 案例:校園場(chǎng)地預(yù)約小程序 161
8.3.1 案例分析 161
8.3.2 任務(wù)1——用戶授權(quán) 161
8.3.3 任務(wù)2——預(yù)約場(chǎng)地 164
8.4 小 結(jié) 164
8.5 課后習(xí)題 165
第9章
購(gòu)物車小程序 166
9.1 開發(fā)模式對(duì)比 166
9.1.1 傳統(tǒng)開發(fā)模式 166
9.1.2 云開發(fā)模式 167
9.2 云開發(fā)基礎(chǔ) 168
9.2.1 開通云開發(fā) 168
9.2.2 云數(shù)據(jù)庫(kù) 169
9.2.3 云存儲(chǔ) 176
9.2.4 云函數(shù) 177
9.3 案例:奶茶購(gòu)物車小程序 180
9.3.1 案例分析 180
9.3.2 任務(wù)1——?jiǎng)?chuàng)建項(xiàng)目并配置 181
9.3.3 任務(wù)2——商品展示頁(yè)的實(shí)現(xiàn) 182
9.3.4 任務(wù)3——購(gòu)物車頁(yè)面的實(shí)現(xiàn) 185
9.3.5 任務(wù)4——結(jié)算頁(yè)面的實(shí)現(xiàn) 190
9.3.6 任務(wù)5——地址管理頁(yè)面的實(shí)現(xiàn) 193
9.3.7 任務(wù)6——新增地址頁(yè)面的實(shí)現(xiàn) 195
9.4 小 結(jié) 198
9.5 課后習(xí)題 198
第 10章
書城小程序 200
10.1 uni-app框架介紹 200
10.1.1 什么是uni-app 200
10.1.2 跨平臺(tái)開發(fā) 201
10.2 uni-app框架基礎(chǔ) 201
10.2.1 創(chuàng)建uni-app項(xiàng)目 201
10.2.2 目錄結(jié)構(gòu) 202
10.2.3 語(yǔ)法規(guī)范 208
10.2.4 生命周期 217
10.3 uni-app常用API 220
10.3.1 頁(yè)面跳轉(zhuǎn) 220
10.3.2 發(fā)起請(qǐng)求 224
10.4 案例:書城小程序 227
10.4.1 案例分析 227
10.4.2 任務(wù)1——?jiǎng)?chuàng)建項(xiàng)目并配置導(dǎo)航欄 228
10.4.3 任務(wù)2——書城首頁(yè)的實(shí)現(xiàn) 230
10.4.4 任務(wù)3——分類頁(yè)面的實(shí)現(xiàn) 234
10.4.5 任務(wù)4——分類書籍列表頁(yè)面 236
10.4.6 任務(wù)5——書籍詳情頁(yè)面 237
10.4.7 任務(wù)6——書架頁(yè)面展示已添加的書籍 239
10.4.8 任務(wù)7——閱讀頁(yè)面 240
10.4.9 任務(wù)8——個(gè)人頁(yè)面 243
10.5 小 結(jié) 244
10.6 課后習(xí)題 244