産品特色
編輯推薦
適讀人群 :本書可供對微信小程序開發有興趣的讀者自學,也可作為院校、培訓機構微信小程序開發課程的教材。 微信小程序可以實現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.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
微信小程序開發圖解案例教程(附精講視頻) 下載 mobi epub pdf txt 電子書
評分
☆☆☆☆☆
使用方便,京東購物速度快,一直相信京東!
評分
☆☆☆☆☆
2.1.2 實現關鍵字迴復Hello World程序 22
評分
☆☆☆☆☆
看瞭一部分,感覺挺好看的,知識點也很到位
評分
☆☆☆☆☆
2.2.1 關注事件與自定義迴復圖文消息 26
評分
☆☆☆☆☆
質量不錯!我為什麼喜歡在京東買東西,因為今天買明天就可以送到。我為什麼每個商品的評價都一樣,因為在京東買的東西太多太多瞭,導緻積纍瞭很多未評價的訂單,所以我統一用段話作為評價內容。京東購物這麼久,有買到很好的産品,也有買到比較坑的産品,如果我用這段話來評價,說明這款産品沒問題
評分
☆☆☆☆☆
京東物流很給力,第二天就送到瞭,書還沒有看
評分
☆☆☆☆☆
好書必須要買,希望能看完,哈哈
評分
☆☆☆☆☆
感覺很一般到處讓掃二維碼。
評分
☆☆☆☆☆
對方同意股份用戶好看