低代码能力引擎：表单与列表页、逻辑、流程的深度协同

表单页是用户与系统进行交互的最重要的形态，它包含各种输入组件，如文本框、下拉列表、单选按钮、复选框等，方便用户输入和选择数据，他可以展示系统内部的数据详情，也可以作为用户提交修改数据的业务入口，所以它是低代码快速开发平台最基础的能力之一。

表单与列表页

表单是列表页上最常见的按钮触发的组件，不管是表级按钮还是行级按钮，点击按钮后触发对应的弹窗页面等，通过列表页的按钮触发控制表单的弹出执行，

通过列表页的按钮设置触发表单，这个过程中可以设置表单是在PC端、移动端打开、以弹窗形式还是以新标签页的形式等，这里就不一一介绍了。除了列表页通过按钮集成表单以外，表单也可以直接集成列表页，那么接下来我们看看具体的配置：

那么配置的方式是在表单设计器中，引用列表页这个组件，从而实现表单中嵌套列表页。

表单与数据模型

当然，在表单操作的过程中，往往伴随着对数据模型的操作，比如新增表单，那么会在数据模型中新增插入数据，修改表单时，往往会对数据模型中的数据进行修改，这里就不去对这块CRUD 操作数据模型做介绍了。我们这里介绍在页面设计的阶段，表单的保存可以创建数据模型、修改数据模型。

通过直接创建表单页面，系统自动生成对应的数据模型，如下面展示的内容

表单与流程

在JVS低代码快速开发平台中，流程审批是人参与的业务内容，那么流程过程中人所需要对数进行提交，那么在配置流程时，可以创建表单，如下图所示：

在选择对应的业务处理点时，可以设置当前环节的表单，可以通过自定义表单、也可以通过选择系统中已经有的表单，这样，相当于在业务流程执行过程中嵌套表单的设计。

表单与逻辑

表单是作为数据录入与查看的方式之一，对于复杂的数据交互操作，那么就需要表单与逻辑的配合设置，因为逻辑核心的能力就是通过编排的方式对数据进行加工处理，那么表单往往在数据录入的过程中或者提交后联动业务逻辑，实现复杂的业务动作，也就是俗称为增删改查背后的业务功能。那么表单联动逻辑有很多种方式：
1、基于组件的数据联动（下拉框、单选、复选）

①：表单设计中，选中下卡框组件进入画布
②：选中下拉框的组件，右侧展示属性配置面板
③：选中数据来源（下拉选项来源的方式）
④：可以设置来源于逻辑引擎返回（这里可以通过逻辑最后查询加工计算的结果生成下拉的展示选项内容）
当然这里类似的方式还有单选、复选等组件，如下图所示：

2、基于组件的失焦触发逻辑
这种功能常用于数据录入后，就立即执行某个功能，例如：输入了身份证号后，系统自动检测身份证号是否在本地的黑名单库中已经存在，自动判断用户身份的合法性。
在这种类型的场景中，就需要用到“失焦触发”，也就是用户的录入完成后，当前组件的选中状态变换为非选中状态时，就触发逻辑，配置的方式如下图所示：

①：选中需要配置失焦触发的组件，打开属性配置面板
②：进入交互设置相关的配置项
③：勾选失焦触发的操作
④：设置触发的逻辑
通过这种方式就可以实现当数据输入完成后，一旦该组件变为非选中状态，就可以触发本次设置的逻辑
3、设置按钮触发逻辑
表单中的按钮包括两种类型的按钮，一种是自定义的按钮、一种是系统提供的按钮，如下图所示：

两种按钮都可以设置触发逻辑功能：

①：把系统提供的自定义按钮拉入画布
②：点击按钮组件，进入右侧的属性配置面板
③：进入交互设置--事件设置
④：设置事件触发模式为触发逻辑，点击逻辑配置，这样就实现了该按钮对应的逻辑触发的配置。
4、通过逻辑执行，实现表单整个页面的数据回填
我们在配置系统的过程中常常会有这种需求，进入某个表单时，系统会自动加载一些基本的数据，那么这种方式就可以通过同逻辑自动回填表单实现，配置方式如下图所示：

①：在表单页面直接选择表单设置，系统会展示表单设置的选项
②：回显设置，点击“回显设置”，这里会展开逻辑的设置
5、表单数据变化后的前置、后置逻辑触发；
我们再配置系统的过程中常常遇到这种需求，我们提交一个表单后，不仅仅是做数据的增删改查，那么还希望再触发其他的业务功能例如流程等，那么这种情况下就需要使用到表单的前后置逻辑的触发，如下图所示：

①：进入表单的数据设置页面