微信小程序開發圖解案例教程（附精講視頻） pdf epub mobi txt 電子書下載 2025

簡體網頁||繁體網頁

☆☆☆☆☆

劉剛著

圖書標籤:

微信小程序
小程序開發
前端開發
移動開發
圖解教程
案例教程
編程入門
精講視頻
開發實戰
Web開發

下載連結在頁面底部

facebook linkedin mastodon messenger pinterest reddit telegram twitter viber vkontakte whatsapp 複製連結

想要找書就要到新城書站

book.cndgn.com

立刻按 ctrl+D收藏本頁

你會得到大驚喜!!

齣版社：人民郵電齣版社

ISBN：9787115450456

版次：1

商品編碼：12072845

包裝：平裝

開本：16開

齣版時間：2017-04-01

用紙：膠版紙

頁數：344

正文語種：中文

具體描述

産品特色

編輯推薦

適讀人群：本書可供對微信小程序開發有興趣的讀者自學，也可作為院校、培訓機構微信小程序開發課程的教材。
　　微信小程序可以實現App軟件的原生交互操作效果，無需安裝卸載，解放用戶手機內存。商傢使用微信小程序也可以被更多用戶找到自己的産品，成為有利的宣傳。2017年是小程序發布的元年，它的市場廣闊，提供瞭很多就業的機會，成為一名小程序員吧！
　　《微信小程序開發圖解案例教程》助你3步學會微信小程序設計
　　Step1圖文代碼快速理解小程序基本原理和應用方法
　　Step2海量案例，邊練邊學
　　Step3綜閤實戰，感受真實商業項目製作過程
　　平颱支撐，免費贈送資源
　　1.全部案例源代碼、素材、文件
　　2.全書電子教案
　　3.北風網部分配套高清精講視頻教程
　　附贈資源可登陸人郵教育社區或根據書中網盤地址下載使用。

內容簡介

　　《微信小程序開發圖解案例教程》分兩篇，介紹瞭微信小程序設計的基本知識和實戰案例。為微信小程序快速入門，包括認識微信小程序、微信小程序框架分析、用微信小程序組件構建UI界麵、微信小程序API、微信小程序設計及問答；第二篇為綜閤案例應用，包括仿智行火車票12306微信小程序、仿糗事百科微信小程序、仿中國婚博會微信小程序3個綜閤實戰案例。本書采用圖、錶與詳細說明的示例代碼相結閤的敘述方式，講解微信小程序設計的基本原理和知識，簡單易懂，提供瞭豐富詳盡的實戰案例，帶讀者邊做邊學，快速掌握微信小程序的設計和實現。

作者簡介

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

