Skip to content

界面布局

FcDesigner 表单设计器的操作界面采用清晰的布局分割,主要包含左侧功能栏、顶部工具栏、右侧属性栏和中间工作区四个核心区域;如果你后续想分别了解这些区域对应的产品能力,可以继续阅读功能栏工具栏属性栏工作区

左侧是功能栏,主要用于选择需要使用的功能

顶部是工具栏,主要做常规的表单工具操作

右侧是属性栏,主要用于配置表单信息

中间是正在操作的表单画布,可将组件拖拽在画布中进行各类操作

界面布局

区域职责总览

  • 功能栏:负责切换表单列表、组件列表、模块管理、全局配置、国际化配置、JSON 和 AI 等能力入口。
  • 工具栏:负责执行预览、默认值、导入、撤销/重做、生成产物等全局操作。
  • 工作区:负责拖拽组件、调整布局、查看实时渲染效果,是表单结构设计的主画布。
  • 属性栏:负责配置当前选中组件或整个表单的详细属性与事件。

从开发视角看,这四个区域并不是彼此独立的:左侧功能栏更多对应组件分组、模板、全局资源等入口能力,常会与扩展组件分组扩展组件扩展模板预定义全局数据一起理解;右侧属性栏则更接近最终规则配置,和TS类型定义中的 Rule 结构是一一对应的。