微信小程序開發從入門到實戰(微課視頻版)（簡體書）

本書以微信小程序開發入門到實戰為定位，內容共12章： 第1章帶領讀者認識微信小程序； 第2章整體性地討論小程序的框架問題； 第3章介紹常見的組件； 第4章介紹視圖層的樣式佈局； 第5章介紹邏輯層JavaScript； 第6章介紹小程序數據庫操作； 第7章介紹常見的網絡接口； 第8章介紹常見的媒體和設備接口； 第9章介紹常見的交互和開放接口； 第10章介紹微信小程序最新技術：雲開發； 第11、12章是兩個綜合性項目。考慮到大部分高校開設過“Java程序設計”課程，本書中的高級接口均採用Java作為後端開發語言，案例中的後端代碼附有注釋，沒有Java基礎的讀者可以根據注釋修改成自己需要的後端程序。全書的110個知識點案例代碼、9個小型實訓項目代碼和2個大型實訓項目代碼，均在微信開發者工具和真機中調試通過。本書提供750分鐘的視頻講解，掃描書中相應位置的二維碼可以在線觀看； 本書還提供教學大綱、教學課件、電子教案、程序源碼和教學進度表，掃描封底的課件二維碼可以下載。本書可作為高等院校計算機相關專業學生學習微信小程序的教材，也可供對小程序開發感興趣的開發人員、廣大科技工作者和研究人員參考。本書由陳雲貴和高旭編著，其中，陳雲貴負責編寫第1章、第6～10章和第12章，高旭負責編寫第2～5章和第11章。全書由陳雲貴審閱定稿。

目錄


源碼下載


第1章

認識小程序

1.1微信小程序介紹

1.1.1微信小程序產生的背景

1.1.2什麼是微信小程序

1.1.3小程序之“大程序”

1.1.4微信小程序應用前景

1.2小程序特徵

1.3微信小程序開發準備

1.3.1申請小程序賬號

1.3.2完善信息

1.3.3後臺介紹

1.4第一個微信小程序

1.4.1開發者工具的安裝

1.4.2第一個小程序

1.4.3項目發佈和提交審核

1.5支付寶和百度小程序

1.5.1支付寶小程序

1.5.2百度智能小程序

第2章

小程序開發基礎

2.1開發者工具介紹

2.1.1菜單欄

2.1.2工具欄

2.1.3模擬器

2.1.4目錄樹

2.1.5代碼編輯區

2.1.6調試器

2.2小程序項目結構

2.2.1項目文件結構

2.2.2頁面文件

2.2.3全域配置文件

2.3生命週期函數

2.3.1應用級生命週期

2.3.2頁面級生命週期

2.4邏輯層

2.4.1頁面數據

2.4.2頁面事件處理函數

2.4.3頁面跳轉

2.4.4頁面間參數傳遞

2.4.5模塊化

2.4.6頁面自定義事件函數

2.5視圖層

2.5.1數據綁定

2.5.2條件渲染

2.5.3列表渲染

2.5.4模板

2.5.5引用

2.6實訓項目――商品列表頁和詳情頁

第3章

微信小程序組件

3.1組件概述

3.2視圖容器組件

3.2.1view

3.2.2scrollview

3.2.3swiper

3.3基礎內容組件

3.3.1icon

3.3.2text

3.3.3progress

3.4表單組件

3.4.1button

3.4.2checkbox

3.4.3input

3.4.4label

3.4.5form

3.4.6picker

3.4.7pickerview

3.4.8radio

3.4.9slider

3.4.10switch

3.4.11textarea

3.5導航組件

3.6媒體組件

3.6.1audio

3.6.2image

3.6.3video

3.7地圖組件

3.8實訓項目――問卷調查

第4章

樣式與佈局

4.1小程序樣式

4.1.1定義樣式

4.1.2使用樣式

4.2選擇器

4.2.1基礎選擇器

4.2.2複合選擇器

4.3基礎樣式

4.3.1文本樣式

4.3.2字體樣式

4.4盒子模型

4.4.1盒子模型概述

4.4.2盒子模型屬性

4.5元素類別

4.5.1塊級元素

4.5.2行內元素

4.5.3內聯塊級元素

4.6flex佈局

4.6.1flex基本概念

4.6.2flex容器屬性

4.6.3flex項目屬性

4.7layer佈局

4.8float佈局

4.9小程序佈局實戰

4.9.1列表式

4.9.2轉盤式

4.9.3多面板

4.9.4標簽式

4.10實訓項目――仿京東首頁小案例

第5章

