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

第1章小程序簡(jiǎn)介

1.1什么是小程序

1.2小程序能做什么

1.3小程序的宣傳方式

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

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

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

1.6.1小程序框架

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

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

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

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

思考題

第2章小程序開(kāi)發(fā)工具簡(jiǎn)介

2.1小程序官方文檔

2.2小程序開(kāi)發(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小程序開(kāi)發(fā)之初體驗(yàn)

思考題

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

3.1MINA框架

3.2WXML標(biāo)簽語(yǔ)言

3.2.1WXML簡(jiǎn)介

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事件綁定和冒泡

思考題



微信小程序開(kāi)發(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開(kāi)關(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ù)訪問(wèn)地理位置

思考題

第5章小程序開(kāi)發(fā)實(shí)例

5.1準(zhǔn)備工作

5.2小程序生命周期

5.3頁(yè)面配置初探


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頁(yè)并快速調(diào)試

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

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

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

5.6.4條件渲染

5.6.5列表渲染

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

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

思考題

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

6.1云開(kāi)發(fā)簡(jiǎn)介

6.1.1什么是云開(kāi)發(fā)

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

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

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

6.1.5文件存儲(chǔ)能力解讀

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

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

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

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

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

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

6.3.1基本概念

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

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

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

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

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

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

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

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

6.5.1如何使用GitHub

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

思考題

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

7.1項(xiàng)目簡(jiǎn)介

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

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

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

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

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

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

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

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

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

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

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

思考題

參考文獻(xiàn)