第一篇微信小程序快速入門
第１章　認識微信小程序
1．1　微信小程序介紹 1　1
1．1．1　初識微信小程序　1
1．1．2　微信小程序的功能　2
1．1．3　微信小程序能否取代App　3
1．1．4　微信小程序的發展曆程　3
1．1．5　微信小程序帶來的機會　3
1．2　微信小程序開發準備　3
1．2．1　基礎技術準備　3
1．2．2　開發準備　4
1．3　微信小程序開發工具的使用　5
1．3．1　創建項目　5
1．3．2　編輯　7
1．3．3　常用快捷鍵　9
1．3．4　調試　10
1．3．5　項目　12
1．3．6　編譯　13
1．3．7　前颱後颱　13
1．3．8　緩存　14
1．4　沙場大練兵：Hello World 的創建　14
1．5　小結　17
第2章　微信小程序框架分析　18
2．1　微信小程序目錄結構介紹　18
2．1．1　框架全局文件　18
2．1．2　工具類文件　23
2．1．3　框架頁麵文件　24
2．1．4　小試牛刀：製作貓眼電影底部標簽導航　24
2．2　微信小程序注冊程序的應用　27
2．3　微信小程序注冊頁麵的使用　29
2．3．1　頁麵初始化數據　30
2．3．2　生命周期函數　30
2．3．3　頁麵相關事件處理函數　30
2．3．4　頁麵路由管理　31
2．3．5　自定義函數　32
2．3．6　setData設值函數　32
2．4　微信小程序如何綁定數據　33
2．4．1　組件屬性綁定　33
2．4．2　控製屬性綁定　34
2．4．3　關鍵字綁定　34
2．4．4　運算　34
2．4．5　小試牛刀：天氣微信
小程序　35
2．5　微信小程序條件渲染　38
2．5．1　wx：if 判斷單個組件　38
2．5．2　block wx：if 判斷多個
組件　39
2．6　微信小程序列錶渲染　39
2．6．1　wx：for 列錶渲染單個
組件　39
2．6．2　block wx：for 列錶渲染多個組件　39
2．6．3　wx：key 指定唯一標識符　40
2．7　微信小程序定義模闆　40
2．7．1　定義模闆　40
2．7．2　使用模闆　41
2．8　微信小程序的引用功能　41
2．8．1　import引用　41
2．8．2　include引用　42
2．9　沙場大練兵：仿香哈菜譜微信小程序　42
2．9．1　底部標簽導航設計　43
2．9．2　宮格導航設計　45
2．9．3　香哈頭條初始化數據　48
2．9．4　香哈頭條列錶渲染及綁定數據　50
2．9．5　香哈頭條模闆的引用　54
2．10　小結　56
第3章　用微信小程序組件構建UI界麵　57
3．1　視圖容器組件　57
3．1．1　view視圖容器　57
3．1．2　scroll-view可滾動視圖區域　58
3．1．3　swiper滑塊視圖容器　61
3．2　基礎內容組件　65
3．2．1　icon圖標組件　65
3．2．2　text文本組件　66
3．2．3　progress進度條組件　67
3．3　豐富的錶單組件　68
3．3．1　button按鈕　68
3．3．2　checkbox多項選擇器　70
3．3．3　radio單項選擇器　71
3．3．4　input單行輸入框　72
3．3．5　textarea多行輸入框　75
3．3．6　label組件　77
3．3．7　picker滾動選擇器　79
3．3．8　slider滑動選擇器　85
3．3．9　switch開關選擇器　87
3．3．10　form錶單　89
3．4　導航組件　92
3．4．1　navigator頁麵鏈接組件　92
3．4．2　wx．navigateTo保留當前頁
跳轉　94
3．4．3　wx．redirectTo關閉當前頁
跳轉　95
3．4．4　wx．switchTab跳轉到
tabBar頁麵　96
3．4．5　wx．navigateBack返迴上一頁　97
3．4．6　設置導航條　98
3．5　導媒體組件　100
3．5．1　audio音頻　100
3．5．2　image圖片　103
3．5．3　video視頻　107
3．6　地圖組件　110
3．7　畫布組件　114
3．8　沙場大練兵：錶單登錄注冊微信
小程序　116
3．8．1　登錄設計　117
13．8．2　手機號注冊設計　123
13．8．3　企業用戶注冊設計　128
3．9　小結　136
第4章　必備的微信小程序API　137
4．1　請求服務器數據API　137
4．2　文件上傳與下載API　140
4．2．1　wx．uploadFile文件
上傳　140
4．2．2　wx．downloadFile文件下載　143
4．3　WebSocket會話API　145
4．4　圖片處理API　150
4．4．1　wx．chooseImage(OBJECT)選擇圖片　150
4．4．2　wx．previewImage
(OBJECT)預覽圖片　151
4．4．3　x．getImageInfo
(OBJECT)獲得圖片信息152
4．5．1　wx．saveFile保存文件到
本地　153
4．5　文件操作API　153
4．5．2　wx．getSavedFileList獲取本地文件列錶　154
4．5．3　wx．getSavedFileInfo獲取本地文件信息　156
4．5．4　wx．removeSavedFile刪除本地文件　156
4．5．5　wx．openDocument打開
文檔　157
4．6　數據緩存API　158
4．6．1　數據緩存到本地　158
4．6．2　獲取本地緩存數據　160
4．6．3　移除和清理本地緩存數據　164
4．7　位置信息API　165
4．7．1　獲得位置、選擇位置、打開位置　165
4．7．2　地圖組件控製　169
4．8　設備應用API　170
4．8．1　獲得係統信息　171
4．8．2　獲取網絡狀態　172
4．8．3　重力感應　172
4．8．4　羅盤　173
4．8．5　撥打電話　173
4．9　交互反饋API　174
4．8．6　掃碼　174
4．9．1　消息提示框　174
4．9．2　模態彈窗　176
4．9．3　操作菜單　177
4．10　登錄API　179
4．11　微信支付API　183
4．12　分享API　184
4．13　沙場大練兵：仿豆瓣電影微信小程序　185
4．13．1　電影頂部頁簽切換效果　186
4．13．2　電影海報輪播效果　190
4．13．3　電影列錶方式布局　192
4．13．4　電影詳情頁布局　197
4．13．5　項目上傳與預覽　206
4．14　小結　207
第5章　微信小程序設計及
問答　208
5．1　微信小程序設計　208
5．1．1　突齣重點，減少
乾擾項　208
5．1．2　主次動作區分明顯　208
5．1．3　流程明確，避免打斷　209
5．1．4　局部加載反饋　210
5．1．5　模態窗口加載反饋　210
5．1．6　彈齣式操作結果　211
5．1．7　模態對話框操作結果　212
5．1．8　結果頁　212
5．1．9　錶單填寫友好提示　212
5．2　微信小程序問答　213
5．3　小結　215
第二篇　綜閤案例應用
第6章　綜閤案例：仿智行火車票
12306微信小程序　217
6．1　需求描述　218
6．2　設計思路及相關知識點　220
6．2．1　設計思路　220
6．2．2　相關知識點　221
6．3　準備工作　221
6．4　設計流程　222
6．4．1　底部標簽導航設計　222
6．4．2　海報輪播效果設計　225
6．4．3　火車票查詢界麵設計　227
6．4．4　火車票列錶設計　239
6．4．5　個人中心界麵設計　254
6．4．6　搶票界麵設計　263
6．4．7　項目上傳和預覽　272
6．5　小結　273
第7章　綜閤案例：仿糗事百科
微信小程序　275
7．1　需求描述　275
7．2．1　設計思路　277
7．2．2　相關知識點　277
7．2　設計思路及相關知識點　277
7．3　準備工作　277
7．4　設計流程　278
7．4．1　頂部頁簽菜單滑動設計　278
7．4．2　頂部頁簽菜單切換效果設計　280
7．4．3　糗事列錶頁設計　282
7．4．4　視頻列錶頁設計　292
7．4．5　分享設計　295
7．4．6　項目預覽　297
7．5　小結　298
第8章　綜閤案例：仿中國婚博會
微信小程序　299
8．1　需求描述　300
8．2　設計思路及相關知識點　302
8．2．1　設計思路　302
8．2．2　相關知識點　303
8．3　準備工作　303
8．4　設計流程　305
8．4．1　底部標簽導航設計　305
8．4．2　海報輪播效果設計　308
8．4．3　宮格導航設計　310
8．4．4　全部分類導航設計　314
8．4．5　現金券下拉菜單篩選條件設計　323
8．4．6　現金券列錶頁設計　326
8．4．7　婚博會索票界麵設計　333
8．4．8　獲知渠道彈齣層設計　338
8．5　小結　345

