産品特色

編輯推薦

很簡單：隻需掌握HTML5基礎知識，即可跟隨本書進行學習

很豐富：包括API、多媒體、網絡、手機硬件控製等內容

很圖解：知識點以易懂的圖示進行講解，清晰明瞭地闡述相應知識

很實戰：針對每個知識點，都以案例為引導，幫助讀者動手操作

內容簡介

《從零開始學微信小程序開發》共分3篇12章，第1篇介紹微信小程序的基礎知識，包括微信小程序開發工具、微信小程序架構分析；第2篇介紹微信小程序的常用模塊，通過一些小案例詳細介紹瞭微信小程序提供的各種組件的使用、API函數的使用，訪問手機硬件的函數；第3篇是綜閤案例，以微天氣、微音樂這兩個完整案例的開發，演示微信小程序開發的全過程。

《從零開始學微信小程序開發》內容由淺入深，每個知識點都通過小案例進行演示，適閤希望通過微信小程序開發應用的讀者，具有HTML 5基礎知識的讀者都可閱讀《從零開始學微信小程序開發》。

作者簡介

　　高洪濤，畢業於瀋陽工業大學，碩士，現就職於中國刑事警察學院，IEEE會員，計算機學會會員。從事軟件開發多年，最初使用Java語言，目前主攻Android係統開發。從2013年開始對微信公共平颱進行研究，為多傢公司開發過商用微信公共平颱，收到甲方好評。

目錄

第1篇　微信小程序基礎
第1章　初識微信小程序 2
1.1　微信小程序開發工具 2
1.1.1　獲取開發工具 2
1.1.2　安裝開發工具 3
1.2　開發第一個微信小程序 5
1.2.1　獲取微信小程序的AppID 5
1.2.2　創建項目 5
1.2.3　微信小程序主要文件 8
1.3　認識開發工具 9
1.3.1　開發工具界麵 9
1.3.2　程序調試 9
1.3.3　代碼編輯 15
1.4　查看小程序效果 19
1.4.1　在開發工具中查看效果 19
1.4.2　在手機中查看效果 19

第2章　微信小程序架構分析 21
2.1　微信小程序框架結構 21
2.1.1　目錄結構 22
2.1.2　主體文件 23
2.1.3　頁麵文件 23
2.1.4　其他文件 24
2.2　配置文件詳解 24
2.2.1　主配置文件app.json 24
2.2.2　頁麵配置文件 29
2.3　邏輯層js文件 29
2.3.1　用App函數注冊小程序 30
2.3.2　用Page函數注冊頁麵 31
2.4　頁麵描述文件wxml 34
2.4.1　初識組件 34
2.4.2　數據綁定 35
2.4.3　條件渲染 39
2.4.4　列錶渲染 40
2.4.5　使用模闆 42
2.4.6　引用其他頁麵文件 45
2.5　頁麵的事件 46
2.5.1 事件類型 46
2.5.2 事件綁定 47
2.5.3 事件對象 47
2.6　頁麵樣式文件wxss 50
2.6.1　尺寸單位 50
2.6.2　樣式導入 50

第2篇　微信小程序常用模塊
第3章　快速開發UI界麵 54
3.1　認識小程序的組件 54
3.1.1 小程序的組件 54
3.1.2　組件的使用 56
3.1.3　組件的通用屬性 57
3.2　加法計算器 59
3.2.1 認識view組件 60
3.2.2 認識input組件 62
3.2.3 認識button組件 64
3.2.4 計算機器界麵UI 69
3.2.5 編寫計算代碼 71
3.2.6 測試加法計算器 72
3.3 另一種輸入數據的方式 73
3.3.1 認識slider組件 74
3.3.2 用slider輸入整數 74

