內容簡介
本書以微信小程式開發入門到實戰為定位,內容共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.2scrollview
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.7pickerview
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.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和wxserversdk
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項目小結
5.3JavaScript在小程式中常見的互動場景
5.3.1購物車場景
5.3.2下拉選單場景
5.3.3欄目切換場景
5.3.4系統設定場景
5.4實訓項目——計算器小案例
第6章
資料庫操作
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和wxserversdk
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項目小結