当前位置: 首页 > article >正文

低代码产品表单渲染架构

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

        下面是一个表单的例子:

产品层

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

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

技术层

        

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

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

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

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

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

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


http://www.kler.cn/a/526889.html

相关文章:

  • 16 分布式session和无状态的会话
  • 19.Word:小马-校园科技文化节❗【36】
  • Git进阶之旅:.gitignore 文件
  • RK3568中使用QT opencv(显示基础图像)
  • 白嫖DeepSeek:一分钟完成本地部署AI
  • 生成模型:扩散模型(DDPM, DDIM, 条件生成)
  • 【计算机网络】设备更换地区后无法访问云服务器问题
  • 【华为OD-E卷 - 数组二叉树 100分(python、java、c++、js、c)】
  • Mybatis框架中的foreach标签解析
  • 【4Day创客实践入门教程】Day2 探秘微控制器——单片机与MicroPython初步
  • SQL进阶实战技巧:如何分析浏览到下单各步骤转化率及流失用户数?
  • 【C++语言】卡码网语言基础课系列----7. 摆平积木
  • Learning Vue 读书笔记 Chapter 4
  • DDD - 领域事件_解耦微服务的关键
  • char和varchar的区别、varchar(?)中问号部分的含义、索引的作用
  • 使用Pygame制作“俄罗斯方块”游戏
  • Spring Boot项目如何使用MyBatis实现分页查询及其相关原理
  • AJAX案例——图片上传个人信息操作
  • C++中vector追加vector
  • elasticsearch的常见面试题?
  • 亚博microros小车-原生ubuntu支持系列:15 激光雷达巡逻
  • 机器学习7-全连接神经网络3-过拟合与超参数
  • 信号模块--simulink操作
  • [Effective C++]条款53-55 杂项讨论
  • Linux第104步_基于AP3216C之I2C实验
  • Python学习之旅:进阶阶段(七)数据结构-计数器(collections.Counter)