第4章　美化UI界麵 76
4.1 計算器功能需求 76
4.2 設計計算器界麵 77
4.2.1 計算器小程序布局設計 77
4.2.2 搭建計算器小程序開發框架 77
4.2.3 用組件實現布局 78
4.2.4 設計組件的樣式 79
4.3 編寫計算器代碼 84
4.3.1 初始化數據 84
4.3.2 編寫按鈕代碼 88
4.3.3 編寫計算代碼 89
4.3.4 測試計算器小程序 92
4.4 美化計算器界麵 93
4.4.1 認識icon組件 93
4.4.2 用icon美化計算器界麵 94
4.4.3 小程序提供的icon組件 94

第5章　保存數據到本地 97
5.1 保存計算曆史界麵設計 97
5.1.1 認識switch組件 97
5.1.2 switch組件簡單案例 98
5.2 修改計算器UI 99
5.2.1 添加switch組件 99
5.2.2 獲取switch的選擇 100
5.3 保存計算到本地緩存 101
5.3.1 保存數據的API接口函數 101
5.3.2 本地緩存計算過程 103
5.4 從本地緩存讀取數據 108
5.4.1 顯示曆史記錄的界麵設計 108
5.4.2 頁麵切換的相關接口函數 110
5.4.3 獲取本地緩存數據 111
5.5 保存多條曆史記錄 112
5.5.1 使用數組保存多條曆史記錄 113
5.5.2 清理本地緩存 115

第6章　旅行計劃調查 116
6.1 用form組件收集信息 116
6.1.1 認識form組件 116
6.1.2 錶單的提交 118
6.1.3 錶單的重置 120
6.2 設計旅行計劃調查 121
6.3 選擇性彆（單選） 122
6.3.1 認識radio和radio-group組件 122
6.3.2 用radio組件列齣性彆 122
6.3.3 獲取性彆內容 124
6.3.4 根據數據生成radio組件 125
6.4 選擇想去的國傢（多選） 126
6.4.1 認識checkbox和checkbox-group組件 127
6.4.2 國傢名稱的多選 127
6.4.3 獲取選中的數據 128
6.5 選擇日期和時間 129
6.5.1 認識picker組件 129
6.5.2 picker組件小案例 131
6.5.3 收集齣發日期 135
6.5.4 獲取picker選擇的日期 135
6.6 輸入建議 137
6.7 廣告輪播 138
6.7.1 認識swiper組件 139
6.7.2 swiper組件案例 139
6.7.3 測試案例 143

第7章　微信小程序的交互反饋 144
7.1 等待提示 144
7.1.1 認識loading組件 145
7.1.2 修改旅行計劃調查錶單 148
7.2 用toast顯示提示信息 150
7.3 使用新版API顯示提示 153
7.3.1 接口函數wx.showToast 153
7.3.2 顯示loading提示信息 153
7.3.3 顯示toast提示信息 155
7.4 用modal組件顯示彈齣框 156
7.4.1 認識modal組件 157
7.4.2 修改彈齣框 159
7.4.3 在彈齣框中輸入內容 160
7.5 使用新版API顯示彈齣框 163
7.6 底部彈齣菜單 164
7.6.1 認識action-sheet組件 165
7.6.2 使用新版API顯示底部菜單 168

第8章　用多媒體展示更多 171
8.1 用audio組件播放音樂 171
8.1.1 認識audio組件 171
8.1.2 控製audio組件 173
8.2 使用audio API播放音樂 175
8.2.1 audio API簡介 175
8.2.2 audio API播放音樂示例 177
8.3 用video組件播放視頻 180
8.3.1 認識video組件 180
8.3.2 獲取視頻上下文 182
8.3.3 給視頻添加彈幕 182

第9章　與後颱交互 187
9.1 網絡訪問API 187
9.1.1 認識wx.request接口函數 188
9.1.2 獲取網上信息 188
9.2 手機歸屬地查詢 191
9.2.1 瞭解手機歸屬地查詢接口 191
9.2.2 編寫小程序代碼 195
9.2.3 調試修改小程序 198

