劉斌 常州信息職業技術學院，副教授 繫統分析師,參與Web前端開發證書標準制定工作，曾參與編寫十二五、十三五規劃教材2部，主編十四五規劃教材1部，近年來主編和副主編教材6部。2020年國家職業教育教學創新團隊核心成員。現擔任江蘇省計算機學會信息技術職業教育專業委員會委員，常州信息職業技術學院軟件與大數據學院軟件技術專業負責人(2017年)，常州永佳軟件有限公司繫統分析師。

王軍 山東商業職業技術學院，山東商業職業技術學院雲計算技術與應用產業學院院長，副教授，2次獲全國職業院校技能大賽優秀指導教師，主持省級課程4門，省級課題3項。 管文強 常州信息職業技術學院，助教，近年來主編和參編教材3部。2020年國家職業教育教學創新團隊成員之一。具有多年的企業軟件開發經驗，精通多種程序語言和技術架構。現擔任常州信息職業技術學院軟件與大數據學院軟件技術專業專任教師，主要從事微信小程序開發、Node.js應用開發等課程教學工作，擅長案例式教學模式。

丁潔 陝西工業職業技術學院，副教授，“雙師型”教師。主要研究領域為計算機網絡技術、數據庫技術等領域。榮獲陝西高等學校第四屆青年教師教學競賽三等獎（工科組），2018-2020年指導學生榮獲陝西省高職院校技能大賽移動融媒體應用技術比賽二等獎1項、三等獎2項；參與建設省級教學資源庫，主持陝西省職教學會課程思政課題1項，主持陝西省教育廳專項科學研究計劃1項，近3年發表教科研核心論文4篇。

弋纔學 重慶三峽職業學院，副教授，中西部高校青年骨干教師國內訪問學者，擁有網絡工程師，高級UI設計師資格證書，具有豐富的網頁腳本語言、面向對像程序設計等一線授課經驗，主持主研省市校科研教改課題十餘項，主編教材2本，獲得2個計算機軟件著作權登記證書，1項發明專利，1項實用新型專利，參加全國職業院校教師教學能力大賽（高職組）獲二等獎1項，指導學生參加移動應用開發、Web技術賽項比賽等，多次獲得、省級獎項。

目錄 CONTENTS


