Decisions Form基础入门:概念、类型与设计界面
在Decisions低代码平台中,表单(Forms)是终端用户与系统交互的核心载体,也是驱动业务流程落地的关键环节。无论是数据提交、流程审批还是结果展示,都离不开表单的设计与使用。本文作为Decisions Form系列的开篇,将从核心概念出发,详解表单的类型划分,并拆解表单设计的界面结构与基础操作,快速建立Decisions表单的知识框架。
一、什么是Decisions表单?
1. 表单的定义
Decisions表单是面向终端用户的交互式数据交互界面,核心作用是收集用户输入的各类数据并提交至Decisions系统,这些数据会被后续的流程(Flow)或应用程序接收、处理,最终驱动业务逻辑的执行。简单来说,表单是Decisions系统中用户输入数据与系统处理数据之间的桥梁。
2. 表单的价值
- 标准化数据收集:通过预设控件规范用户输入格式,避免无效、杂乱数据,提升数据质量;
- 流程驱动入口:作为业务流程的起点,表单提交的数直接决定后续流程的走向与执行;
- 简化用户操作:可视化的交互界面降低用户使用门槛,无需专业技术即可完成数据提交与流程触发。
3. 典型使用场景
Decisions表单适用于各类需要用户手动输入数据的业务场景,常见的有:
- 基础信息管理:员工信息、客户信息等人口统计数据的提交与录入;
- 流程审批申请:采购申请、差旅申请、费用报销等审批类表单的提交;
- 业务数据上报:销售数据、库存数据、项目进度等业务数据的上报;
- 订单/发票处理:发票信息录入、订单提交与审核等场景。
二、Decisions三大表单类型:区别与适用场景
Decisions根据业务需求的复杂度,提供了普通表单、简易表单、结束表单三种类型,三者在控件丰富度、功能定位、适用场景上有明确区分,核心是为了适配不同的业务需求,兼顾开发效率与使用体验。以下是三者的核心对比,方便快速选型:
| 表单类型 | 核心特点 | 控件丰富度 | 核心功能 | 适用场景 |
|---|---|---|---|---|
| 普通表单(Normal Forms) | 标准核心类型,功能最全面 | ★★★★★(最全) | 支持数据录入、文件上传/下载、数据提取传递,可绑定复杂流程 | 大多数复杂数据录入场景,如采购申请、差旅申请、客户信息录入等 |
| 简易表单(Simple Forms) | 与普通表单结构一致,功能做精简 | ★★★(仅常用控件) | 基础数据录入,操作简单,开发速度快 | 快速搭建的轻量场景,如简单信息登记、快速意见反馈等 |
| 结束表单(End Forms) | 流程收尾专用,无数据录入功能 | ★★(仅展示类控件) | 展示流程执行结果、提交成功提示,支持文件下载、跳转指定URL | 业务流程的收尾环节,如审批结果展示、表单提交成功确认、操作结果反馈等 |
选型原则:如果是需要用户录入数据并驱动流程的核心场景,优先选择普通表单;如果是轻量、快速搭建的简单录入场景,选择简易表单;如果仅用于流程结果展示,无数据录入需求,直接使用结束表单。
三、表单设计器:完整界面结构与核心功能解析
创建并设计Decisions表单的核心工具是表单设计器(Form Designer),其界面布局清晰,分为左侧面板、右侧属性面板、顶部操作栏三大部分,各区域各司其职,覆盖表单设计的所有操作需求。
1. 左侧面板:表单设计的核心操作区
左侧面板包含4个标签页(Info、Toolbox、Explorer、Tab Editor),是表单设计的主要操作区域,从表单基础信息管理到控件添加、结构查看均在此完成,各标签页核心功能如下:
(1)Info标签页:管理表单基础信息
主要用于查看和修改表单的基础属性,无设计操作,核心功能:
- 查看/编辑表单名称,支持自定义命名(如「采购申请表单」「员工信息登记表」);
- 为表单添加描述信息,说明表单的用途、使用场景,方便团队协作时的识别;
- 为表单添加/删除标签(Tags),实现表单的分类管理,便于后续检索。
(2)Toolbox(工具箱):表单控件的来源库
工具箱是表单设计的核心标签页,提供Decisions表单支持的所有可用控件,核心功能:
- 包含按钮、文本框、数字框、日期选择器、下拉框、文件上传/下载等各类控件;
- 支持拖拽操作:将控件直接拖拽到表单画布中,即可完成控件添加;
- 部分版本支持控件搜索,可快速定位目标控件,提升开发效率。
(3)Explorer:表单控件的结构导航器
用于展示当前表单的控件层级与结构,核心功能:
- 以树形结构展示表单中已添加的所有控件,包括布局容器、按钮、输入框等;
- 支持快速导航:点击树形结构中的控件,可直接定位到表单画布中的对应控件;
- 清晰查看控件嵌套关系,方便复杂表单的结构管理与修改。
(4)Tab Editor:设置Tab键的控件切换顺序
用于配置用户在表单中按Tab键时的控件焦点切换顺序,核心功能:
- 初始状态为空,添加控件后自动显示所有可聚焦的表单控件;
- 支持上下拖动控件,自定义Tab键的切换顺序;
- 调整完成后点击「Apply」应用,适配用户的操作习惯,提升表单使用体验。
2. 右侧面板:属性配置区,控制表单与控件样式
右侧面板为属性面板,核心作用是配置表单整体或单个控件的属性,分为表单整体属性和控件单独属性(选中画布中的控件后,面板会自动切换为该控件的属性配置),核心配置功能:
- 表单整体配置:调整表单尺寸(宽/高)、修改布局样式、设置表单背景、配置表单行为与可见性;
- 控件单独配置:修改控件名称、调整控件大小、设置控件默认值、配置控件的显示/隐藏、启用/禁用等;
- 布局细节配置:针对不同的布局类型,配置行列属性、对齐方式、间距等细节。
操作逻辑:选中「表单画布空白处」→ 配置表单整体属性;选中「具体控件」→ 配置该控件的单独属性。
3. 顶部操作栏:表单设计的基础操作入口
顶部操作栏提供表单设计过程中的常用快捷操作,功能与常见的办公软件(如Word、Excel)操作逻辑一致,易上手,核心功能如下:
(1)Save / Close(保存/关闭)
- Save:保存当前的表单设计修改,建议设计过程中频繁保存,避免数据丢失;
- Close:点击右上角「X」关闭设计器,若有未保存的修改,系统会弹出保存提示,支持选择「保存」「放弃」「取消」。
(2)Undo / Redo(撤销/重做)
- 撤销:点击「Undo」,恢复到上一步的设计状态,适用于误操作的回退;
- 重做:点击「Redo」,恢复到撤销前的设计状态,弥补误撤销操作。
(3)Control Edges(控件边框)
用于显示/隐藏表单画布中所有控件的外框线,显示边框线可方便控件的对齐与大小调整,隐藏后可预览表单的实际展示效果。
(4)Dependency(依赖关系)
查看表单的上下游依赖关系,核心功能:
- 查看当前表单依赖哪些Decisions元素(如流程、数据类型);
- 查看哪些Decisions元素依赖当前表单(如哪些流程调用了该表单);
- 便于团队协作中的资源管理,避免删除或修改表单时影响上下游业务。
(5)Preview(预览)
Decisions表单设计器无「Debug」按钮,预览是测试表单的核心方式,核心功能:
- 点击「Preview」,以终端用户的视角查看表单的实际展示效果;
- 可在预览模式下模拟用户操作,如输入数据、点击按钮,测试控件的基础功能;
- 快速发现表单样式、控件布局的问题,及时修改。
四、表单设计基础操作
掌握以下几个基础操作技巧,可大幅提升表单设计的效率,避免基础操作误区:
- 控件的选中与调整:点击画布中的控件即可选中,选中后控件边缘会出现调整方块,拖动方块可横向/纵向拉伸控件,调整大小;
- Tab切换顺序的优化:根据用户的输入习惯配置Tab键顺序(如从左到右、从上到下),避免用户操作时焦点跳变,提升使用体验;
- Explorer的高效使用:复杂表单中,通过Explorer快速定位控件,比在画布中逐个查找更高效;
- 预览的高频使用:每完成一个控件的配置或布局的调整,都进行一次预览,及时发现问题,避免后期整体修改的工作量;
- 依赖关系的查看:设计完成后,通过Dependency查看表单的依赖关系,确保表单与后续流程的绑定无问题。
五、系列预告
本文作为Decisions Form系列的第一篇,主要讲解了表单的概念、三种类型的区别以及设计界面结构与基础操作,完成了表单的基础认知。
在下一篇内容中,我们将从0到1创建第一个Decisions普通表单,包括基础控件的拖拽与配置、表单在Flow中的绑定与使用,同时会详细解析Decisions的6大表单布局类型,解决表单界面排版的问题。
知识点小结
- Decisions表单是用户与系统的交互桥梁,核心作用是收集数据并驱动流程执行;
- 三大表单类型按“功能从全到简”分为:普通表单(核心)、简易表单(轻量)、结束表单(收尾);
- 表单设计器分为左侧操作区、右侧属性区、顶部操作栏,各区域各司其职;
- 左侧4大标签页:Info(信息)、Toolbox(控件库)、Explorer(结构)、Tab Editor(Tab顺序);
- 预览是表单测试的核心方式,无Debug按钮,需高频使用预览功能。
注意:本文仅代表个人学习记录,如需生产环境级方案,请咨询艾体宝团队。