第10章　使用手機設備 203
10.1 拍照 203
10.1.1 瞭解wx.chooseImage函數 203
10.1.2 編寫實例代碼 204
10.1.3 在電腦端測試選擇照片 206
10.1.4 在手機端測試選擇照片 207
10.2 錄音 210
10.2.1 認識wx.startRecord函數 210
10.2.2 認識wx.stopRecord函數 210
10.2.3 認識wx.playVoice函數 210
10.2.4 編寫錄音實例 211
10.2.5 測試錄音實例 213
10.3 獲取地理位置 214
10.3.1 認識wx.openLocation函數 214
10.3.2 認識wx.getLocation函數 215
10.3.3 獲取地理位置實例 215
10.3.4 在電腦中測試獲取地理位置實例 217
10.3.5 在手機中測試獲取地理位置實例 219
10.4 獲取網絡狀態 220
10.5 獲取係統信息 223

第3篇　微信小程序綜閤案例
第11章　綜閤案例——微天氣 228
11.1 天氣預報API 228
11.1.1 中國天氣網天氣預報接口 229
11.1.2 中華萬年曆的天氣預報接口 234
11.2 界麵設計 236
11.3 編寫界麵代碼 236
11.3.1 創建項目 237
11.3.2 編寫界麵代碼 237
11.3.3 編寫界麵樣式代碼 239
11.4 編寫邏輯層代碼 242
11.4.1 編寫數據初始化代碼 242
11.4.2 獲取當前位置的城市名稱 244
11.4.3 根據城市名稱獲取天氣預報 246
11.4.4 查詢天氣預報 248

第12章　綜閤案例——微音樂 250
12.1 QQ音樂API 250
12.1.1 認識易源接口網站 250
12.1.2 QQ音樂接口 251
12.2 界麵設計 255
12.3 創建項目 257
12.3.1 準備資源 257
12.3.2 創建項目 257
12.3.3 創建配置文件 259
12.4 音樂分類列錶 260
12.4.1 開發頁麵文件 260
12.4.2 開發頁麵樣式文件 261
12.4.3 開發頁麵邏輯代碼 261
12.5 音樂列錶 263
12.5.1 開發頁麵文件 263
12.5.2 開發頁麵樣式文件 264
12.5.3 開發頁麵邏輯代碼 265
12.6 播放音樂 267
12.6.1 開發頁麵文件 267
12.6.2 開發頁麵樣式文件 268
12.6.3 開發頁麵邏輯代碼 269
12.7 搜索音樂 271
12.7.1 開發頁麵文件 271
12.7.2 開發頁麵樣式文件 272
12.7.3 開發頁麵邏輯代碼 273

前言/序言

　　前言

　　2016年9月22日淩晨，微信官方正式推齣應用號“小程序”內測功能。

　　那麼，“小程序”是什麼？看看騰訊副總裁、微信創始人是怎麼說的吧，如下圖所示是張小龍發布的信息。

　　第一批參與小程序測試的包括大眾點評、貓眼電影、海南航空等日常生活服務類企業，以微信官方邀請和企業申請為主，共發齣瞭200封應用號內部公測邀請。

　　除瞭官方邀請的測試用戶，普通的開發人員怎麼辦？微信提供瞭一套開發工具，普通用戶不用申請AppID，也可在電腦中學習、模擬小程序的大部分功能。

　　2016年11月4日，微信小程序正式公測，企事業單位可以申請公測賬號瞭（個人用戶暫時還不能申請），有瞭這個公測賬號，開發人員不僅可以在電腦中模擬小程序，而且可以將開發代碼發布齣去供其他用戶使用。

　　2017年1月9日，微信小程序正式上綫，隻要將微信更新到最新版本（V6.5.3），即可通過綫下掃碼、微信搜索、公眾號關聯、好友分享、曆史記錄等5種方式體驗微信小程序。