第 1章
初識微信小程序1
1.1 微信小程序開發1
1.1.1 什麼是微信小程序1
1.1.2 微信小程序的前景2
1.1.3 開發小程序需要的技術3
1.2 搭建開發環境4
1.2.1 個人開發者申請微信公眾平臺賬號4
1.2.2 搭建開發環境5
1.2.3 配置程序5
1.3 微信開發者工具7
1.4 案例：第 一個Hello WX小程序12
1.4.1 任務1——微信小程序創建13
1.4.2 任務2——微信小程序架構分析13
1.4.3 任務3——配置文件詳解14
1.5 小 結15
1.6 課後習題15
第 2章
記事本小程序18
2.1 邏輯層18
2.1.1 注冊程序19
2.1.2 注冊頁面20
2.1.3 頁面路由21
2.1.4 生命周期22
2.1.5 模塊化24
2.2 視圖層25
2.2.1 HTML與WXML25
2.2.2 CSS與WXSS25
2.2.3 頁面事件25
2.2.4 頁面的樣式28
2.3 WXML語法28
2.3.1 數據綁定28
2.3.2 條件渲染29
2.3.3 列表渲染29
2.4 WXS語法29
2.4.1 模塊30
2.4.2 變量31
2.4.3 運算符31
2.4.4 控制語句35
2.4.5 數據類型38
2.5 Flex布局38
2.5.1 基本概念38
2.5.2 容器屬性39
2.6 案例：記事本小程序41
2.6.1 案例分析41
2.6.2 任務1——首頁的實現42
2.6.3 任務2——編輯頁面的實現45
2.7 小 結48
2.8 課後習題48
第3章
校園新聞網小程序50
3.1 視圖與基礎組件50
3.1.1 視圖容器（view）組件50
3.1.2 滾動視圖（scroll-view）組件53
3.1.3 滑塊視圖容器（swiper）組件55
3.1.4 圖標（icon）組件57
3.1.5 文本（text）組件59
3.1.6 進度條（progress）組件60
3.1.7 導航（navigator）組件62
3.2 案例：校園新聞網小程序63
3.2.1 案例分析63
3.2.2 任務1——導航欄64
3.2.3 任務2——分類欄64
3.2.4 任務3——輪播圖65
3.2.5 任務4——新聞列表66
3.2.6 任務5——回到頂部68
3.3 小 結69
3.4 課後習題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 滾動選擇器（picker）組件77
4.1.6 單選控制器（radio）組件80
4.1.7 滑動選擇器（slider）組件81
4.1.8 開關選擇器（switch）組件83
4.1.9 文本框（textarea）組件84
4.2 案例：快遞單小程序85
4.2.1 案例分析85
4.2.2 任務1——導航欄86
4.2.3 任務2——寄件人信息87
4.2.4 任務3——收件人信息90
4.2.5 任務4——立即下單92
4.3 小 結93
4.4 課後習題93
第5章
邀請函小程序95
5.1 媒體組件95
5.1.1 圖片（image）組件95
5.1.2 音頻（audio）組件97
5.1.3 視頻（video）組件100
5.2 地圖與動畫102
5.2.1 地圖（map）組件102
5.2.2 動畫（animation）對像104
5.3 案例：邀請函小程序106
5.3.1 案例分析106
5.3.2 任務1——新建一個微信小程序並配置107
5.3.3 任務2——制作邀請函頁面109
5.3.4 任務3——制作照片展示頁面111
5.3.5 任務4——制作視頻頁面112
5.3.6 任務5——制作地圖頁面113
5.3.7 任務6——制作社員信息提交頁面114
5.3.8 任務7——添加心跳動畫119
5.4 小 結120
5.5 課後習題120
第6章
文件管理小程序122
6.1 文 件122
6.1.1 文件繫統122
6.1.2 獲取文件信息126
6.1.3 獲取本地文件列表127
6.1.4 創建目錄127
6.1.5 刪除目錄128
6.1.6 打開文件129
6.2 案例：文件管理小程序129
6.2.1 案例分析129
6.2.2 任務1——頁面的實現130
6.2.3 任務2——目錄功能的實現131
6.2.4 任務3——文件功能的實現133
6.3 小 結136
6.4 課後習題136
第7章
你畫我猜小程序138
7.1 畫 布138
7.1.1 畫布基礎知識138
7.1.2 畫布小程序139
7.2 案例：你畫我猜小程序140
7.2.1 案例分析140
7.2.2 任務1——頁面結構140
7.2.3 任務2——繪制圖像141
7.2.4 任務3——選擇畫筆顏色142
7.2.5 任務4——取消、擦除、刪除143
7.2.6 任務5——分享圖片144
7.3 小 結145
7.4 課後習題146
第8章
校園場地預約小程序147
8.1 網 絡147
8.1.1 小程序網絡基礎147
8.1.2 上傳與下載150
8.2 開放接口154
8.2.1 登錄154
8.2.2 用戶信息157
8.2.3 賬號信息159
8.2.4 授權160
8.3 案例：校園場地預約小程序161
8.3.1 案例分析161
8.3.2 任務1——用戶授權161
8.3.3 任務2——預約場地164
8.4 小 結164
8.5 課後習題165
第9章
購物車小程序166
9.1 開發模式對比166
9.1.1 傳統開發模式166
9.1.2 雲開發模式167
9.2 雲開發基礎168
9.2.1 開通雲開發168
9.2.2 雲數據庫169
9.2.3 雲存儲176
9.2.4 雲函數177
9.3 案例：奶茶購物車小程序180
9.3.1 案例分析180
9.3.2 任務1——創建項目並配置181
9.3.3 任務2——商品展示頁的實現182
9.3.4 任務3——購物車頁面的實現185
9.3.5 任務4——結算頁面的實現190
9.3.6 任務5——地址管理頁面的實現193
9.3.7 任務6——新增地址頁面的實現195
9.4 小 結198
9.5 課後習題198
第 10章
書城小程序200
10.1 uni-app框架介紹200
10.1.1 什麼是uni-app200
10.1.2 跨平臺開發201
10.2 uni-app框架基礎201
10.2.1 創建uni-app項目201
10.2.2 目錄結構202
10.2.3 語法規範208
10.2.4 生命周期217
10.3 uni-app常用API220
10.3.1 頁面跳轉220
10.3.2 發起請求224
10.4 案例：書城小程序227
10.4.1 案例分析227
10.4.2 任務1——創建項目並配置導航欄228
10.4.3 任務2——書城首頁的實現230
10.4.4 任務3——分類頁面的實現234
10.4.5 任務4——分類書籍列表頁面236
10.4.6 任務5——書籍詳情頁面237
10.4.7 任務6——書架頁面展示已添加的書籍239
10.4.8 任務7——閱讀頁面240
10.4.9 任務8——個人頁面243
10.5 小 結244
10.6 課後習題244