Skip to content
On this page

页面介绍

认识设计器

我们将设计器分为如下区域:

【1】字段面板

展示表单设计器可以通过 拖拽/单击 来操作的字段,并根据字段功能的不同分别整合为 布局字段、容器字段、基础字段、高级字段、自定义字段。

详情参见 字段面板

【2】操作区域

  • 终端适配(Pc、 Pad、 Mobile)

  • 撤销、重做

    设计器提供撤销重做操作,防止自己操作出错后导致无法回退。

  • 导入模板

    支持内置模板库和自定义的 JSON 导入,通过该功能可以方便的还原之前的表单设计内容。

  • 预览

    预览可以查看设计的表单页面,并且可以通过该功能查看验证、获取表单数据等效果。

  • 清空

    清空当前表单画布中的字段。

  • 生成JSON

    可以查看表单设计器配置的 JSON 信息。

  • 生成代码

    可以生成直接使用的代码,默认为单文件组件风格的代码,也可以切换标签页查看在html中使用的代码。

【3】表单画布

可对表单字段进行拖拽调整位置、复制、删除等操作。

【4】字段属性面板

对表单字段的属性、样式、事件进行配置。

【5】大纲树面板

展示当前表单的结构树(字段类型、字段标识)。

【6】表单属性面板

配置表单的属性、自定义样式、数据源、事件等。