JavaScript基礎

5.1JavaScript簡介

5.2JavaScript基礎語法

5.2.1變量

5.2.2數據類型

5.2.3運算符

5.2.4邏輯控制語句

5.2.5定義和調用函數

5.2.6小程序中this和that的使用

5.3JavaScript在小程序中常見的交互場景

5.3.1購物車場景

5.3.2下拉菜單場景

5.3.3欄目切換場景

5.3.4系統設置場景

5.4實訓項目――計算器小案例

第6章

數據庫操作


6.1MySQL數據庫

6.1.1MySQL數據庫介紹

6.1.2MySQL數據庫下載和安裝

6.1.3使用phpStudy安裝MySQL

6.2可視化工具Navicat for MySQL

6.2.1Navicat介紹與安裝

6.2.2在Navicat中創建數據庫

6.3基於Java的後端JSON接口

6.3.1JDBC

6.3.2JSON接口

6.4數據庫操作

6.4.1wx.request()接口

6.4.2基於數據庫的新聞列表頁案例

6.4.3基於數據庫的新聞詳情頁案例

6.5數據緩存Storage

6.6html2wxml富文本插件

6.6.1html2wxml插件介紹

6.6.2html2wxml插件使用

6.7實訓項目――基於數據庫的註冊與登錄案例

第7章

網絡通信與文件上傳下載操作

7.1WebSocket

7.1.1WebSocket接口

7.1.2基於Node.js的WebSocket案例

7.2wx.uploadFile()文件上傳

7.2.1文件上傳後端

7.2.2文件上傳前端

7.3wx.downloadFile()文件下載

7.4實訓項目――網絡相冊

7.4.1網絡相冊項目後端

7.4.2網絡相冊項目前端

第8章

媒體與設備操作

8.1地圖與位置

8.1.1地圖

8.1.2位置

8.2圖片

8.3視頻

8.4錄音、音頻播放控制以及背景音樂

8.4.1錄音

8.4.2音頻播放控制

8.4.3背景音樂

8.5設備操作

8.5.1獲取系統信息

8.5.2網絡環境

8.5.3電量

8.6實訓項目――音樂播放器案例

第9章

交互接口和開放接口


9.1交互反饋

9.1.1消息提示框wx.showToast()和加載提示框
wx.showLoading()

9.1.2模態對話框wx.showModal()和操作菜單
wx.showActionSheet()

9.2微信登錄接口wx.login()

9.2.1微信登錄前端

9.2.2微信登錄後端

9.3微信支付接口wx.requestPayment()

9.3.1微信支付前端

9.3.2微信支付後端

9.4獲取用戶信息接口wx.getUserInfo()

9.5模板消息template

9.5.1模板消息前端

9.5.2模板消息後端

9.6權限接口

9.6.1用戶授權接口wx.authorize()

9.6.2獲取用戶權限設置接口wx.getSetting()

9.6.3打開用戶權限設置界面接口wx.openSetting()

9.7微信運動接口wx.getWeRunData()

9.8其他常見開放接口

9.8.1小程序間跳轉接口wx.navigateToMiniProgram()

9.8.2獲取用戶收貨地址接口wx.chooseAddress()

9.8.3SOTER指紋認證

9.9實訓項目――購物車與結算功能

第10章

小程序雲開發

10.1雲開發

10.1.1開通雲開發功能

10.1.2雲開發控制台使用

10.1.3第一個雲開發小程序

10.2雲存儲

10.3雲函數

10.3.1雲函數API和雲函數創建

10.3.2Callback風格和Promise風格

10.3.3npm和wxserversdk

10.4雲數據庫

10.4.1數據類型和權限控制

10.4.2查詢數據

10.4.3插入數據

10.4.4更新數據

10.4.5刪除數據

10.5實訓項目――基於雲數據庫的許願牆

第11章

數碼產品類電商小程序項目

11.1需求分析

11.2頁面設計與實現

11.2.1全域文件的設計與實現

11.2.2商城首頁的設計與實現

11.2.3商品分類頁的設計與實現

11.2.4商品詳情頁的設計與實現

11.3購物車功能的設計與實現

11.4支付頁面的設計

11.5項目小結

第12章

基於雲開發的新聞小程序項目

12.1需求分析

12.2雲存儲的設計與實現

12.2.1雲存儲在本項目中的意義

12.2.2雲存儲的設計與實現

12.3雲數據庫的設計與實現

12.4小程序端的實現

12.4.1項目效果圖展示

12.4.2全域文件的實現

12.4.3其他頁面的實現

12.5項目小結