低代码产品表单渲染架构

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

下面是一个表单的例子:

产品层

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

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

技术层

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

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

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

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

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

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

相关推荐
SL-staff35 分钟前
JVS数字底座实践:如何复用企业文档能力快速构建知识类应用
低代码·微服务·springcloud·知识管理·权限控制·jvs·elasticsea
NocoBase1 天前
如何用 AI 和 NocoBase 搭建一套可投入生产的 CRM
低代码·ai·开源·无代码·无代码开发平台
许彰午1 天前
政务低代码平台实战(总纲)——从元数据引擎到可视化设计器的五个关键决策
低代码·rxjava·政务
只会cv的小前端3 天前
七巧低代码表单JS脚本教学
开发语言·javascript·低代码
踩着两条虫4 天前
VTJ.PRO AI Agent 技术白皮书
前端·vue.js·低代码
只会cv的小前端5 天前
七巧低代码服务端脚本使用方法
android·低代码·rxjava
iori97king6 天前
织信开发日志 03:表单引擎从 0 到 1 的设计过程
低代码
工业甲酰苯胺7 天前
数字化转型困在规划里?AI+低代码解锁业务落地新路径
大数据·数据库·人工智能·低代码
#六脉神剑10 天前
前端一站式文件预览方案:open-file-viewer 完整测评与myBuilder落地实践
前端·低代码·开发平台·mybuilder
希艾席帝恩12 天前
数字孪生赋能智慧物流:物流行业转型升级新路径
大数据·人工智能·低代码·ai·数字化转型