微信小程式開發零基礎入門[電子工業出版社2017年出版圖書]

微信小程式開發零基礎入門[電子工業出版社2017年出版圖書]
更多義項 ▼ 收起列表 ▲

《微信小程式開發零基礎入門》 一書作者張帆、陳思含,電子工業出版社2017年5月出版

內容提要

微信小程式是一種最新的App替代品,其定位是在微信公眾號的生態鏈中,使用微信本身作為套用平台,無須更新和下載,開箱即用。《微信小程式開發零基礎入門》由淺入深、循序漸進,使零基礎的讀者能夠熟練掌握使用微信開發小程式套用。

《微信小程式開發零基礎入門》分為8章,第1~2章是關於小程式的套用場景和小程式本身的介紹,包括小程式涉及的技術和IDE開發環境的使用。第3章是HTML 5、CSS 3、JavaScript的語法介紹,然後引申出小程式使用的WXSS、WXML、JavaScript的相關語法。第4章是小程式開發組件的介紹,每個組件都配備了上手示例,幫助讀者加深印象。第5章是一個完整的小程式項目的開發步驟。第6章是調用微信API的介紹,對常見API提供了示例編碼和分析。第7章是一個完整的項目,包括前、後端,通過項目實戰讓讀者上手真正的小程式開發。第8章是對小程式最新API(藍牙、卡券)等的補充。

《微信小程式開發零基礎入門》內容精練、重點突出、實例豐富,是面向廣大程式設計師的編程入門參考書,也是學習小程式開發入門的最佳實踐,同時也非常適合大中專院校師生自學,從而掌握最新技術,拓寬知識體系。

目錄

1 微信小程式開發 1

1.1 初識微信小程式開發 1

1.1.1 什麼是微信公眾號 1

1.1.2 什麼是微信小程式 3

1.1.3 微信小程式的套用領域 4

1.1.4 怎樣學好微信小程式 5

1.1.5 微信小程式的前景 6

1.2 小程式開發需要的技術 8

1.2.1 JavaScript技術 8

1.2.2 CSS技術 9

1.2.3 HTML(XML)技術 10

1.3 小程式開發所使用的技術 11

1.3.1 開發檔案結構 12

1.3.2 配置程式 12

1.3.3 邏輯層 16

1.3.4 WXML 20

1.3.5 WXSS 25

1.4 搭建小程式開發環境 27

1.4.1 IDE下載 27

1.4.2 Windows系統的IDE安裝 29

1.5 上手實踐:第一個Hello WX程式 31

1.6 小程式新能力 34

1.6.1 個人開發者申請小程式 35

1.6.2 小程式的基本信息管理 37

1.6.3 已有公眾號綁定小程式 40

1.6.4 小程式的分享和跳轉新模式 41

1.7 小結 43

1.8 實踐與練習 43

2 熟悉小程式開發工具 44

2.1 熟悉微信開發者工具 44

2.1.1 微信開發IDE簡介 44

2.1.2 IDE調試視窗 45

2.1.3 小程式的測試與重啟 49

2.1.4 小程式的調試 50

2.1.5 小程式的控制台 53

2.1.6 IDE項目視窗 55

2.1.7 項目的關閉與新建 56

2.1.8 IDE項目編輯視窗 57

2.2 小結 59

2.3 實踐與練習 59

3 小程式開發基礎 60

3.1 HTML入門 60

3.1.1 HTML簡介 60

3.1.2 HTML的用途與結構 61

3.2 HTML基礎 62

3.2.1 HTML語法基礎 62

3.2.2 HTML元素 63

3.2.3 HTML屬性 77

3.2.4 WXML與HTML 78

3.3 CSS入門 79

3.4 CSS基礎 79

3.4.1 CSS基礎語法 80

3.4.2 CSS樣式 82

3.4.3 CSS框模型 95

3.4.4 CSS定位 101

3.4.5 CSS與WXSS 106

3.5 JavaScript入門 106

3.5.1 JavaScript簡介 106

3.5.2 JavaScript前景 107

3.6 JavaScript基礎 108

3.6.1 JavaScript注釋 108

3.6.2 JavaScript變數 108

3.6.3 JavaScript數據類型 112

3.6.4 JavaScript對象 118

3.6.5 JavaScript函式 122

3.6.6 JavaScript運算符 127

3.6.7 JavaScript邏輯控制語句 128

3.7 小結 142

3.8 實踐與練習 143

4 小程式開發組件 144

4.1 視圖組件 144

4.1.1 視圖容器(view)組件 144

4.1.2 可滾動視圖區域(scroll-view) 147

4.1.3 滑動界面(swiper) 147

4.2 基礎內容 149

4.2.1 小圖示(icon) 149

4.2.2 文本組件(text) 150

4.2.3 進度條組件(progress) 152

4.3 表單組件 153

4.3.1 按鈕組件(button) 153

4.3.2 多選擇框(checkbox) 156

4.3.3 表單form 159

4.3.4 輸入框組件(input) 160

4.3.5 label元素 163

4.3.6 滾動選擇器picker 163

4.3.7 單選控制器(radio) 166

