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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

例如,假設我們?yōu)樯厦娴哪0逶偬砑右粋€附加按鈕的插槽 addon,映射到卡片構件的對應插槽上,然后我們?yōu)樯厦娴?CPU 使用率卡片添加一個查看詳細信息的附加按鈕。

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

展開后:

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

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

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

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

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

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

網(wǎng)友整理

注冊時間:

網(wǎng)站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網(wǎng)站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

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

數(shù)獨大挑戰(zhàn)2018-06-03

數(shù)獨一種數(shù)學游戲,玩家需要根據(jù)9

答題星2018-06-03

您可以通過答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

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

運動步數(shù)有氧達人2018-06-03

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

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

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

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