告彆枯燥，掌握實戰！微信小程序開發從此易如反掌你是否曾被復雜的編程語言和抽象的概念弄得頭昏腦漲，望小程序開發而卻步？你是否渴望擁有一款屬於自己的小程序，卻苦於找不到清晰易懂的學習路徑？你是否在浩瀚的技術文檔和零散的教程中迷失方嚮，不知從何下手？現在，是時候告彆迷茫，擁抱變化，踏上輕鬆掌握微信小程序開發的旅程瞭！本書，並非一本讓你啃讀厚重理論、死記硬背代碼的枯燥教材，而是一份為你量身打造的“圖解實戰指南”，一份帶你從零開始，一步一個腳印，將想法變為現實的“魔法地圖”。我們深知，學習的最好方式是“看得見，摸得著”，是將抽象的概念具象化，是將復雜的流程條理化。因此，本書的核心理念便是——“圖解”與“實戰”。為什麼選擇“圖解”？想象一下，當你麵對一行行晦澀的代碼時，它們如同冰冷的機器指令，難以理解其內在邏輯。而當這些代碼被轉化為一張張生動的流程圖、結構圖、界麵原型圖，它們瞬間便變得鮮活起來。我們運用大量的、精良的、與實際開發步驟高度契閤的圖形化元素，將小程序開發的每一個核心概念、每一個關鍵流程、每一個技術細節，都以最直觀、最易於理解的方式呈現齣來。核心概念的直觀解析：從微信小程序的架構設計，到前端與後端的交互原理，再到數據在小程序中的流轉過程，每一個抽象的概念，我們都用精心設計的示意圖來闡釋，讓你一眼看穿其本質。不再需要費力地在文字中尋找蛛絲馬跡，圖示的衝擊力將幫助你快速建立起對小程序世界的整體認知。開發流程的清晰描繪：從項目初始化、界麵布局、事件處理，到數據請求、狀態管理，再到組件的使用、API的調用，每一個開發步驟，我們都用流程圖和截圖相結閤的方式，詳細地為你梳理清楚。讓你清楚地知道“下一步該做什麼”，避免在開發過程中走彎路。復雜功能的分解說明：諸如用戶授權、支付接口、網絡請求、本地存儲等看似復雜的功能，我們都會將其分解成若乾個簡單易懂的小模塊，並配以相應的圖示，讓你清晰地掌握實現這些功能的具體步驟和關鍵代碼。典型場景的視覺呈現：我們不會僅僅停留在理論層麵，而是會通過展示真實小程序中常見的功能模塊，如商品列錶、詳情頁、購物車、訂單管理、用戶中心等，並輔以界麵截圖和操作演示圖，讓你看到所學知識如何在實際應用中發揮作用，激發你的學習興趣和創造力。為什麼強調“實戰”？理論知識再豐富，如果沒有實際操作的支撐，終究是空中樓閣。本書的最大亮點在於，它始終將你的學習目標鎖定在“開發齣真正可用的、有價值的小程序”。我們不會讓你沉溺於概念的海洋，而是會引導你快速動手，將所學轉化為實踐。從零開始的循序漸進：無論你是完全沒有編程基礎的“小白”，還是已經掌握瞭一些編程知識但對小程序陌生的“開發者”，本書都能帶你順利入門。我們從最基礎的環境搭建、項目創建講起，逐步深入，讓你在實踐中掌握每一個關鍵技能。精選典型案例：我們精選瞭當下微信小程序開發中最具代錶性、最實用、最貼閤實際業務需求的案例。這些案例涵蓋瞭電商、社交、工具、生活服務等多個領域，讓你能夠學習到不同類型小程序的開發思路和實現方法。例如，你將學會如何開發一個功能完善的在綫商城，如何搭建一個便捷的預約服務平颱，如何構建一個信息分享社區等等。代碼與圖解的完美結閤：在案例講解中，我們不僅僅提供清晰的代碼示例，更會結閤前麵提到的圖解，詳細解釋每一段代碼的作用，以及它如何與界麵、邏輯、數據進行交互。讓你不僅“知其然”，更“知其所以然”。完整的項目演練：每個案例都將是一個完整的項目演練，從需求分析、原型設計（以圖解輔助），到功能實現、數據對接，再到最後的發布上綫（指導），讓你親身體驗小程序開發的完整生命周期。你將不僅僅是學習某個小功能，而是掌握如何將一個想法，一步步打磨成一個可運行的小程序。即學即用，成就感爆棚：通過一個個實際案例的完成，你將不斷獲得學習的成就感，從而激發更強的學習動力。你將驚喜地發現，原來開發一款小程序並沒有想象中那麼睏難，原來你也可以擁有屬於自己的、獨一無二的微信小程序！本書能為你帶來什麼？紮實的基礎知識：徹底理解微信小程序的核心架構、運行機製、開發語言（WXML, WXSS, JavaScript）以及常用的API。強大的實戰能力：掌握從零開始開發一個完整、功能豐富的小程序的全過程，能夠獨立解決開發中遇到的各種問題。豐富的項目經驗：通過學習和實踐多個典型案例，積纍寶貴的項目開發經驗，為未來的小程序開發之路奠定堅實基礎。敏銳的業務洞察：學習如何將實際業務需求轉化為小程序功能，培養用技術解決實際問題的能力。無限的創新可能：掌握小程序開發的通用技術和方法，為你的創意和想法插上翅膀，實現更多個性化、創新性的應用。誰適閤閱讀本書？有誌於成為小程序開發者的初學者：無論你是否有編程基礎，本書都將是帶領你入門的最佳選擇。想要提升小程序開發技能的在職開發者：本書的實戰案例和進階技巧，將幫助你快速擴展知識廣度和深度。希望將業務需求轉化為小程序實現的創業者、産品經理：本書將幫助你快速掌握小程序開發的技術要領，高效地與開發團隊溝通，或親自實現産品原型。對微信小程序開發感興趣的學生：本書將為你提供一個係統、有趣的學習平颱，為你的職業生涯打下堅實的技術基礎。開啓你的小程序開發之旅，讓我們用圖解的方式，一步一個腳印，共同打造屬於你的精彩！

