在上篇文章中《跟我一起寫低代碼開發(fā)平臺之四組件模型》，我負(fù)責(zé)的低代碼開發(fā)平臺講到組件模型的五元組模型，今天重點(diǎn)講一下，在低代碼開發(fā)平臺這個產(chǎn)品，我是如何定義每個元組元素的元素模型。

一、屬性模型規(guī)范定義

對于組件的屬性模型的規(guī)范定義，我采用如下<數(shù)據(jù)綁定、基本屬性、公共屬性、校驗(yàn)規(guī)則、移動端屬性> 五元組元數(shù)據(jù)。

組件屬性模型定義

模型綁定：組件構(gòu)建的模型實(shí)體的屬性，維護(hù)模型驅(qū)動的方式生成此組件的模型引用關(guān)系

基本屬性：定義組件的基本屬性或者私有屬性，如組件的標(biāo)簽、名稱、大小等屬性

公共屬性：定義組件的公共屬性，如組件的關(guān)聯(lián)模型、只讀、隱藏、禁用等屬性

校驗(yàn)規(guī)則：此組件的數(shù)據(jù)校驗(yàn)操作，包括校驗(yàn)規(guī)則、提示語、錯誤提示信息等

移動端屬性：如果要實(shí)現(xiàn)組件的移動端渲染，組件在移動端的屬性規(guī)范定義

以文本輸入框舉例，實(shí)現(xiàn)如下：

屬性模型定義

每種模型定義都采用DSL進(jìn)行描述

二、樣式模型規(guī)范定義

對于前端組件樣式，樣式模型采用元數(shù)據(jù)<布局、字體、背景、邊框、陰影>五元組進(jìn)行定義：

樣式模型規(guī)范定義

以文本輸入框舉例，具體實(shí)現(xiàn)如下：

布局定義

布局定義

字體定義

字體模型

背影定義

背影模型定義

邊框定義

邊框模型定義

陰影定義

陰影模型定義

三、事件模型規(guī)范定義

組件的事件模型，我采用元數(shù)據(jù)<名稱、事件、動作、對象>四元組進(jìn)行定義，規(guī)范定義如下：

事件模型

以Button為例，實(shí)現(xiàn)如下：

按鈕的事件模型

對于數(shù)據(jù)模型的規(guī)范定義，由于內(nèi)容比較多，我放到下一個章節(jié)單獨(dú)來講。