低代码产品表单渲染架构

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

下面是一个表单的例子:

产品层

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

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

技术层

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

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

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

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

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

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

相关推荐
得帆云低代码27 分钟前
与200+位CIO对话后,我们发现五个低代码选型的“隐性关注点”(下)
低代码
得帆云低代码38 分钟前
与200+位CIO对话后,我们发现五个低代码选型的“隐性关注点”(上)
低代码
幂简集成1 天前
通义灵码 AI 程序员低代码 API 课程实战教程
android·人工智能·深度学习·神经网络·低代码·rxjava
CORNERSTONE3651 天前
热烈庆祝“中国抗战胜利80周年”,织信低代码助力国之重器砥砺前行!
低代码
xiaozhazha_1 天前
快鹭云业财一体化系统技术解析:低代码+AI如何破解数据孤岛难题
人工智能·低代码
低代码布道师2 天前
少儿舞蹈小程序(7)打造您的“活”名片:动态展示机构实力
低代码·小程序
Access开发易登软件2 天前
Access开发导出PDF的N种姿势,你get了吗?
后端·低代码·pdf·excel·vba·access·access开发
低代码布道师2 天前
少儿舞蹈小程序(8)校区信息后台搭建
低代码·小程序
阿三08122 天前
钉钉 AI 深度赋能制造业 LTC 全流程:以钉钉宜搭、Teambition 为例
人工智能·低代码·钉钉·teambition
tianyuanwo3 天前
低代码开发平台技术总结
低代码