用戶評價

評分☆☆☆☆☆

我之前對小程序開發一直處於“想學但不知從何下手”的狀態，看瞭很多零散的資料，感覺像是大海撈針。這本書就像一盞明燈，為我指明瞭方嚮。它的優點在於，將枯燥的技術知識，通過豐富的圖文和實際案例，變得生動有趣。我尤其喜歡書中對於UI設計和交互邏輯的講解，它不是隻講代碼，而是會結閤實際的用戶體驗，告訴你如何設計齣更符閤用戶習慣的界麵，如何處理用戶操作帶來的各種反饋。比如，在購物車案例中，它詳細講解瞭如何實現數量增減、商品移除等功能，並且考慮到瞭各種邊界情況的處理，這對於初學者來說非常有價值。而且，這本書並沒有止步於基礎知識，它還涉及瞭一些進階的知識點，比如數據緩存、網絡請求優化等，這些都是在實際開發中非常常用的技術。書後附帶的視頻講解，更是讓學習事半功倍，視頻中的老師能夠直觀地展示代碼的編寫過程，以及一些隱藏的開發技巧，這對於我這種視覺型學習者來說，簡直是太友好瞭。這本書讓我感覺學習小程序開發不再是一件睏難的事情，而是充滿樂趣和成就感的過程。

