低代码产品表单渲染架构

在React和Vue没有流行起来的时候,低代码产品的表单渲染设计通常会使用操作Dom的方式实现。

下面是一个表单的例子:

产品层

用户通过打开表单,使用不同业务场景业务下的表单页面,中间的Render层就是技术实现。

每一个不同业务的表单页面就是低代码产品中的一个元素。

技术层

渲染层的核心在于View和Controller,现代基于框架实现一般是MVVM的实现。上面是基于传统的前端框架实现(Jquery),少了M层,也就是Model。其实Model是在Controller层内部实现。

Controller层实现了数据的获取和传递,以及继承了第三方框架的能力(Jquery)

View层是表单控件的渲染和内部逻辑处理实现,包括渲染哪些控件,如何校验和响应控件事件等

View层中的Controls是所有表单控件的集合,通过对应不同的类型渲染不同的控件,例如:输入框,选择框等等。

View层中的IControl实现了每一个控件的基本属性和能力,Controls中的每个控件通过继承他来实现自己特有的功能。

View层可以被拓展,可以被添加其他属性。

相关推荐
葡萄城技术团队10 小时前
你的设备管理系统过得了等保和信创验收吗?——国产化适配与安全合规清单
低代码
SL_staff13 小时前
项目延期时如何用四类角色机制实现责任锚定?一线技术实践拆解
java·低代码·团队管理
米软科技13 小时前
高校信息化团队实践:利用AI低代码缩短零散业务交付周期
人工智能·科技·低代码·汽车·制造
企业数字化笔记15 小时前
低代码、开源系统、定制开发怎么选?用资产管理案例做技术取舍
低代码·开源
SL_staff1 天前
财务系统慎用低代码?从数据模型闭环看合规落地的技术实践
java·低代码·全栈
低代码布道师2 天前
外包数字化平台 第03篇|显示部门详情
低代码
许彰午2 天前
51-BpmnDesigner集成
java·低代码·架构
许彰午3 天前
52-useWebSocket自动重连
java·低代码·架构
jonyleek3 天前
企业级自动化落地实践:为什么JVS-Logic用确定性逻辑引擎替代AI编排?
低代码·私有化部署·流程引擎·可观测性·jvs-logic·企业自动化·确定性计算