当前位置：网站首页 > 技术资源 > 正文

跟我一起写低代码开发平台之五组件的属性模型

moboyou 2025-08-31 04:39 5 浏览

在上篇文章中《跟我一起写低代码开发平台之四组件模型》，我负责的低代码开发平台讲到组件模型的五元组模型，今天重点讲一下，在低代码开发平台这个产品，我是如何定义每个元组元素的元素模型。

一、属性模型规范定义

对于组件的属性模型的规范定义，我采用如下<数据绑定、基本属性、公共属性、校验规则、移动端属性> 五元组元数据。

模型绑定：组件构建的模型实体的属性，维护模型驱动的方式生成此组件的模型引用关系

基本属性：定义组件的基本属性或者私有属性，如组件的标签、名称、大小等属性

公共属性：定义组件的公共属性，如组件的关联模型、只读、隐藏、禁用等属性

校验规则：此组件的数据校验操作，包括校验规则、提示语、错误提示信息等

移动端属性：如果要实现组件的移动端渲染，组件在移动端的属性规范定义

以文本输入框举例，实现如下：

每种模型定义都采用DSL进行描述

二、样式模型规范定义

对于前端组件样式，样式模型采用元数据<布局、字体、背景、边框、阴影>五元组进行定义：

以文本输入框举例，具体实现如下：

布局定义

字体定义

背影定义

边框定义

阴影定义

三、事件模型规范定义

组件的事件模型，我采用元数据<名称、事件、动作、对象>四元组进行定义，规范定义如下：

以Button为例，实现如下：

对于数据模型的规范定义，由于内容比较多，我放到下一个章节单独来讲。

文本框控件的控件名称属性值

相关推荐