低代码产品表单渲染架构

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

下面是一个表单的例子:

产品层

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

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

技术层

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

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

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

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

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

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

相关推荐
得物技术2 小时前
AI编程能力边界探索:基于 Claude Code 的 Spec Coding 项目实战|得物技术
低代码·ai编程·claude
BPM_宏天低代码14 小时前
低代码平台的测试策略:自动化测试体系搭建
低代码·单元测试
低代码布道师14 小时前
微搭低代码MBA培训管理系统实战09——页面级权限过滤与无权限拦截
低代码
Zoho低代码开发工具14 小时前
如何用低代码两周交付国际物流追踪系统?
低代码
低代码布道师14 小时前
微搭低代码MBA培训管理系统实战10——渠道管理
低代码
液态不合群14 小时前
AI赋能下的中国低代码市场:从工具革新到产业数字化核心引擎
java·人工智能·低代码·架构
卷积殉铁子2 天前
低代码实体识别平台设计:当工作流引擎遇上NLP服务
低代码·nlp·工作流引擎
决斗小饼干2 天前
低代码平台工作流引擎设计:从状态机到智能流转的技术演进
前端·低代码·工作流引擎
掘金安东尼2 天前
活动落地页效率翻倍:RollCode 这次更新有点猛
前端·低代码·面试
宏天软件BPM_低代码3 天前
宏天低代码平台实时协作方案:基于OT算法的原创实现与优化实践
低代码