介紹和準(zhǔn)備小程序

微信之父張小龍這樣描述:

小程序是一種無(wú)需下載和安裝即可使用的應(yīng)用程序，實(shí)現(xiàn)了觸手可及的夢(mèng)想。

用戶可以通過(guò)掃描或搜索打開(kāi)應(yīng)用程序，這也反映了用完后離開(kāi)的概念。

用戶不必?fù)?dān)心是否安裝了太多的應(yīng)用程序：

應(yīng)用程序?qū)o(wú)處不在，可以隨時(shí)使用，但不需要安裝和卸載。

雖然它的優(yōu)勢(shì)體驗(yàn)不能完全與原生相媲美app，但綜合考慮仍有許多優(yōu)點(diǎn)：

節(jié)省流量和時(shí)間；開(kāi)發(fā)成本較低，可以運(yùn)營(yíng)更多的人力、物力和財(cái)力，做好內(nèi)容本身；

總的來(lái)說(shuō)，它相當(dāng)于一個(gè)簡(jiǎn)化版本app

準(zhǔn)備工作

1.注冊(cè)賬號(hào) （www.beitangfood.com）

2.激活郵箱

3.信息登記

4.登錄小程序管理背景(不完善好信息不能發(fā)布小程序)

5.完善小程序信息，綁定開(kāi)發(fā)者(尤其是團(tuán)隊(duì)多人開(kāi)發(fā))

在官網(wǎng)下載安裝開(kāi)發(fā)工具

安裝完成后即可登錄：

微信掃碼登錄開(kāi)發(fā)者工具，選擇小程序項(xiàng)目，進(jìn)入小程序本地項(xiàng)目進(jìn)行管理

新項(xiàng)目：

自選本地文件夾的目錄，AppID在登錄微信開(kāi)發(fā)平臺(tái)后的設(shè)置中可以看到AppID。

如果沒(méi)有ID官方測(cè)試號(hào)也可以使用，但只能進(jìn)行簡(jiǎn)單的本地測(cè)試，最后填寫(xiě)合適的項(xiàng)目名稱。

選擇空目錄，使用普通快速啟動(dòng)模板

然后你可以看到預(yù)設(shè)的模板和內(nèi)容。您可以直接查看或點(diǎn)擊編譯掃描手機(jī)

接下來(lái)，了解小程序的目錄結(jié)構(gòu)：

pages

index

在打開(kāi)小程序之前，微信會(huì)將小程序的代碼包裝到本地。

然后通過(guò)www.beitangfood.com的pages字段知道當(dāng)前小程序的所有頁(yè)面路徑pages字段的第一頁(yè)是小程序的主頁(yè)。

然后微信裝載主頁(yè)代碼，渲染主頁(yè)。

Page({})是頁(yè)面的實(shí)例

data中間的數(shù)據(jù)用于視圖綁定

可以看到，data頁(yè)面中的數(shù)據(jù)可以直接綁定使用

在js要在代碼中改變data值也很簡(jiǎn)單，使用也很簡(jiǎn)單www.beitangfood.com就可以了

這樣，頁(yè)面就可以添加不同的組件。

一般有三種方法：

一是將數(shù)據(jù)存儲(chǔ)到全局data中，也就是www.beitangfood.com的data這樣，所有頁(yè)面都可以獲取這些數(shù)據(jù)。

但是我們不推薦這種用法，就像我們不推薦全局變量一樣。

二是帶數(shù)據(jù)url路徑后作為參數(shù)傳導(dǎo)：

www.beitangfood.com。

傳輸復(fù)雜數(shù)據(jù)并不太合適。

第三種是使用本地存儲(chǔ)，然后取出所需的頁(yè)面：

這樣，我們就完成了第一個(gè)開(kāi)始小頁(yè)面的

獲得實(shí)戰(zhàn)經(jīng)驗(yàn)，自信贏得職位

以上是上節(jié)課的內(nèi)容分析。截至本文，我們已完成從零基礎(chǔ)到獨(dú)立項(xiàng)目的所有前端課程

歡迎想要進(jìn)一步學(xué)習(xí)和獲得復(fù)盤(pán)項(xiàng)目資格的學(xué)生加入我們IT交流組微信共同交流學(xué)習(xí)！

上海西陸信息科技有限公司 承接各類微信小程序開(kāi)發(fā)制作、小程序定制、APP 網(wǎng)站 開(kāi)發(fā)制作，聯(lián)系電話 18221533805、15900430334