具體描述
産品特色
編輯推薦
本書全麵詮釋微信小程序的技術框架、開放接口與開發技巧，全景式地講解微信小程序的服務及支撐能力，通過多個完整DEMO示例與項目案例展示微信小程序的開發流程、方法、技術、架構與實踐。內容簡介
本書由前騰迅軟件開發工程師根據微信公開上綫新版本編寫，全麵詮釋微信小程序的技術框架、開放接口、開發技巧，全景式地講解微信小程序的服務及支撐能力，如視圖容器、基礎內容、錶單組件、操作反饋、導航、媒體組件、地圖、畫布、文件操作、網絡、數據緩存、地理位置、界麵、微信登錄、模闆消息、獲取二維碼、微信分享等。本書注重實際項目開發，提供包含新聞資訊類、調查測試類、餐廳類小程序的完整項目案例，嚮讀者展示開發微信小程序的過程、方法、技術和架構。讀者通過學習本書，完全可以掌握企業級實際項目的開發。
本書適閤微信小程序開發初學者，企業微信小程序開發者、公眾號運營者及移動互聯網開發人員閱讀，也適閤有一定開發基礎但對微信小程序項目開發不熟悉的程序員使用。
作者簡介
閆小坤，畢業於中國科學技術大學，資深開發者。曾就職於騰訊公司，從事騰訊微博、騰訊房産等産品的開發工作。逾7年開發經驗，對網站、移動互聯網、微信公眾平颱開發有豐富的經驗，其撰寫的《微信公眾平颱應用開發從入門到精通》已成為微信公眾平颱開發領域的經典書籍。
目錄
第1章 初識小程序 1
1.1 小程序是什麼 2
1.1.1 小程序的優點 2
1.1.2 小程序的開放能力 2
1.1.3 小程序的前景 3
1.2 小程序開發文檔與開發工具 4
1.2.1 小程序開發文檔 4
1.2.2 微信Web開發者工具 5
1.2.3 開發工具Tips 8
1.3 大事記 11
1.4 “一秒鍾有多長”小遊戲 12
1.4.1 遊戲規則 12
1.4.2 下載與運行 13
1.4.3 界麵、樣式與腳本 14
1.5 小結 18
第2章 開發框架配置和邏輯層 19
2.1 開發框架簡介 20
2.1.1 底層實現 20
2.1.2 小程序與HTML 5的區彆與聯係 21
2.1.3 小程序概覽 22
2.2 注冊程序與頁麵 23
2.2.1 注冊程序 23
2.2.2 注冊頁麵 23
2.2.3 頁麵的路由 24
2.3 項目架構 24
2.4 配置 26
2.4.1 全局配置 26
2.4.2 頁麵配置 29
2.5 小技巧 30
2.5.1 頁麵路由時傳遞參數 30
2.5.2 下拉刷新 31
2.6 小結 32
第3章 開發框架視圖層 33
3.1 樣式語言WXSS 34
3.1.1 WXSS的引入方式 34
3.1.2 尺寸單位 37
3.1.3 選擇器 41
3.2 標簽語言WXML 44
3.2.1 WXML數據綁定與渲染 44
3.2.2 WXML模闆與引用 47
3.2.3 WXML事件綁定 48
3.3 小結 51
第4章 組件與API 52
4.1 組件 53
4.1.1 視圖容器 54
4.1.2 基礎內容 55
4.1.3 錶單組件 57
4.1.4 導航 58
4.1.5 媒體組件 59
4.1.6 其他組件 61
4.2 API 62
4.2.1 網絡 62
4.2.2 文件 64
4.2.3 設備 65
4.2.4 導航 66
4.2.5 分享 67
4.2.6 獲取小程序頁麵二維碼 67
4.2.7 小程序模闆消息 70
4.2.8 公眾號模闆消息打開相關小程序 72
4.2.9 公眾號自定義菜單點擊打開相關小程序 75
4.2.10 移動App分享小程序頁麵 80
4.3 Flex布局 81
4.3.1 flex-direction屬性 83
4.3.2 flex-wrap屬性 84
4.3.3 flex-flow屬性 85
4.3.4 justify-content屬性 86
4.3.5 align-items屬性 87
4.3.6 align-content屬性 90
4.3.7 項目屬性 92
4.4 小結 94
第5章 博客園客戶端——新聞資訊類小程序 95
5.1 項目介紹 96
5.1.1 項目結構 96
5.1.2 項目部署 97
5.1.3 項目配置 97
5.2 server端及API接口 99
5.2.1 博客列錶API 100
5.2.2 全文內容API 102
5.2.3 新聞列錶API 103
5.3 博客列錶頁 105
5.3.1 界麵 106
5.3.2 博客模闆 106
5.3.3 邏輯 108
5.4 博客詳情頁 110
5.4.1 界麵 111
5.4.2 邏輯 112
5.5 新聞列錶頁 113
5.5.1 界麵 114
5.5.2 新聞模闆 114
5.5.3 邏輯 115
5.6 新聞詳情頁 117
5.6.1 界麵 118
5.6.2 邏輯 118
5.7 公共JS腳本 119
5.7.1 公共配置 119
5.7.2 解析 119
5.8 小結 124
第6章 測測你是三國殺中的誰——調查測試類小程序 125
6.1 數據結構 126
6.1.1 JSON介紹 126
6.1.2 問題和答案的數據結構 127
6.2 項目結構 130
6.2.1 起始頁 131
6.2.2 測試頁 132
6.2.3 結果頁 134
6.2.4 輔助JS 135
6.3 小結 136
第7章 微餐廳——餐飲管理係統 137
7.1 項目部署 138
7.1.1 搭建開發環境 138
7.1.2 上傳代碼 138
7.1.3 導入數據庫 139
7.1.4 預覽小程序 140
7.2 服務器端介紹 140
7.2.1 數據庫設計 140
7.2.2 管理後颱介紹 142
7.2.3 API接口 144
7.3 微信授權登錄 145
7.3.1 微信登錄 145
7.3.2 服務器端：code換取session_key 146
7.3.3 數據簽名加密 148
7.4 在綫排號頁 149
7.4.1 服務器端接口 150
7.4.2 小程序端實現 150
7.5 確認取號頁 153
7.5.1 服務器端接口 154
7.5.2 小程序端實現 154
7.6 我的排號 158
7.6.1 服務器端接口 158
7.6.2 小程序端實現 159
7.7 查看菜單 162
7.7.1 服務器端接口 162
7.7.2 小程序端實現 162
7.8 小結 165
附錄A 小程序接入指南 166
附錄B 延伸閱讀 169
附錄C 開發工具常用快捷鍵 172
精彩書摘
第 6章測測你是三國殺中的誰
——調查測試類小程序
讀者應該看過或玩過類似“你是金庸小說中的誰”“12星座性格測試”“東北話八級測試”等調查、測試類小遊戲。這類遊戲能帶動用戶的好奇心（我應該是金庸小說中的誰？），並激起用戶的分享欲望（我是金庸小說中的風清揚，趕快發到朋友圈讓朋友知道啊），從而成為一款長盛不衰的小遊戲。
這類遊戲的特點很明顯：
（1）有一係列調查問捲供用戶迴答，通常是選擇一個選項或分數。
（2）根據用戶的選擇跳到下一題目（題目不一定連續）。
（3）最後顯示答案，告訴用戶的測試結果。
本章將介紹一個通用解決方案，所有題目和答案都以JSON格式存儲。這樣讀者隻需修改JSON文件的文案就能創建一個全新的測試類遊戲。
關鍵知識點：form錶單、圖片、頁麵路由。
遊戲界麵如圖6-1所示。
圖6-1
6.1 數據結構
6.1.1 JSON介紹
JSON（JavaScript Object Notation）是一種輕量級數據交換格式，易於閱讀和編寫，同時也易於機器解析和生成。JSON基於JavaScript Programming Language、Standard ECMA-262 3rd Edition - December 1999的一個子集。JSON采用完全獨立於語言的文本格式，也使用類似於C語言傢族的習慣（包括C、C++、C#、Java、JavaScript、Perl、Python等）。這些特性使JSON成為理想的數據交換語言。
JSON建構於兩種結構：
? “名稱/值”對的集閤（a collection of name/value pairs）在不同語言中被理解為對象（object）、紀錄（record）、結構（struct）、字典（dictionary）、哈希錶（hash table）、有鍵列錶（keyed list）或關聯數組 （associative array）。
? 值的有序列錶（An ordered list of values）在大部分語言中被理解為數組（array）。
這些都是常見的數據結構。事實上，大部分現代計算機語言都以某種形式支持它們。這使得一種數據格式在同樣基於這些結構的編程語言之間的交換成為可能。
JSON具有以下形式：
對象是一個無序的“‘名稱/值’對”集閤。一個對象以“{”（左括號）開始，以“}”（右括號）結束。每個“名稱”後跟一個“:”（冒號）；“‘名稱/值’ 對”之間使用“,”（逗號）分隔。例如：
{'name': 'weixin developer'}
數組是值（value）的有序集閤。一個數組以“[”（左中括號）開始，“]”（右中括號）結束。值之間使用“,”（逗號）分隔。
['first', 'second']
值（value）可以是雙引號括起來的字符串（string）、數值(number)、true、false、 null、對象（object）或數組（array）。這些結構可以嵌套。
6.1.2 問題和答案的數據結構
測試由問題和答案構成。用戶通過迴答一係列問題最終獲得一個答案。
問題頁麵如圖6-2所示。
圖6-2
對應的數據結構如下：
{
"id": 1,
"question": "比起循規蹈矩但有理可據的常規工作，你更喜歡去做些含有風險性但收益可觀的創造性活動。",
"answer": [
{
"option": "A",
"text": "是",
"action": "2"
},
{
"option": "B",
"text": "否",
"action": "3"
}
]
}
問題的數據結構見錶6-1。
錶6-1 問題的數據結構
id 問題ID
question 問題詳情
answer 問題的選擇項，為數組
option 問題選擇項的標示
text 問題選擇項的文本
action 問題選擇項的動作
特彆說明，每個問題有兩個答案，你選擇其中一個答案後，遊戲會根據你的選項分配下一步的動作。action定義瞭兩種動作：
? 跳轉到第N題。例如，{"action": "2"}指的是選擇該項後跳到第2題。
? 跳轉到答案。例如，{"action":"result_A"}指的是選擇該項後顯示第A種答案。
答案如圖6-3所示。
圖6-3
{
"A": {
"name": "呂濛",
"img": " ../../images/lvmeng.jpg",
"text": "你是一個富有誌嚮而又深謀遠慮的人，喜歡為自己製定高瞻遠矚的長遠目標，為實現最終的勝利甘願選擇隱忍的生活方式，不管過程有多艱辛多漫長你都甘之如飴。你享受生活帶來的充實感，善於觀察生活中的細節，做事會帶有很明確的目的性。你用深藏不露詮釋瞭一種最深邃的進取。"
}
}
結果的數據結構見錶6-2。
錶6-2 結果的數據結構
結果字段 字段說明
name 三國殺人物姓名
img 三國殺人物圖片
text 三國殺人物性格解說
……
前言/序言
編寫本書的目的開放是一種能力。微信從誕生以來，就一直以開放的姿態發展。微信公眾平颱、微信開放平颱、企業號等既給微信帶來大量自媒體人、開發者、企業用戶，又給廣大開發者提供瞭無數機會，讓小個體都可以有品牌。現在又有瞭微信小程序，微信公眾平颱提供瞭一種新的開放能力，開發者可以快速開發一個小程序。
按照微信之父張小龍的說法，小程序是一種不需要下載安裝即可使用的應用，它實現瞭應用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應用。小程序體現瞭“用完即走”的理念，用戶不用關心是否安裝太多應用的問題，應用將無處不在、隨時可用，但又無須安裝卸載。這將對移動互聯網時代的移動應用開發帶來顛覆性的影響。
按照“可能吧”和“有可能學院”創始人阿禪的說法，小程序是一個生態，這個生態希望連接更多綫下場景，生態裏齣現的産品分為3個階段：
1．摸索與搬遷階段
2．工具階段
3．場景化階段
每個階段都會有新的業務、功能、服務和場景齣現。人們慢慢發現，小程序會像微信公眾號一樣成為標配，也像水電一樣成為基礎設施而無處不在。
如何閱讀本書
全書分為三部分，共7章內容。
第一部分（第1章）：介紹微信小程序的基礎知識和開發環境的搭建。通過本部分的學習，讀者可以通過簡單的配置搭建開發環境，開發齣第一個DEMO應用，為後麵的學習打下基礎。
第二部分（第2、3、4章）：重點介紹微信小程序的各種服務和接口，包括但不限於視圖容器、基礎內容、錶單組件、操作反饋、導航、媒體組件、地圖、畫布、文件操作、網絡、數據緩存、地理位置、界麵、微信登錄、模闆消息、獲取二維碼、微信分享等內容。讀者在學完本部分之後，能夠對微信小程序提供的全部服務有所瞭解。本部分提供眾多案例供讀者學習。
第三部分（第5、6、7章）：以大項目為例，每章實現一個小程序的功能，包括博客園客戶端——新聞資訊類小程序、測測你是三國殺中的誰——調查測試類小程序、微餐廳——餐飲管理係統。相信讀者學習後完全有能力開發企業級的小程序。
讀者對象
● 對微信小程序開發感興趣的人員
● 微信公眾賬號運營人員
● 移動互聯網開發人員
● HTML 5開發人員
● 已有微信開發基礎，但對項目開發不熟悉的開發人員
● 有編程經驗，希望轉型做微信小程序開發的人員
技術交流
由於筆者水平有限，加之編寫時間倉促，書中難免會齣現一些錯誤或不準確、不全麵的地方，懇請讀者批評指正。為瞭更好地和讀者交流，筆者建立瞭一個網站。
同時，讀者有任何問題，可以發送郵件到davidsp@foxmail.com郵箱，筆者會盡快給予迴復。
緻謝
感謝騰訊公司的微信團隊，是他們創造瞭這款偉大的産品。
感謝清華大學齣版社的王金柱編輯，他在我寫作過程中提供瞭很多幫助和支持。
謹以此書獻給我的傢人以及微信公眾平颱和所有離不開微信的朋友們。
閆小坤
2017年3月於北京
用戶評價
在翻閱這本書之前，我其實對“微信小程序開發”這個主題並沒有一個非常清晰的認知，隻是知道它很流行，但具體怎麼做，以及它與其他前端開發有什麼不同，心裏沒個底。所以，我選擇這本書，很大程度上是希望它能給我一個係統性的入門引導。我期望這本書能夠從零開始，一步步地把我帶進小程序的世界。從最基礎的“Hello World”，到如何構建一個完整的頁麵，如何處理用戶輸入，如何調用微信提供的各種能力（比如支付、定位、掃碼等），我都希望能夠有清晰的步驟和示例代碼。我特彆關注書中在講解API時，是否會給齣詳細的參數說明、返迴值以及使用場景的解釋，避免我走瞭很多彎路。而且，我希望這本書的語言風格是易於理解的，避免過多晦澀的專業術語，或者即使有，也能提供通俗的解釋。對於我這樣一個初學者來說，能夠快速建立起對小程序開發的整體框架和基本操作的掌握，將是我最大的收獲。
評分坦白說，我選擇這本書的一個重要原因，是看到“移動開發叢書”這個副標題，這讓我對內容的深度和廣度有瞭更高的期待。我一直覺得，要想在移動開發領域有所建樹，光掌握單一平颱的技術是不夠的，還需要對整個移動生態有更宏觀的理解。微信小程序作為目前最主流的移動應用形態之一，其開發背後牽扯到的很多技術和理念，其實是與原生APP開發、Web前端開發等領域息息相關的。我希望這本書不僅僅是教我如何寫代碼，更能讓我理解小程序的“為什麼”和“怎麼做”之間的邏輯關係。比如，它會如何講解數據綁定、組件化開發、狀態管理等核心概念，這些是構建復雜應用的基石。我還會特彆留意書中關於性能優化和安全方麵的討論，這兩個方麵往往是決定一個小程序能否走嚮成功的關鍵因素。如果書中能包含一些關於跨平颱開發思路的探討，或者與其他移動開發技術棧的對比分析，那這本書的價值將大大提升。畢竟，作為開發者，我們總是在尋求更高效、更通用的解決方案。
評分這本書的包裝設計相當樸實，封麵上的字體和顔色搭配中規中矩，沒有太多花哨的元素，這本身就給瞭我一種“內容為王”的預期。拿到手裏，紙張的觸感不錯，厚度適中，不會輕易摺損，拿在手裏有分量感，說明內容應該比較充實。我平時工作之餘也接觸過一些開發方麵的書籍，很多時候封麵設計得越炫酷，裏麵的內容反而越淺顯，或者隻是堆砌瞭一些概念性的東西。所以，看到這樣一本外觀低調的書，反而讓我鬆瞭口氣，覺得作者是真正用心在打磨技術細節，而不是在玩概念營銷。這種務實的風格，在我看來，是學習技術最需要的。我期待這本書能夠深入淺齣地講解微信小程序的開發流程，從基礎的環境搭建，到核心的API調用，再到一些進階的實踐技巧，都能有詳盡的闡述。我尤其關注書中對於UI布局和交互設計的講解，這部分直接影響用戶體驗，是項目成功的關鍵。如果書中能夠提供一些真實的開發案例，並且分析其中遇到的問題和解決方案，那將是錦上添花。畢竟，理論知識固然重要，但解決實際開發中的疑難雜癥，纔是我們最需要的。
評分這本書我拿到手的時候，就有一種“踏實”的感覺。封麵上那種簡約而又不失專業的設計，讓我覺得作者是真正把心思放在瞭內容本身，而不是浮於錶麵的包裝。作為一名在移動開發領域摸爬滾打多年的開發者，我深知理論知識的紮實和實踐經驗的積纍同等重要。我期待這本書能夠給我帶來一些“乾貨”內容，能夠真正解決我在實際開發中遇到的痛點。我尤其關注書中關於小程序架構設計、性能優化以及如何與其他後端服務進行高效對接的講解。在如今競爭激烈的市場環境中，一個優秀的小程序不僅需要功能完善，更需要在性能、用戶體驗和安全性方麵做到極緻。我希望這本書能夠為我提供一些前沿的開發思路和實用的解決方案，幫助我構建齣更具競爭力的産品。如果書中能分享一些作者在實際項目中總結齣的“踩坑”經驗和最佳實踐，那將是無價之寶。
評分我一直對那些能夠將復雜技術概念用簡單易懂的方式呈現齣來的書籍情有獨鍾。我發現很多技術書籍，盡管內容本身很有價值，但如果寫得過於晦澀，或者缺乏足夠的圖示和代碼示例，那麼閱讀起來會非常吃力，最終也難以真正理解和吸收。所以我對這本書的期望，是它在講解微信小程序開發的過程中，能夠注重邏輯的清晰性和內容的條理性。我希望作者能夠像一位經驗豐富的老師一樣，循序漸進地引導讀者，將每一個知識點都講解透徹。尤其是在處理一些框架性的概念，比如組件的生命周期、事件的傳播機製、頁麵數據的管理等，我都希望能夠有清晰的圖解或流程圖來輔助理解。同時，書中提供的代碼示例，不僅要能運行，更要能夠清晰地展示齣各個部分的功能和用法，並附有詳細的注釋，方便我復製、修改和擴展。如果書中還能包含一些調試技巧和常見錯誤的處理方法，那對於提升我的開發效率將非常有幫助。
評分送貨快，服務好
評分很不錯的書。
評分送貨快，服務好
評分送貨快，服務好
評分送貨快，服務好
評分很不錯的書。
評分送貨快，服務好
評分很不錯的書。
評分講解清晰
相關圖書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2025 book.coffeedeals.club All Rights Reserved. 靜流書站 版權所有