低代码产品表单渲染架构

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

下面是一个表单的例子:

产品层

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

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

技术层

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

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

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

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

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

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

相关推荐
信也科技布道师19 分钟前
当AMIS遇见AI智能体:如何为低代码开发装上“智慧大脑”?
人工智能·低代码
得帆云低代码4 小时前
低代码高频实践场景系列之三——LIMS实验室管理
低代码
得帆云低代码4 小时前
低代码高频实践场景系列之二——模具管理
低代码
低代码布道师7 小时前
医疗预约小程序原型设计
低代码·小程序
云捷配低代码1 天前
如何利用低代码实现复杂的业务逻辑
低代码
流之云低代码平台2 天前
从蜗牛到猎豹!PHP工作流改进加速软件开发实战
低代码·php工作流搭建技巧·php工作流改进方法·php代码复用方法·php工作流测试流程·php工作流优化考量因素·php工作流性能优化技巧
NocoBase3 天前
8 个最佳 Google Sheets 替代方案(附成本与能力分析)
低代码·开源·github
雷文成.思泉软件3 天前
以ERP为核心、企微为门户,实现一体化集成
大数据·低代码·创业创新
酷柚易汛智推官3 天前
AI编程不是低代码的“终结者”,而是进化的“催化剂”
低代码·ai编程·酷柚易汛
简道云平台3 天前
越来越多企业用“低代码”搭进销存?它到底适合哪些企业?
低代码