今天的文章是講微信小程序開(kāi)發(fā)的,按理解把架構(gòu)與框架說(shuō)說(shuō)。有不對(duì)之處請(qǐng)大神指點(diǎn)……
微信小程序與web應(yīng)用很像,但是原理不同,微信小程序是運(yùn)行在微信應(yīng)用內(nèi)的,不是運(yùn)行在瀏覽器上,所以JS的一些DOM操作在這里不適用。小程序有自己的一套標(biāo)記語(yǔ)言(wxml),樣式語(yǔ)言(wxss),與web開(kāi)發(fā)的html和css思想是一致的。
首先,說(shuō)說(shuō)微信小程序架構(gòu)。
架構(gòu)分為視圖層,邏輯層,組件,API幾個(gè)部分。視圖層負(fù)責(zé)頁(yè)面結(jié)構(gòu)、樣式和數(shù)據(jù)展示,用wxml、wxss語(yǔ)言編寫(xiě)。邏輯層負(fù)責(zé)業(yè)務(wù)邏輯,調(diào)用API等,由js編寫(xiě)。視圖層和邏輯層類(lèi)似MVVM模式,邏輯層只需對(duì)數(shù)據(jù)對(duì)象更新,就可以改變視圖層的數(shù)據(jù)顯示,這個(gè)很像vue,不知道底層是不是vue! 組件是視圖層封裝好的基礎(chǔ)組件,如按鈕、輸入框等!API提供了訪問(wèn)手機(jī)設(shè)備、網(wǎng)絡(luò)、服務(wù)器、微信平臺(tái)接口等能力。如下圖
架構(gòu)圖:(按自己理解畫(huà)的,僅供參考)
其次,在說(shuō)說(shuō)開(kāi)發(fā)框架。
每個(gè)小程序在微信里是個(gè)應(yīng)用(App),App中又包含了多個(gè)頁(yè)面(Page)。App有屬于他的生命周期和目錄結(jié)構(gòu),Page也有屬于他的生命周期和目錄結(jié)構(gòu)。如下圖:
框架圖(看開(kāi)發(fā)文檔的總結(jié))
工作日 8:30-12:00 14:30-18:00
周六及部分節(jié)假日提供值班服務(wù)