表单构建器的整体由工具栏、操作面板、组件库与组件配置页四项组成,具体的组合方式见下图
组件库提供了构建界面的所有元素,分为以下几种类型
- 基础组件:输入框、选择器、单选多选、文件上传等
- 布局组件:卡片、栅格、标签页、列表等
- 自定义扩展:提供给用户基于基础、布局组件的可拓展的接口
组件工厂负责装载所有可用的组件信息
组件扫描器负责根据用户配置,扫描与注册系统组件列表
组件注册器负责将组件信息注册到工厂中,并面向用户提供了注册函数,用户需要提供符合规则的组件配置
操作面板负责展示表单的构成并提供拖拽换位操作
工具栏负责将全局操作提供给用户,例如撤销/重做、预览、导出(Html、Vue、Json)、导入等功能