評分☆☆☆☆☆

說實話，我一開始抱著試試看的心態買瞭這本書，因為市麵上的小程序開發書籍實在太多瞭，很難找到一本真正適閤自己的。但拿到手之後，我發現它的內容組織得非常有條理，完全符閤初學者的學習路徑。它沒有上來就講很深奧的概念，而是從最基礎的環境搭建、項目創建開始，一步一步引導。我特彆欣賞書中對於頁麵生命周期、組件通信等核心知識點的講解，它們不是簡單地堆砌定義，而是通過形象的比喻和具體的代碼示例，讓這些抽象的概念變得易於理解。比如，它在講到組件通信時，用瞭“父子對話”和“兄弟交流”的比喻，非常生動。而且，書中提到的很多小技巧，比如如何快速預覽、如何調試代碼，對於提高開發效率非常有幫助。我之前嘗試過一些在綫教程，但往往內容碎片化，而且更新速度慢。《微信小程序開發圖解案例教程》給我一種係統性的學習體驗，讓我能夠建立起一個完整的小程序開發知識體係。書後的視頻講解也起到瞭很好的補充作用，老師在視頻中會演示一些在書中文字描述中難以完全展現的操作細節，讓我感覺學習過程更加順暢。

評分☆☆☆☆☆

這本書最大的特點在於其“實戰性”和“易理解性”的完美結閤。我之前也看過一些小程序開發的書籍，但往往要麼過於理論化，要麼案例不夠貼近實際。《微信小程序開發圖解案例教程》完全避免瞭這些問題。它從一個又一個精心設計的案例入手，從淺入深地講解小程序開發的各項技術。我特彆欣賞書中對組件化開發的講解，它將復雜的界麵拆分成一個個小的、可復用的組件，並詳細講解瞭組件的創建、通信以及生命周期，這讓我對小程序中的組件化思想有瞭更深刻的理解。而且，書中的案例都緊密結閤瞭微信小程序的原生能力，比如如何調用微信支付、如何獲取用戶信息等，這些都是在實際開發中不可或缺的。最重要的是，書後的精講視頻，為我提供瞭極大的便利。視頻中的老師講解得非常到位，他不僅解釋瞭代碼的含義，還會分享一些自己多年的開發經驗，比如如何提高代碼的可讀性、如何避免常見的坑等等。通過視頻，我能夠更直觀地看到代碼的執行過程，以及一些細微的操作細節，這大大提升瞭我的學習效率。這本書讓我感覺自己不再是獨自摸索，而是在一位經驗豐富的導師的帶領下，穩步前進。

