低代码产品表单渲染架构

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

下面是一个表单的例子:

产品层

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

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

技术层

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

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

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

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

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

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

相关推荐
摩尔元数1 天前
2026年汽车仪表工厂选MES,厂商推荐
低代码·汽车·制造·mes
麦聪聊数据2 天前
利用SQL2API模式重构微服务中的数据查询层
数据库·sql·低代码·微服务·架构
云捷配低代码2 天前
低代码平台落地方法论:从试点到推广(二)
低代码·需求分析·数字化·数字化转型
麦聪聊数据2 天前
能源互联网的数据桥梁:构建安全、实时的电力数据共享 API 网关
数据库·sql·安全·低代码
低代码布道师3 天前
教培管家第13讲:课程排课——智能排课算法与自动化生成
低代码·小程序·云开发
低代码布道师4 天前
教培管家第11讲:班级管理——教务系统的“集成枢纽”
低代码·小程序·云开发
加加今天也要加油4 天前
Oinone × AI Agent 落地指南:元数据即 Prompt、BPM 状态机护栏、SAGA 补偿、GenUI
人工智能·低代码·prompt
启效云4 天前
【技术赋能实战】焱蓝智益科技:如何用物联网+自组网打通消防应急通信“最后一公里”?
科技·物联网·低代码·软件开发·低代码开发
云捷配低代码5 天前
新零售行业低代码平台应用实践
低代码·自动化·需求分析·零售·数字化·数字化转型