界面布局
表单设计器把常用能力拆成四个区域:左侧功能栏、顶部工具栏、中间工作区、右侧属性栏。先熟悉布局,再按需进入各区域的详细说明。

四个区域做什么
| 区域 | 位置 | 主要用途 |
|---|---|---|
| 功能栏 | 左侧 | 切换表单列表、组件、模块、全局配置、国际化、JSON、快捷键、AI 等入口 |
| 工具栏 | 顶部 | 预览、默认值、导入、打印、撤销/重做、清空、生成产物等全局操作 |
| 工作区 | 中间 | 拖拽搭建表单、调整结构,实时看到填写效果 |
| 属性栏 | 右侧 | 配置当前组件或整个表单的标题、校验、事件、样式等 |
建议上手路径
- 在左侧打开组件列表,拖一个输入框到工作区。
- 在右侧改字段名称、占位提示,打开预览看效果。
- 需要弹窗、全局数据、多语言时,再回到左侧对应入口。
入门场景:搭一张「活动报名」表
背景:运营人员要收集姓名、手机号、是否到场。
目标:5 分钟内完成可预览的报名表。
- 左侧功能栏进入组件列表。
- 拖入「输入框」「输入框」「单选框」到工作区。
- 在右侧属性栏分别改标题为「姓名」「手机号」「是否到场」。
- 给手机号加上必填(见验证配置)。
- 点顶部预览,在弹窗中试填并提交。
预期效果:预览里能填写三项,手机号为空时会提示必填。


