微信小程序開發入門

介紹和準備小程序

微信之父張小龍(long)這樣描(miao)述:

小程序是(shi)一(yi)種無需下載和安裝即(ji)可使(shi)用的(de)應用程序，實現了觸手(shou)可及(ji)的(de)夢(meng)想。

用戶(hu)可(ke)以通過掃描或搜(sou)索打開(kai)(kai)應用程序，這(zhe)也反映(ying)了用完后離開(kai)(kai)的概(gai)念(nian)。

用戶不(bu)必(bi)擔心(xin)是(shi)否安裝了太多的(de)應用程序(xu)：

應用程序將無處(chu)不(bu)在，可以(yi)隨時(shi)使用，但不(bu)需要(yao)安裝和卸載。

雖然它的優勢體(ti)驗不(bu)能完全與原(yuan)生相媲美app，但綜合(he)考慮仍有許(xu)多優點：

節省流量和時間；開發成本(ben)較(jiao)低，可以運營更多的人力(li)、物力(li)和財力(li)，做好內容本(ben)身；

總的來說，它相當(dang)于一個簡化版(ban)本app

準備工作

1.注(zhu)冊賬號(hao) （karrylady.cn）

2.激活郵箱

3.信息登記

4.登錄小程(cheng)序(xu)管理背景(jing)(不完善好信(xin)息不能發布小程(cheng)序(xu))

5.完善小(xiao)程序信息，綁定開發者(尤其是團隊(dui)多人開發)

在官網下載(zai)安裝開發(fa)工具

安裝(zhuang)完成后即可登錄：

微信(xin)掃碼登(deng)錄開發者(zhe)工(gong)具，選擇小程序(xu)項目(mu)，進入小程序(xu)本地(di)項目(mu)進行管理

新項目：

自選(xuan)本地文(wen)件夾的目(mu)錄，AppID在(zai)登錄微信開發平臺后的設置中可以看(kan)到AppID。

如果沒有(you)ID官方(fang)測(ce)試(shi)號也可以(yi)使(shi)用，但只能進行簡單的本(ben)地(di)測(ce)試(shi)，最后(hou)填寫合適的項目名稱。

選(xuan)擇空目錄(lu)，使用(yong)普(pu)通(tong)快速啟動模(mo)板

然后(hou)你可以(yi)看到預設的模板和(he)內容。您可以(yi)直接(jie)查(cha)看或點(dian)擊編譯掃描手機(ji)

接下來，了解小程(cheng)序的目(mu)錄結構：

pages

index

在打開小程序之前，微信(xin)會將小程序的代(dai)碼包裝到(dao)本地(di)。

然(ran)后通(tong)過(guo)karrylady.cn的pages字段(duan)知(zhi)道當前小(xiao)程序的所有頁面路徑pages字段(duan)的第(di)一頁是小(xiao)程序的主頁。

然后微信裝載(zai)主頁(ye)代碼(ma)，渲染(ran)主頁(ye)。

Page({})是頁面的實例

data中間的數(shu)據用(yong)于(yu)視圖綁定

可(ke)以(yi)看到(dao)，data頁(ye)面中(zhong)的數據可(ke)以(yi)直接(jie)綁定使用

在js要(yao)在代(dai)碼中改變(bian)data值也很(hen)簡單(dan)，使用也很(hen)簡單(dan)karrylady.cn就可以了

這(zhe)樣，頁面就可以(yi)添加不同的組(zu)件(jian)。

一般有三種方法：

一是將(jiang)數(shu)(shu)據存儲到(dao)全局data中，也就是karrylady.cn的(de)data這(zhe)樣，所有頁面都可以獲取這(zhe)些數(shu)(shu)據。

但是(shi)我們(men)不推薦(jian)這(zhe)種用法，就像我們(men)不推薦(jian)全局變量一樣。

二是帶數(shu)據url路(lu)徑后作(zuo)為參(can)數(shu)傳(chuan)導：

karrylady.cn。

傳輸復雜數據并不太合適。

第三種是使用本地存(cun)儲(chu)，然后取(qu)出所需的頁面：

這樣，我們就完(wan)成了第(di)一個(ge)開始(shi)小(xiao)頁面的

獲(huo)得實戰經驗，自(zi)信贏(ying)得職位

以上是上節課(ke)的內容(rong)分析。截至本文，我們已完成從(cong)零基礎(chu)到獨立(li)項目的所有前端課(ke)程

歡迎想要進一步學習和獲(huo)得復盤項目資格(ge)的學生加入我們IT交流組微信共同交流學習！

上海西陸信息科技有(you)限公司 承接(jie)各類微信小程序(xu)開發制作、小程序(xu)定制、APP 網站(zhan) 開發制作，聯系電(dian)話 18221533805、15900430334