　　為瞭幫助廣大初學者快速學習微信小程序的開發，本書從基礎開始，逐步介紹微信小程序開發中的相關知識。

　　全書共分3篇12章。第1篇介紹微信小程序的基礎知識，包括微信小程序開發工具、微信小程序架構分析。包括第1章和第2章的內容。

　　第1章初識微信小程序，首先介紹瞭微信小程序開發工具的下載、安裝和使用，然後使用該開發工具創建瞭第一個微信小程序，並在電腦模擬器中進行查看，最後發布到手機微信中查看運行效果。

　　第2章對微信小程序的架構進行分析，從小程序的目錄結構、文件名的約定開始，詳細介紹小程序的配置文件、頁麵描述文件、頁麵樣式文件和邏輯層文件的相關知識。

　　第2篇介紹微信小程序的常用模塊，通過一些小案例詳細介紹瞭微信小程序提供的各種組件的使用、API函數的使用，訪問手機硬件的函數。包括第3章至第10章的內容。

　　第3章介紹快速開發UI界麵，以一個加法計算器的實際案例介紹瞭小程序UI設計中常用組件的使用方法。

　　第4章美化UI界麵，繼續修改上一章的計算器案例，本章中使用其他一些UI組件來設計計算器，使計算器的使用更方便。在這一章進一步學習瞭更多的小程序UI組件使用。

　　第5章保存數據到本地，介紹瞭小程序中將數據保存到本地緩存，從本地緩存中讀取數據的方法，繼續修改第4章的計算器程序，增加瞭查看曆史記錄的功能。

　　第6章在小程序中設計一個旅行計劃調查錶單，學習小程序錶單控件的使用。

　　第7章介紹微信小程序的交互反饋功能，包括等待提示信息、彈齣框的使用、底部彈齣菜單的使用等相關內容。

　　第8章介紹在小程序中使用多媒體功能的相關知識，包括使用audio組件和使用audio API播放音樂，使用video組件播放視頻等相關內容。

　　第9章介紹小程序與後端進行交互的相關知識，首先介紹瞭小程序提供的網絡訪問API，然後編寫瞭手機歸屬地查詢小案例，演示小程序網絡訪問API的使用方法。

　　第10章介紹小程序使用手機硬件設備的相關知識，包括拍照、錄音、獲取地理位置、獲取網絡狀態、獲取係統信息等相關內容。

　　第3篇是綜閤案例，以微天氣、微音樂這兩個完整案例的開發，演示瞭微信小程序的全過程。第11章通過調用天氣預報API編寫齣一個綜閤案例——微天氣，第12章通過調用QQ音樂API編寫齣一個綜閤案例——微音樂。通過這2個綜閤案例，讀者可進一步鞏固本書前10章中介紹的相關知識。

　　本書內容由淺入深，每個知識點都通過小案例進行演示，適閤希望通過微信小程序開發應用的讀者，具有HTML 5基礎知識的讀者都可閱讀本書。

　　由於微信小程序推齣的時間短，官方推齣的開發工具更新較快，隨著時間的推移，本書介紹的一些知識點在新版本中可能會有更改。如果本書案例運行時齣現錯誤提示時，讀者可查一下官方文檔，根據最新內容修改後即可正常運行。

　　由於時間短，加之筆者水平有限，書中難免有疏漏之處，敬請讀者朋友批評指正。

　　編者

　　2017年1月

此用戶未填寫評價內容

近近景近景坎坎坷坷看看

寫的很好，適閤有點基礎的人看

很好很好很好很好很好很好很好

我這樣寫是不是超過10個字瞭……

我這樣寫是不是超過10個字瞭……

書很不錯 很適閤像我這種入門級彆的選手

感覺還不錯喔，內容比較翔實，京東自營送貨挺快。

給力啊 啊 啊 啊 啊 啊 啊啊 啊啊 啊啊啊 啊啊