4.3.8 滑動選擇器(slider) 168

4.3.9 開關選擇器(switch) 170

4.3.10 文本框控制項(textarea) 172

4.4 導航 174

4.5 媒體組件 176

4.5.1 音頻組件(audio) 177

4.5.2 上手實踐:音樂播放器 177

4.5.3 圖片控制項(image) 180

4.5.4 上手實踐:相冊 180

4.5.5 視頻控制項(video) 184

4.5.6 上手實踐:帶彈幕的視頻播放器 184

4.6 地圖 187

4.6.1 地圖 187

4.6.2 上手實踐:微信中的騰訊地圖定位 188

4.7 畫布 189

4.7.1 畫布控制項(canvas) 190

4.7.2 上手實踐:使用canvas實現畫布的繪製 190

4.8 小結 192

4.9 實踐與練習 192

5 項目實戰1——日記本 193

5.1 需求分析 193

5.1.1 需求確定 193

5.1.2 功能確定 194

5.1.3 系統設計 194

5.1.4 原型設計 197

5.2 具體編碼 199

5.2.1 項目初始化 199

5.2.2 測試環境搭建 201

5.2.3 用戶系統編碼 203

5.2.4 日記系統編碼 218

5.3 小結 233

5.4 實踐與練習 235

6 微信提供的API解析 236

6.1 網路 236

6.1.1 發起請求 236

6.1.2 上傳與下載 238

6.1.3 WebSocket 240

6.2 媒體 243

6.2.1 圖片 243

6.2.2 錄音 245

6.2.3 語音控制 246

6.2.4 音樂控制 248

6.2.5 視頻控制 252

6.2.6 上手實踐:獲取本地視頻和播放控制 254

6.3 檔案 256

6.4 數據快取 260

6.5 位置 264

6.5.1 獲取位置 264

6.5.2 查看位置 265

6.5.3 地圖組件控制 266

6.5.4 上手實踐:地圖控制和查看 267

6.6 設備 269

6.6.1 系統信息 269

6.6.2 網路狀態 271

6.6.3 重力感應 271

6.6.4 羅盤 272

6.6.5 撥打電話 272

6.6.6 掃碼 272

6.6.7 上手實踐:獲取所有手機信息和網路狀態 273

6.7 界面 274

6.7.1 互動反饋 274

6.7.2 設定導航條 277

6.7.3 導航 278

6.7.4 動畫 280

6.7.5 下拉刷新 284

6.7.6 上手實踐:帶有控制的動畫 285

6.8 繪圖 287

6.8.1 在canvas上畫圖 289

6.8.2 canvas坐標系 290

6.8.3 漸變 291

6.8.4 上手實踐:使用canvas繪製笑臉 294

6.9 開放接口 296

6.9.1 登錄 296

6.9.2 用戶信息 301

6.9.3 微信支付 302

6.9.4 模板訊息 303

6.9.5 客服訊息 307

6.9.6 分享 315

6.9.7 獲取二維碼 316

6.10 小結 316

6.11 實踐與練習 317

7 項目實戰2——線上閱讀 318

7.1 項目準備工作 318

7.1.1 項目需求分析 318

7.1.2 項目系統設計 319

7.1.3 設計1:用戶模組 319

7.1.4 設計2:小說閱讀模組 321

7.1.5 項目使用到的技術 321

7.2 項目伺服器端編碼 322

7.2.1 伺服器端介紹 322

7.2.2 Laravel框架的安裝與配置 322

7.2.3 伺服器功能路由劃分 324

7.2.4 伺服器資料庫搭建 325

7.2.5 伺服器的配置 327

7.2.6 伺服器的項目結構 328

7.2.7 伺服器端登錄頁面的代碼實現 328

7.2.8 伺服器端管理主頁的代碼實現 330

7.2.9 伺服器端管理用戶的代碼實現 332

7.2.10 小程式的接口文檔 332

7.2.11 後台管理頁面搭建 339

7.2.12 伺服器端的測試 347

7.3 項目微信小程式端編碼 352

7.3.1 微信小程式頁面設計 353

7.3.2 搭建微信小程式項目 353

7.3.3 微信小程式“首頁”選單的代碼實現 355

7.3.4 微信小程式“用戶歷史”選單的代碼實現 357

7.3.5 微信小程式“用戶註冊”頁面的代碼實現 361

7.3.6 微信小程式“小說閱讀”頁面的代碼實現 367

7.4 小結 371

7.5 實踐與練習 371

8 小程式新增API 372

8.1 藍牙API 372

8.1.1 獲取藍牙適配器 372

8.1.2 關閉藍牙模組 374

8.1.3 獲取本機藍牙狀態 375

8.1.4 搜尋藍牙設備 377

8.1.5 上手實踐:藍牙管理器 386

8.2 其他新增API 389

8.2.1 獲取收貨地址 390

8.2.2 打開小程式設定界面 391

8.2.3 操作剪貼簿 392

8.2.4 支持微信卡券 393

8.2.5 監聽網路變化 395

8.3 ES 6的支持 396

8.4 小結 398

8.5 實踐與練習 398

熱門詞條

聯絡我們