目錄
源碼下載
第1章
認識小程序
1.1微信小程序介紹
1.1.1微信小程序產(chǎn)生的背景
1.1.2什么是微信小程序
1.1.3小程序之“大程序”
1.1.4微信小程序應(yīng)用前景
1.2小程序特征
1.3微信小程序開發(fā)準備
1.3.1申請小程序賬號
1.3.2完善信息
1.3.3后臺介紹
1.4第一個微信小程序
1.4.1開發(fā)者工具的安裝
1.4.2第一個小程序
1.4.3項目發(fā)布和提交審核
1.5支付寶和百度小程序
1.5.1支付寶小程序
1.5.2百度智能小程序
第2章
小程序開發(fā)基礎(chǔ)
2.1開發(fā)者工具介紹
2.1.1菜單欄
2.1.2工具欄
2.1.3模擬器
2.1.4目錄樹
2.1.5代碼編輯區(qū)
2.1.6調(diào)試器
2.2小程序項目結(jié)構(gòu)
2.2.1項目文件結(jié)構(gòu)
2.2.2頁面文件
2.2.3全局配置文件
2.3生命周期函數(shù)
2.3.1應(yīng)用級生命周期
2.3.2頁面級生命周期
2.4邏輯層
2.4.1頁面數(shù)據(jù)
2.4.2頁面事件處理函數(shù)
2.4.3頁面跳轉(zhuǎn)
2.4.4頁面間參數(shù)傳遞
2.4.5模塊化
2.4.6頁面自定義事件函數(shù)
2.5視圖層
2.5.1數(shù)據(jù)綁定
2.5.2條件渲染
2.5.3列表渲染
2.5.4模板
2.5.5引用
2.6實訓(xùn)項目——商品列表頁和詳情頁
第3章
微信小程序組件
3.1組件概述
3.2視圖容器組件
3.2.1view
3.2.2scrollview
3.2.3swiper
3.3基礎(chǔ)內(nèi)容組件
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導(dǎo)航組件
3.6媒體組件
3.6.1audio
3.6.2image
3.6.3video
3.7地圖組件
3.8實訓(xùn)項目——問卷調(diào)查
第4章
樣式與布局
4.1小程序樣式
4.1.1定義樣式
4.1.2使用樣式
4.2選擇器
4.2.1基礎(chǔ)選擇器
4.2.2復(fù)合選擇器
4.3基礎(chǔ)樣式
4.3.1文本樣式
4.3.2字體樣式
4.4盒子模型
4.4.1盒子模型概述
4.4.2盒子模型屬性
4.5元素類別
4.5.1塊級元素
4.5.2行內(nèi)元素
4.5.3內(nèi)聯(lián)塊級元素
4.6flex布局
4.6.1flex基本概念
4.6.2flex容器屬性
4.6.3flex項目屬性
4.7layer布局
4.8float布局
4.9小程序布局實戰(zhàn)
4.9.1列表式
4.9.2轉(zhuǎn)盤式
4.9.3多面板
4.9.4標簽式
4.10實訓(xùn)項目——仿京東首頁小案例
第5章
JavaScript基礎(chǔ)
5.1JavaScript簡介
5.2JavaScript基礎(chǔ)語法
5.2.1變量
5.2.2數(shù)據(jù)類型
5.2.3運算符
5.2.4邏輯控制語句
5.2.5定義和調(diào)用函數(shù)
5.2.6小程序中this和that的使用
5.3JavaScript在小程序中常見的交互場景
5.3.1購物車場景
5.3.2下拉菜單場景
5.3.3欄目切換場景
5.3.4系統(tǒng)設(shè)置場景
5.4實訓(xùn)項目——計算器小案例
第6章
數(shù)據(jù)庫操作
6.1MySQL數(shù)據(jù)庫
6.1.1MySQL數(shù)據(jù)庫介紹
6.1.2MySQL數(shù)據(jù)庫下載和安裝
6.1.3使用phpStudy安裝MySQL
6.2可視化工具Navicat for MySQL
6.2.1Navicat介紹與安裝
6.2.2在Navicat中創(chuàng)建數(shù)據(jù)庫
6.3基于Java的后端JSON接口
6.3.1JDBC
6.3.2JSON接口
6.4數(shù)據(jù)庫操作
6.4.1wx.request()接口
6.4.2基于數(shù)據(jù)庫的新聞列表頁案例
6.4.3基于數(shù)據(jù)庫的新聞詳情頁案例
6.5數(shù)據(jù)緩存Storage
6.6html2wxml富文本插件
6.6.1html2wxml插件介紹
6.6.2html2wxml插件使用
6.7實訓(xùn)項目——基于數(shù)據(jù)庫的注冊與登錄案例
第7章
網(wǎng)絡(luò)通信與文件上傳下載操作
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實訓(xùn)項目——網(wǎng)絡(luò)相冊
7.4.1網(wǎng)絡(luò)相冊項目后端
7.4.2網(wǎng)絡(luò)相冊項目前端
第8章
媒體與設(shè)備操作
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設(shè)備操作
8.5.1獲取系統(tǒng)信息
8.5.2網(wǎng)絡(luò)環(huán)境
8.5.3電量
8.6實訓(xùn)項目——音樂播放器案例
第9章
交互接口和開放接口
9.1交互反饋
9.1.1消息提示框wx.showToast()和加載提示框
wx.showLoading()
9.1.2模態(tài)對話框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權(quán)限接口
9.6.1用戶授權(quán)接口wx.authorize()
9.6.2獲取用戶權(quán)限設(shè)置接口wx.getSetting()
9.6.3打開用戶權(quán)限設(shè)置界面接口wx.openSetting()
9.7微信運動接口wx.getWeRunData()
9.8其他常見開放接口
9.8.1小程序間跳轉(zhuǎn)接口wx.navigateToMiniProgram()
9.8.2獲取用戶收貨地址接口wx.chooseAddress()
9.8.3SOTER指紋認證
9.9實訓(xùn)項目——購物車與結(jié)算功能
第10章
小程序云開發(fā)
10.1云開發(fā)
10.1.1開通云開發(fā)功能
10.1.2云開發(fā)控制臺使用
10.1.3第一個云開發(fā)小程序
10.2云存儲
10.3云函數(shù)
10.3.1云函數(shù)API和云函數(shù)創(chuàng)建
10.3.2Callback風(fēng)格和Promise風(fēng)格
10.3.3npm和wxserversdk
10.4云數(shù)據(jù)庫
10.4.1數(shù)據(jù)類型和權(quán)限控制
10.4.2查詢數(shù)據(jù)
10.4.3插入數(shù)據(jù)
10.4.4更新數(shù)據(jù)
10.4.5刪除數(shù)據(jù)
10.5實訓(xùn)項目——基于云數(shù)據(jù)庫的許愿墻
第11章
數(shù)碼產(chǎn)品類電商小程序項目
11.1需求分析
11.2頁面設(shè)計與實現(xiàn)
11.2.1全局文件的設(shè)計與實現(xiàn)
11.2.2商城首頁的設(shè)計與實現(xiàn)
11.2.3商品分類頁的設(shè)計與實現(xiàn)
11.2.4商品詳情頁的設(shè)計與實現(xiàn)
11.3購物車功能的設(shè)計與實現(xiàn)
11.4支付頁面的設(shè)計
11.5項目小結(jié)
第12章
基于云開發(fā)的新聞小程序項目
12.1需求分析
12.2云存儲的設(shè)計與實現(xiàn)
12.2.1云存儲在本項目中的意義
12.2.2云存儲的設(shè)計與實現(xiàn)
12.3云數(shù)據(jù)庫的設(shè)計與實現(xiàn)
12.4小程序端的實現(xiàn)
12.4.1項目效果圖展示
12.4.2全局文件的實現(xiàn)
12.4.3其他頁面的實現(xiàn)
12.5項目小結(jié)