跟我一起寫低代碼開發(fā)平臺之五組件的屬性模型（組件類包含）

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

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

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

組件屬性模型定義

模型綁定：組件構建的模型實體的屬性，維護模型驅動的方式生成此組件的模型引用關系

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

公共屬性：定義組件的公共屬性，如組件的關聯模型、只讀、隱藏、禁用等屬性

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

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

以文本輸入框舉例，實現如下：

屬性模型定義

每種模型定義都采用DSL進行描述

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

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

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

以文本輸入框舉例，具體實現如下：

布局定義

布局定義

字體定義

字體模型

背影定義

背影模型定義

邊框定義

邊框模型定義

陰影定義

陰影模型定義

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

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

事件模型

以Button為例，實現如下：

按鈕的事件模型

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