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

第1章小程序簡介

1.1什么是小程序

1.2小程序能做什么

1.3小程序的宣傳方式

1.4小程序的特點(diǎn)

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

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

1.6.1小程序框架

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

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

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

1.9幾個(gè)重要的參考文檔

思考題

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

2.1小程序官方文檔

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

2.3小程序賬號(hào)注冊(cè)

2.3.1微信公眾號(hào)注冊(cè)小程序

2.3.2微信小程序官網(wǎng)注冊(cè)小程序賬號(hào)

2.4新建小程序項(xiàng)目

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

2.6AppID的創(chuàng)建

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

思考題

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

3.1MINA框架

3.2WXML標(biāo)簽語言

3.2.1WXML簡介

3.2.2基礎(chǔ)知識(shí)

3.2.3WXML主要功能

3.3WXSS

3.4視圖層和邏輯層的信息傳遞交互實(shí)現(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小程序的啟動(dòng)

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組件(可滾動(dòng)視圖區(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進(jìn)度條

4.1.7表單組件之按鈕組件button

4.1.8表單組件之單選框radio

4.1.9表單組件之復(fù)選框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ā)實(shí)例

5.1準(zhǔn)備工作

5.2小程序生命周期

5.3頁面配置初探


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

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

5.4.2彈性盒子布局

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

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

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

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

5.6.2配置tabBar——對(duì)若干一級(jí)頁面的入口鏈接

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

5.6.4條件渲染

5.6.5列表渲染

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

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

思考題

第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文件存儲(chǔ)能力解讀

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

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

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

6.2.2云函數(shù)初體驗(yàn)

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

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

6.3.1基本概念

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

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

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

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

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

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

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

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

6.5.1如何使用GitHub

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

思考題

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

7.1項(xiàng)目簡介

7.2詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)

7.2.1項(xiàng)目原型設(shè)計(jì)

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

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

7.2.4點(diǎn)爆頁面實(shí)現(xiàn)

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

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

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

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

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

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

思考題

參考文獻(xiàn)