跟我一起寫(xiě)低代碼開(kāi)發(fā)平臺(tái)之四組件模型（代碼組件化）

我們?cè)凇?a class="pgc-link" data-content="mp" data-source="innerLink" href="http://detail/?aggr_type=2&groupid=7171581847204266507&item_id=7171581847204266507" rel="noopener noreferrer noopener noreferrer" target="_blank">低代碼開(kāi)發(fā)平臺(tái)核心架構(gòu)之三組件模型》初步談到組件分為數(shù)據(jù)類和非數(shù)據(jù)類兩大類，今天從組件構(gòu)建的維度，對(duì)組件模型進(jìn)一步構(gòu)建，把組件模型結(jié)構(gòu)化，最終實(shí)現(xiàn)通過(guò)DSL語(yǔ)言對(duì)其進(jìn)行描述。

組件模型的定義

在我們的低代碼開(kāi)發(fā)平臺(tái)中，數(shù)據(jù)類組件是通過(guò)<屬性、事件、樣式、模型、數(shù)據(jù)> 5元組來(lái)進(jìn)行定義的，非數(shù)據(jù)類組件是通過(guò)<屬性、事件、樣式、模型> 4元組來(lái)進(jìn)行描述的。組件模型定義如下：

組件模型

實(shí)現(xiàn)界面如下：

組件模型的實(shí)現(xiàn)

屬性模型：組件屬性的元數(shù)據(jù)描述，通過(guò)低代碼引擎的Setter設(shè)置器對(duì)組件的屬性進(jìn)行操作；

樣式模型：組件樣式的元數(shù)據(jù)描述，負(fù)責(zé)組件的樣式設(shè)置；

事件模型：組件事件的元數(shù)據(jù)描述，負(fù)責(zé)組件的事件交互配置；

模型：也叫數(shù)據(jù)模型，通過(guò)數(shù)據(jù)模型進(jìn)行組件的生成，以及維護(hù)與數(shù)據(jù)模型的關(guān)聯(lián)關(guān)系，模型決定著采用什么樣的組件來(lái)進(jìn)行頁(yè)面元素的生成，同時(shí)決定著與組件綁定的數(shù)據(jù)的數(shù)據(jù)結(jié)構(gòu)；

數(shù)據(jù)綁定：與組件相關(guān)聯(lián)的數(shù)據(jù)提供者如后端數(shù)據(jù)服務(wù)接口，數(shù)據(jù)的數(shù)據(jù)結(jié)構(gòu)是有數(shù)據(jù)模型來(lái)決定。

再接下來(lái)的文章中，我會(huì)一一介紹每個(gè)模型的定義，最終實(shí)現(xiàn)整個(gè)組件規(guī)范的DSL定義。感興趣的讀者，可以關(guān)注我，多給點(diǎn)掌聲，謝謝大家。