微信小程序開發(fā)快速入門

第1章小程序簡介

1.1什么是小程序

1.2小程序能做什么

1.3小程序的宣傳方式

1.4小程序的特點

1.5小程序的產(chǎn)品優(yōu)勢

1.6小程序開發(fā)的準備工作

1.6.1小程序框架

1.6.2小程序開發(fā)流程

1.7小程序的設(shè)計規(guī)范

1.8小程序的運營規(guī)范

1.9幾個重要的參考文檔

思考題

第2章小程序開發(fā)工具簡介

2.1小程序官方文檔

2.2小程序開發(fā)流程

2.3小程序賬號注冊

2.3.1微信公眾號注冊小程序

2.3.2微信小程序官網(wǎng)注冊小程序賬號

2.4新建小程序項目

2.5調(diào)試區(qū)6種模式

2.6AppID的創(chuàng)建

2.7小程序開發(fā)之初體驗

思考題

第3章小程序框架結(jié)構(gòu)介紹

3.1MINA框架

3.2WXML標簽語言

3.2.1WXML簡介

3.2.2基礎(chǔ)知識

3.2.3WXML主要功能

3.3WXSS

3.4視圖層和邏輯層的信息傳遞交互實現(xiàn)

3.5配置文件解析

3.5.1app.json

3.5.2project.config.json

3.5.3app.wxss

3.5.4app.js

3.5.5app.wxml

3.6小程序的啟動

3.7事件綁定

3.7.1事件的類別

3.7.2事件的使用方式

3.7.3冒泡事件與非冒泡事件

3.7.4事件綁定和冒泡

思考題



微信小程序開發(fā)快速入門微課視頻版








目錄



第4章微信小程序的組件

4.1基礎(chǔ)組件

4.1.1view組件

4.1.2scrollview組件(可滾動視圖區(qū)域)

4.1.3swiper滑塊視圖容器(輪播)

4.1.4基礎(chǔ)內(nèi)容icon組件

4.1.5基礎(chǔ)內(nèi)容text組件

4.1.6基礎(chǔ)內(nèi)容progress進度條

4.1.7表單組件之按鈕組件button

4.1.8表單組件之單選框radio

4.1.9表單組件之復選框checkbox

4.1.10表單組件label

4.1.11switch開關(guān)組件

4.1.12選擇器picker

4.2媒體組件

4.2.1媒體組件image

4.2.2媒體組件audio

4.2.3媒體組件video

4.2.4媒體組件camera

4.3地圖組件map

4.4使用微信API函數(shù)訪問地理位置

思考題

第5章小程序開發(fā)實例

5.1準備工作

5.2小程序生命周期

5.3頁面配置初探


5.4快速實現(xiàn)基本布局——應用彈性盒子布局

5.4.1傳統(tǒng)布局的實現(xiàn)方式

5.4.2彈性盒子布局

5.4.3彈性盒子布局的優(yōu)點

5.5如何讓元素大小適配不同寬度屏幕

5.6新增“優(yōu)惠推薦”promotion頁并快速調(diào)試

5.6.1使用navigator組件——從about頁跳轉(zhuǎn)到promotion頁

5.6.2配置tabBar——對若干一級頁面的入口鏈接

5.6.3數(shù)據(jù)綁定——從視圖中抽離出數(shù)據(jù)

5.6.4條件渲染

5.6.5列表渲染

5.7數(shù)據(jù)更新

5.8頁面間跳轉(zhuǎn)的實現(xiàn)機制

思考題

第6章小程序云開發(fā)解決方案

6.1云開發(fā)簡介

6.1.1什么是云開發(fā)

6.1.2云開發(fā)提供能力概覽

6.1.3小程序·云開發(fā)主要基礎(chǔ)能力

6.1.4數(shù)據(jù)庫基礎(chǔ)能力解讀

6.1.5文件存儲能力解讀

6.1.6云函數(shù)能力解讀

6.2如何結(jié)合騰訊云開發(fā)小程序

6.2.1新建云開發(fā)模板

6.2.2云函數(shù)初體驗

6.2.3在既有小程序項目中新建云函數(shù)并實現(xiàn)在視圖頁面中調(diào)用

6.3數(shù)據(jù)庫的使用

6.3.1基本概念

6.3.2集合創(chuàng)建及表數(shù)據(jù)操作

6.3.3控制臺數(shù)據(jù)庫高級操作

6.3.4代碼實現(xiàn)數(shù)據(jù)庫表記錄添加操作

6.3.5數(shù)據(jù)庫表記錄讀取操作

6.3.6數(shù)據(jù)庫表記錄修改操作

6.3.7數(shù)據(jù)庫表記錄刪除操作

6.4渲染視圖頁面與云開發(fā)控制臺的數(shù)據(jù)交互實現(xiàn)

6.5如何從GitHub獲取小程序示例Demo

6.5.1如何使用GitHub

6.5.2用小程序·云開發(fā)制作博客小程序

思考題

第7章小程序云開發(fā)方案示例

7.1項目簡介

7.2詳細設(shè)計與實現(xiàn)

7.2.1項目原型設(shè)計

7.2.2開發(fā)環(huán)境搭建

7.2.3數(shù)據(jù)庫環(huán)境創(chuàng)建

7.2.4點爆頁面實現(xiàn)

7.3從云端獲取數(shù)據(jù)

7.3.1頁面內(nèi)數(shù)據(jù)列表滾動及導航切換后數(shù)據(jù)列表都在頂部實現(xiàn)

7.3.2實現(xiàn)數(shù)據(jù)列表加載功能

7.3.3搜索框搜索頁面的實現(xiàn)

7.3.4爆文詳情及轉(zhuǎn)發(fā)功能實現(xiàn)

7.3.5助爆功能實現(xiàn)

思考題

參考文獻