低代码产品表单渲染架构

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

下面是一个表单的例子:

产品层

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

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

技术层

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

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

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

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

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

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

相关推荐
ZKNOW甄知科技1 天前
客户案例 | 派克新材x甄知科技,构建全场景智能IT运维体系
大数据·运维·人工智能·科技·低代码·微服务·制造
蒙奇·D·路飞-2 天前
2025-10-16-TH 开源框架JeecgBoot Pro搭建流程
低代码
葡萄城技术团队3 天前
活字格低代码平台:本地独立部署与数据备份恢复的企业级实践方案
低代码
云鹤_3 天前
【Amis源码阅读】如何将json配置渲染成页面?
前端·低代码
中杯可乐多加冰4 天前
无代码开发实践 | 基于权限管理能力快速开发人力资源管理系统
人工智能·低代码
希艾席帝恩4 天前
“零成本自由派”与“钉钉生态派”:斑斑与氚云的选择
低代码·低代码平台·数字化转型·业务系统
中杯可乐多加冰4 天前
无代码开发实践|基于业务流能力快速开发市场监管系统,实现投诉处理快速响应
人工智能·低代码
NocoBase5 天前
俄罗斯合作伙伴 Mobx,用 NocoBase 交付多场景方案
低代码·开源·资讯
葡萄城技术团队6 天前
活字格低代码与第三方系统集成全攻略:构建企业级数字化中枢
低代码