日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

上一篇文章我們講述了基于 Web Components 的構件,可復用的構件是 EasyMABuilder 的基礎。

現代軟件的開發追求最大化的可復用性,因為軟件復用帶來諸多好處:提升研發效率、降低研發成本、降低過程風險、增加可靠性、有利于標準化等。

構件,就是 EasyMABuilder 中可復用的單元,通過組合現有的構件就可以搭建出完整的 Web 應用。

而隨著應用規模的增長,開發者可能需要更上層的復用,即:將一套構件的組合封裝成一個新的可復用的單元,并且希望它能像普通構件那樣使用。例如我們可能需要一個顯示趨勢圖的卡片,它由一個卡片構件及一個趨勢圖構件組成,我們希望將這個定制卡片能復用在多個頁面中。

EasyMABuilder 對此提供了對構件組合的封裝:自定義模板,以下我們簡稱為模板。

創建模板的界面與編排一個普通頁面的界面完全一致,因為它們都是編排一套構件的組合。

不同的是,模板將內部的構件封裝了起來,并且可以按需對外暴露屬性、事件、方法和插槽,并將這些信息映射到內部的構件,這樣,模板也有了普通構件的幾大要素,因此它就可以像普通構件那樣在各個地方復用。

例如,上文提到的趨勢圖卡片,我們可以先編排好模板的構件結構:

為了提升這個模板的可復用性,我們擴展一下它的能力,支持由外部傳入卡片的標題和趨勢圖的數據源,進行一下屬性映射的配置:

這樣,我們的模板就有了兩個屬性 chartTitle 和 dataSource,設置或讀取它們等同于讀取內部構件的對應屬性。

例如,我們可以在頁面中同時編排兩個趨勢圖卡片,分別顯示 CPU 使用率和內存使用率:

事件、方法和插槽的映射方式與屬性類似,其中,插槽的映射是系統在運行時通過模板的展開來實現的。

例如,假設我們為上面的模板再添加一個附加按鈕的插槽 addon,映射到卡片構件的對應插槽上,然后我們為上面的 CPU 使用率卡片添加一個查看詳細信息的附加按鈕。

在模板被展開之前的頁面 storyboard 中,構件樹大約長這樣:

展開后:

每個模板在運行時將被分別展開,其中的插槽下的子構件也會被移植到指定的內部構件的對應插槽上。例如上面的查看詳情的附加按鈕 view-detail 就被移植到了 CPU 使用率所在模板內部的卡片構件的 addon 插槽中。

自定義模板可以在每個應用內維護,也可以選擇在多個應用之間連接共享,還可以單獨打包并納入平臺的構件資源庫中,就像普通的構件包一樣。

由于模板就是構件組合的編排,因此可以輕易地將現有的頁面編排的某個部分轉換成模板,以便在別處復用,這樣可以更加平滑地進行應用的迭代研發。

以上我們講訴了自定義模板在兼容普通構件的基本能力的前提下,通過對構件組合的封裝,在 EasyMABuilder 中提供了更上層的可復用單元,從而讓開發者以更高的效率和更好的可靠性完成應用的編排。

在低代碼平臺中,除了組織基本的 UI 界面結構外,還有一項重要的工作是維護和管理數據,特別是來自遠端的異步數據和動態變更的狀態數據。

分享到:
標簽:維科 組合 自定義 構件 封裝 模板 代碼
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定