小程序模板網(wǎng)

小程序開發(fā)框架組成介紹.

發(fā)布時間:2021-06-22 11:39 所屬欄目:小程序開發(fā)教程

  今天的文章是講微信小程序開發(fā)的,按理解把架構(gòu)與框架說說。有不對之處請大神指點……

        微信小程序與web應(yīng)用很像,但是原理不同,微信小程序是運(yùn)行在微信應(yīng)用內(nèi)的,不是運(yùn)行在瀏覽器上,所以JS的一些DOM操作在這里不適用。小程序有自己的一套標(biāo)記語言(wxml),樣式語言(wxss),與web開發(fā)的html和css思想是一致的。

        首先,說說微信小程序架構(gòu)。

        架構(gòu)分為視圖層,邏輯層,組件,API幾個部分。視圖層負(fù)責(zé)頁面結(jié)構(gòu)、樣式和數(shù)據(jù)展示,用wxml、wxss語言編寫。邏輯層負(fù)責(zé)業(yè)務(wù)邏輯,調(diào)用API等,由js編寫。視圖層和邏輯層類似MVVM模式,邏輯層只需對數(shù)據(jù)對象更新,就可以改變視圖層的數(shù)據(jù)顯示,這個很像vue,不知道底層是不是vue! 組件是視圖層封裝好的基礎(chǔ)組件,如按鈕、輸入框等!API提供了訪問手機(jī)設(shè)備、網(wǎng)絡(luò)、服務(wù)器、微信平臺接口等能力。如下圖

架構(gòu)圖:(按自己理解畫的,僅供參考)

        其次,在說說開發(fā)框架。

        每個小程序在微信里是個應(yīng)用(App),App中又包含了多個頁面(Page)。App有屬于他的生命周期和目錄結(jié)構(gòu),Page也有屬于他的生命周期和目錄結(jié)構(gòu)。如下圖:

框架圖(看開發(fā)文檔的總結(jié))


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/26655.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