小程序實戰視頻課:微信小程序開發全案精講 小程序实战视频课:微信小程序开发全案精讲

小剛老師本名劉剛，參與過多個軟件項目的研發、設計和管理工作，擁有項目管理師認證、項目監理師中級認證，出版過的圖書有《原型設計大師：Axure RP網站與APP設計從入門到精通》《Axure RP原型設計圖解微課視頻教程（Web+App）》；曾在中國擎天公司、神州軟件子公司任職，在項目管理和項目實踐、軟件設計等方面經驗豐富；曾負責紀檢監察廉政監督監管平台產品的設計與開發、國家郵政局項目的設計與開發、政務大數據項目的設計與開發等。

第一章微信小程序基礎1 
1.1微信小程序介紹1 
1.1.1什麼是微信小程序1 
1.1.2微信小程序發展歷程1 
1.1.3微信小程序提供的功能2 
1.1.4微信小程序不提供的功能3 
1.1.5微信小程序帶來的機會3 
1.2微信小程序開發工具的使用4 
1.2.1獲取微信小程序AppID 4 
1.2.2創建一個微信小程序項目5 
1.2.3微信開發工具的使用7 
1.3微信小程序框架文件14 
1.3.1框架全局配置文件14 
1.3.2工具類文件19 
1.3.3框架頁面文件19 
1.4微信小程序邏輯層20 
1.4.1 App（）註冊程序20 
1.4.2 Page （）註冊頁面21 
1.5微信小程序視圖層22 
1.5.1綁定數據22 
1.5.2條件渲染24 
1.5.3列表渲染24 
1.5.4定義模板25 
1.5.5引用功能26 
1.6微信小程序組件介紹27 
1.6.1視圖容器組件27 
1.6.2基礎內容組件28 
1.6.3表單組件30
1.6.4導航組件33 
1.6.5媒體組件33 
1.6.6地圖組件36 
1.6.7畫布組件38 
1.6.8客服會話按鈕組件39 
1.7微信小程序API說明39 
1.7.1請求服務器數據API 39 
1.7.2文件上傳與下載API 40 
1.7.3 WebSocket會話API 41 
1.7.4圖片處理API 43 
1.7.5文件操作API 44 
1.7.6數據緩存API 46 
1.7.7位置信息API 49 
1.7.8設備應用API 51 
1.7. 9交互反饋API 53 
1.7.10登錄API 55 
1.7.11微信支付API 56 
1.7.12分享API 57 
1.8小結57 
1.9實戰演練58 

第二章美食類：仿菜譜精靈微信小程序59 
2.1需求描述及交互分析59 
2.1.1需求描述59 
2.1.2交互分析60 
2.2設計思路及相關知識點60 
2.2.1設計思路60 
2.2.2相關知識點61 
2.3底部標籤導航設計62 
2.4幻燈片輪播效果設計65 
2.5菜譜專題列表式顯示設計67
2.6菜譜專題詳情設計74 
2.7小結78 
2.8實戰演練78 

第3章資訊類：仿頭條號微信小程序79 
3.1需求描述及交互分析79 
3.1.1需求描述79 
3.1.2交互分析80 
3.2設計思路及相關知識點80 
3.2.1設計思路80 
3.2.2相關知識點80 
3.3首頁新聞頻道框架設計83 
3.3.1底部標籤導航設計83 
3.3.2頂部檢索框設計86 
3.3.3新聞頻道滑動效果設計87 
3.4首頁新聞內容設計92 
3.5首頁新聞詳情頁設計99 
3.6 “我的”界面列表式導航設計104 
3.7小結113 
3.8實戰演練113 

第4章生鮮類：仿愛鮮蜂微信小程序114 
4.1需求描述及交互分析115 
4.1.1需求描述115 
4.1.2交互分析116 
4.2設計思路及相關知識點116 
4.2.1設計思路116 
4.2.2相關知識點117 
4.3首頁界面佈局設計121 
4.3.1底部標籤導航設計121 
4.3. 2幻燈片輪播效果設計123 
4.3.3首頁界面佈局設計125
4.4閃送超市縱嚮導航設計135 
4.5添加商品到購物車設計144 
4.6購物車商品顯示設計155 
4.7收貨地址列表式顯示設計165 
4.8小結170 
4.9實戰演練170 

第5章電影類：仿淘票票微信小程序171 
5.1需求描述及交互分析172 
5.1.1需求描述172 
5.1.2交互分析173 
5.2設計思路及相關知識點174 
5.2.1設計思路174 
5.2.2相關知識點174 
5.3電影界面框架設計177 
5.3 .1頂部頁簽切換效果設計177 
5.3.2底部標籤導航設計179 
5.4正在熱映界面佈局設計180 
5.5即將上映界面佈局設計186 
5.6電影詳情頁設計194 
5.7 “我的”界面列表式導航設計200 
5.8登錄設計208 
5.9電影界面分享214 
5.10小結216 
5.11實戰演練217 

第6章音樂類：仿酷狗音樂微信小程序218 
6.1需求描述及交互分析219 
6.1.1需求描述219 
6.1.2交互分析220 
6.2設計思路及相關知識點220
6.2.1設計思路220 
6.2.2相關知識點220 
6.3音樂首頁界面佈局設計222 
6.4音樂播放設計234 
6.5本地音樂頂部頁簽切換效果
設計240 
6.6單曲列表設計243 
6.7單曲檢索設計251 
6.8小結252 
6.9實戰演練253 

第7章電商類：仿京東購物微信小程序254 
7.1需求描述及交互分析255 
7.1.1需求描述255 
7.1.2交互分析256 
7.2設計思路及相關知識點257 
7.2.1設計思路257 
7.2.2相關知識點257 
7.3搜索商品首界面佈局設計258 
7.4搜索商品設計264 
7.5購物車設計272 
7.6我的訂單設計281 
7.7優惠券設計284 
7.8小結291 
7.9實戰演練291 

第8章求職類：仿拉勾網微信小程序292 
8.1需求描述及交互分析293 
8.1.1需求描述293 
8.1.2交互分析295 
8.2設計思路及相關知識點295 
8.2.1設計思路295 
8.2.2相關知識點296
8.3首頁招聘信息列表設計297 
8.4言職界面九宮格導航設計307 
8.5 “我”界面列表式導航設計311 
8.6完善簡歷界面佈局設計314 
8.7編輯基本信息設計319 
8.8小結322 
8.9實戰演練323 

第9章教育類：仿猿題庫微信小程序324 
9.1需求描述及交互分析325 
9.1.1需求描述325 
9.1.2交互分析327 
9.2設計思路及相關知識點328 
9.2.1設計思路328 
9.2.2相關知識點328 
9.3練習界面九宮格導航設計329 
9.4科目設置界面設計333 
9.5語文科目練習界面設計341 
9.6練習題目界面設計350 
9.7發現界面列表式導航設計357 
9.8排行榜設計360 
9.9 “我”界面列表式導航設計370 
9.10小結375 
9.11實戰演練375