●章 微信小程序申請及管理後臺基本使用 1
1.1 微信小程序是什麼 1
1.2 小程序申請注冊流程 2
1.3 小程序管理後臺基本操作 4
第2章 小程序開發調試模式 8
2.1 小程序後臺調試模式概述 8
2.2 雲服務器調試模式 11
2.3 本地調試模式 18
2.4 端口映射模式 18
第3章 項目結構和目錄結構 22
3.1 項目結構 22
3.2 小程序啟動執行流程 24
3.3 QuikStart代碼解讀 27
第4章 頁面布局設計 29
4.1 微信小程序UI設計規範 29
4.1.1 友好禮貌 29
4.1.2 清晰明確 29
4.1.3 便捷優雅 36
4.1.4 統一穩定 37
4.1.5 視覺規範 38
4.2 小程序組件庫的使用 39
4.3 小程序頁面布局 42
4.3.1 Flexbox模型 42
4.3.2 布局示例 47
第5章 頁面組件 49
5.1 MVVM前端架構 49
5.2 視圖容器組件 50
5.2.1 視圖區view組件 50
5.2.2 可滾動視圖區scroll-view組件 51
5.2.3 滑塊視圖容器swiper 52
5.3 基礎內容組件 52
5.3.1 icon圖標組件 52
5.3.2 text組件 53
5.3.3 progress進度條組件 53
5.4 表單組件 53
5.4.1 按鈕button 53
5.4.2 checkbox及checkbox-group 54
5.4.3 form表單組件 54
5.4.4 input輸入框組件 55
5.4.5 label組件 55
5.4.6 滾動選擇器picker 56
5.4.7 picker-view選擇器 59
5.4.8 radio單選框 60
5.4.9 slider滑動選擇器 60
5.4.10 switch開關選擇器 61
5.4.11 textarea多行文本輸入框組件 62
5.5 導航組件 62
5.6 媒體組件 63
5.6.1 音頻組件audio 63
5.6.2 視頻組件video 65
5.6.3 圖片組件image 66
5.7 地圖組件 67
5.8 畫布組件canvas 70
5.9 客服會話組件 70
第6章 邏輯層處理 72
6.1 什麼是小程序邏輯層 72
6.1.1 小程序響應式實現原理 72
6.1.2 如何實現變化追蹤 72
6.2 小程序配置 73
6.2.1 頁面文件路徑配置 73
6.2.2 窗口樣式配置 73
6.2.3 選項卡配置 75
6.2.4 調試開關 76
6.2.5 網絡超時配置 77
6.3 邏輯層處理 77
6.3.1 App邏輯層 77
6.3.2 Page頁面邏輯層 78
第7章 視圖層 80
7.1 什麼是視圖層 80
7.2 wxml文件 80
7.2.1 數據綁定 80
7.2.2 條件渲染 81
7.2.3 列表渲染 82
7.2.4 模板 82
7.2.5 事件 82
7.2.6 文件引用 84
7.2.7 wxss樣式文件 84
第8章 搭建Maven+Spring+SpringMVC+MyBatis後臺環境 86
8.1 安裝Maven 86
8.2 在MyEclipse中集成Maven 87
8.2.1 安裝Maven插件 87
8.2.2 配置Maven插件 88
8.3 集成Spring MVC,MyBatis及log4j 89
第9章 網絡請求及文件上傳 100
9.1 網絡請求接口request 100
9.2 文件上傳接口uploadFile 104
9.2.1 設計文件上傳界面 104
9.2.2 小程序陷阱提醒 106
9.2.3 文件上傳 108
9.3 文件接口downloadFile 110
9.3.1 預備知識 110
9.3.2 文件接口的使用 112
0章 小程序WebSocket功能 116
10.1 什麼是WebSocket 116
10.2 WebSocket使用 117
10.2.1 建立WebSocket連接 117
10.2.2 WebSocket服務器端開發 118
1章 媒體、數據及設備操作 125
11.1 圖片操作 125
11.1.1 選擇圖片路徑 125
11.1.2 預覽圖片 127
11.1.3 獲取圖片信息 128
11.2 錄音操作 129
11.3 音頻播放 130
11.3.1 播放本地音頻文件 130
11.3.2 播放錄制的音頻 132
11.4 音樂播放 133
11.5 控制音頻組件 135
11.6 選擇視頻 136
11.7 文件操作 137
11.8 數據緩存 138
11.9 獲取位置 139
11.10 打開位置 140
11.11 查看位置 141
11.12 地圖組件控制 142
11.13 設備操作 142
11.13.1 獲取繫統信息 142
11.13.2 撥打電話和掃碼 143
2章 界面交互接口及開放接口 145
12.1 交互反饋 145
12.1.1 消息提示框 145
12.1.2 顯示模態彈窗wx.showModal 146
12.1.3 操作菜單 147
12.2 應用內導航 148
12.3 動畫創作 149
12.4 動畫分組 151
12.5 繪圖功能 152
12.6 開放接口 153
12.6.1 登錄 153
12.6.2 會話密匙 155
12.7 數據加密 157
12.8 獲取用戶信息 157
12.9 微信支付 159
12.10 模板消息 160
12.10.1 獲取訪問憑證 161
12.10.2 發送模板消息 163
12.11 客服消息 168
12.12 分享功能 168
12.13 頁面二維碼 169
3章 項目實戰——我愛看電影 170
13.1 需求分析 170
13.2 數據庫設計 170
13.3 頁面設計 171
13.4 功能實現 171
13.4.1 小程序後臺連接數據庫 171
13.4.2 首頁設計 176
13.4.3 首頁邏輯層 178
13.4.4 首頁後臺實現 179
13.4.5 詳情頁設計 184
13.4.6 詳情頁後臺實現 184
4章 項目實戰——日常事項助手 187
14.1 項目基礎知識準備 187
14.1.1 ES6基礎知識 187
14.1.2 工具類 194
14.1.3 promise函數 195
14.2 實現思路 196
14.2.1 日期 196
14.2.2 存儲 197
14.3 編碼 197
14.3.1 日歷 197
14.3.2 年月選擇picker組件 201
14.3.3 事項存儲 202
內容簡介
本書主要從微信小程序開發基礎、微信小程序基本模塊、綜合實例應用這三個方面來介紹微信小程序開發的知識。本書內容包含微信小程序申請及管理後臺基本使用、開發調試、頁面布局設計、頁面組件、後臺環境搭建、網絡請求及文件上傳、WebSocket功能、媒體數據及設備操作、界面交互接口及開放接口等。本書在很後提供了兩個完整的微信小程序項目案例,供讀者融會貫通、舉一反三。
全書內容循序漸進、通俗易懂,適合微信平臺的開發人員、互聯網行業營銷人員等閱讀,同樣適合對微信小程序感興趣的人員閱讀,也可作為大專院校學生學習了解微信小程序開發的參考用書。