小程序模板網(wǎng)

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

發(fā)布時間:2021-05-31 11:37 所屬欄目:小程序開發(fā)教程

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

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

        首先,說說微信小程序架構。

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

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

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

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

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


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