評分☆☆☆☆☆

這本書真的讓我眼前一亮！我一直想學習微信小程序開發，但市麵上很多教程要麼太理論化，要麼代碼寫得晦澀難懂，看得我雲裏霧裏的。這本《微信小程序開發圖解案例教程》簡直是我的救星。首先，它“圖解”二字名副其實，每一章節都配有大量的、清晰的截圖和流程圖，把復雜的概念一步一步拆解開來，讓你能直觀地理解每一步操作的意義。比如，講到頁麵布局時，它不是簡單地給你一堆CSS代碼，而是通過圖示的方式，展示瞭Flexbox和Grid布局是如何工作的，各個屬性又會産生什麼視覺效果。這種“看得懂”的學習方式，極大地降低瞭入門門檻，讓我這種零基礎的讀者也能快速上手。而且，它不是那種“看完就忘”的教程，書中的案例都非常實用，涵蓋瞭從基礎的“掃碼點餐”到稍復雜的“社區團購”等，這些都是我們日常生活中經常接觸到的應用，學起來更有成就感。書後附帶的精講視頻更是錦上添花，視頻裏老師講解得非常細緻，還會穿插一些開發中的小技巧和注意事項，這對於我這種喜歡邊看邊練的人來說，簡直是福音。我感覺自己不再是孤軍奮戰，而是有一個經驗豐富的老師在旁邊指導。

評分☆☆☆☆☆

這本書給我最大的驚喜在於它的“案例驅動”教學模式。它不是那種一本正經地羅列技術點，而是圍繞著一個個真實可用的項目來展開。從一開始的“Hello World”，到後麵的“商品列錶展示”、“購物車邏輯”、“訂單管理”等等，每一個功能模塊都被拆解得非常細緻，讓你能夠跟著書中的步驟，一步一步地構建齣一個完整的小程序。我特彆喜歡書中對於數據綁定和事件處理的講解，它通過生動的案例，比如點擊按鈕彈齣提示框，或者用戶輸入信息實時更新到頁麵上，讓你深刻理解這些核心概念。而且，它不僅僅告訴你怎麼做，還會告訴你“為什麼”要這麼做，比如為什麼選擇這種數據請求方式，為什麼這樣設計頁麵結構，這些背後的考量，對於提升開發者的思維能力非常有幫助。我之前在學習其他技術時，常常會遇到“知其然不知其所以然”的睏境，但這本書成功地避免瞭這個問題。書中的代碼片段也都經過精心挑選，既簡潔又具有代錶性，不會讓你被冗餘的代碼所迷惑。而且，它還鼓勵讀者自己去修改和擴展案例，這對於培養獨立解決問題的能力至關重要。

評分☆☆☆☆☆

書不錯！物流也快！！！！！

評分☆☆☆☆☆

對方同意股份用戶好看

評分☆☆☆☆☆

這本書講解問題很詳細，是值得一看的好書

評分☆☆☆☆☆

書比較新，質量很好，繼續購買，給力

評分☆☆☆☆☆

剛開始看，圖文並茂，感覺還不錯，拓寬知識麵。

評分☆☆☆☆☆

不錯！學習中！