Skip to content

界面布局

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

界面布局

四个区域做什么

区域位置主要用途
功能栏左侧切换表单列表、组件、模块、全局配置、国际化、JSON、快捷键、AI 等入口
工具栏顶部预览、默认值、导入、打印、撤销/重做、清空、生成产物等全局操作
工作区中间拖拽搭建表单、调整结构,实时看到填写效果
属性栏右侧配置当前组件或整个表单的标题、校验、事件、样式等

建议上手路径

  1. 在左侧打开组件列表,拖一个输入框到工作区。
  2. 在右侧改字段名称、占位提示,打开预览看效果。
  3. 需要弹窗、全局数据、多语言时,再回到左侧对应入口。

入门场景:搭一张「活动报名」表

背景:运营人员要收集姓名、手机号、是否到场。
目标:5 分钟内完成可预览的报名表。

  1. 左侧功能栏进入组件列表
  2. 拖入「输入框」「输入框」「单选框」到工作区。
  3. 在右侧属性栏分别改标题为「姓名」「手机号」「是否到场」。
  4. 给手机号加上必填(见验证配置)。
  5. 点顶部预览,在弹窗中试填并提交。

预期效果:预览里能填写三项,手机号为空时会提示必填。

相关阅读

相关技术文档