CN115525853B - 一种表单配置方法、系统、装置和电子设备 - Google Patents

Abstract

本发明涉及网络技术领域，具体涉及一种表单配置方法、系统、装置和电子设备，本发明中基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示，配置表单组件，根据所述表单组件和自动计算控件，进行数据计算，其中，所述数据来源于同一表单或不同表单，本发明的技术方案，符合现代主流的网格界面控制方式，通过配置的方式使得前端界面控制的灵活度大大提升，对手机的兼容性好，同时可以实现同表单或跨表单之间的交互计算，基于自动计算控件对数据进行前置判断，减少填报数据不一致的情况，提升数据的准确度。

Description

一种表单配置方法、系统、装置和电子设备

技术领域

本发明涉及网络技术领域，具体涉及一种表单配置方法、系统、装置和电子设备。

背景技术

随着人工智能技术和互联网行业的飞速发展，电子表单的应用越来越普遍。日常工作中需要电子表单的需求也一直在增长。

表单主要用于实现数据的采集功能，借助表单能够完成数据的展示或收集。通过对数据的特征信息进行分析，对数据进行描述从而完成数据感知。

但是，目前从表单整体的布局来看，大部分是基于传统的HTML表格(TABLE)的布局方式，不适合现有的主流前端框架的技术路线，对手机屏幕的兼容性差。且组件之间只能实现表单内的控制和计算，不能实现跨表单的操作。

发明内容

有鉴于此，本发明的目的在于提供一种表单配置方法、系统、装置和电子设备，以解决现有技术中表单的布局不支持主流框架的技术路线、对手机的兼容性差、无法实现跨表单控件可见和跨表单进行数据计算的技术问题。

根据本发明实施例的第一方面，提供一种表单配置方法，包括：

基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示；

配置表单组件；

根据所述表单组件和自动计算控件，进行数据计算；其中，所述数据来源于同一表单或不同表单。

优选地，所述方法，还包括：以配置的方式在表单的数据项上自动显示填报说明。

优选地，所述填报说明包括：超链接或弹窗。

优选地，所述基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示，具体为：

基于网格进行页面前端显示控制；

页面前端获取内容项，并被动态地布置在所述页面前端显示界面的网格中；

基于准备好渲染的表单项的位置配置信息，定义所述准备好渲染的表单项在所述网格中的小块内的布局；

基于所述布局渲染所述准备好渲染的表单项，并进行显示。

优选地，所述配置表单组件，包括：当表单内的控件达到设定值后，自动唤起其他控件，并显示；

或者，

根据其他表单中控件的数值控制当前表单的数据；其中，所述其他表单为当前表单之前形成的表单。

优选地，所述根据其他表单中控件的数值控制当前表单的数据，具体为：

在表单A数据的准备期间，定义控制条件时，要获取跨表单中的数据配置信息，并根据所述配置信息获取相应的表单B，并读取；

对所述表单B的数据进行规则性转换，并放置于表单A的数据中，以使表单A的数据包括表单B的数据；其中，表单B的数据在表单A之前形成。

优选地，所述根据所述表单组件和自动计算控件，进行数据计算，具体为：

在表单组件对数据进行整理后：

读取并解析computeResult自动计算控件的公式，提取出所需数据表和字段，并读取所述数据表和字段对应的数值；

调用所述computeResult自动计算控件，结合表单组件中的数值得到计算值，并更新到数据表对应的数据中的相应字段；其中，所述数据表和字段来源于多个表单。

根据本发明实施例的第二方面，提供一种表单配置系统，包括：

显示模块，用于基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示；

配置模块，用于配置表单组件；

计算模块，用于根据所述表单组件和自动计算控件，进行数据计算；其中，所述数据来源于同一表单或不同表单。

根据本发明实施例的第三方面，提供一种表单配置装置，包括：

上述的方法，或，上述的系统。

根据本发明实施例的第四方面，提供一种电子设备，包括：

处理器和存储器，所述处理器与所述存储器相连，

所述存储器用于存储计算机程序，所述处理器用于执行所述存储器中存储的计算机程序，

以使得所述电子设备执行如上述的方法。

本发明的实施例提供的技术方案可以包括以下有益效果：

本发明中基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示，配置表单组件，根据所述表单组件和自动计算控件，进行数据计算，其中，所述数据来源于同一表单或不同表单，本发明的技术方案，符合现代主流的网格界面控制方式，通过配置的方式使得前端界面控制的灵活度大大提升，对手机的兼容性好，同时可以实现同表单或跨表单之间的交互计算，基于自动计算控件对数据进行前置判断，减少填报数据不一致的情况，提升数据的准确度。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

图1是根据一示例性实施例示出的一种表单配置方法流程图；

图2是根据一示例性实施例示出的表单配置说明；

图3是根据一示例性实施例示出的自动计算控件的工作流程图；

图4是根据一示例性实施例示出的弹窗界面图；

图5是根据一示例性实施例示出的一种表单配置系统框图示意图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

实施例一

在一个实施例中，请参阅图1，图1是根据一示例性实施例示出的一种表单配置方法流程图，如图1所示，该方法包括：

步骤S01、基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示；

步骤S02、配置表单组件；

步骤S03、根据所述表单组件和自动计算控件，进行数据计算；其中，所述数据来源于同一表单或不同表单。

需要说明的是，本实施例提供的技术方案适用的应用场景为银行、证券公司、保险公司等需要申报、审批类的业务，其中，申报/审批需求灵活多变，工作任务时间紧迫、表单数据复杂，关联度高的使用场景。

需要说明的是，本实施例的技术方案，基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示，配置表单组件，根据所述表单组件和自动计算控件，进行数据计算，其中，所述数据来源于同一表单或不同表单，本实施例的技术方案，符合现代主流的网格界面控制方式，通过配置的方式使得前端界面控制的灵活度大大提升，对手机的兼容性好，同时可以实现同表单或跨表单之间的交互计算，基于自动计算控件对数据进行前置判断，减少填报数据不一致的情况，提升数据的准确度。

在具体实践中，还包括：以配置的方式在表单的数据项上自动显示填报说明。

在具体实践中，所述填报说明包括：超链接或弹窗。

需要说明的是，现在常用的控件说明一般有两种形式。一是在标题上直接增加填写说明，一般这种形式，支持的填报说明内容简短，会遇到标题文本过长的困扰；二是在要填写的表格中显示每项数据的填写要求。这种形式每项数据要求明确，但是一旦填入数据后，该填写要求就不再显示，不方便后续进行数据检查。在实际工作中，对于复杂表格填写，填写说明要求极为细致，内容长，例如：基于《XXX》政策，该表中内容应该侧重于“5+1”行业分类下的某个产业进行……。因此，本实施例的技术方案，为了满足该类业务需求而提供了两种填报说明的功能：

1、超链接，点击后会弹出一个专门的说明页面，进行文字说明。或者链接是个说明文件，可以将说明文件直接下载后查阅。

2、弹窗，弹出一个专门的说明框，进行文字说明。

具体页面展现形式如下：点击标题旁边？或者▽等，可以弹出超链接页面，并支持文件下载，或者出现弹窗文字说明，具体地，请参阅图4，图4是弹窗界面图。

需要说明的是，本实施例的技术方案，控件可以支持多种形式的填报说明，适合说明内容长的情况，更加全面和具体，更贴合申报/审批类的工作场景，提升了整体的便利性。

在具体实践中，所述基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示，具体为：

基于网格进行页面前端显示控制；

页面前端获取内容项，并被动态地布置在所述页面前端显示界面的网格中；

基于准备好渲染的表单项的位置配置信息，定义所述准备好渲染的表单项在所述网格中的小块内的布局；

基于所述布局渲染所述准备好渲染的表单项，并进行显示。

需要说明的是，本实施例中定义网格每一行分为24个格子，最小单位为1个格子，行原则上可无限延伸，整个前端显示界面可以表示为X×24。每一个表单由一定数量的表单项构成，表单项包括标签和表单组件。其中，起始位置默认为表单的左上角，其位置表示为[0，0]。

需要说明的是，请参阅图2，图2是表单配置说明，在对表单进行配置时，先确定表单项的位置行，即：第几行；再确定表单项在行内的位置(一行内可渲染多个表单项，用数字1、2、3……顺序表示)；表单项所占格数(如图2所述，其选择范围2-24)，并计算标签所占格数(需将表单项格数再细分为24份后，再计算标签所占份数，表单项组件也一样)和组件所占格数。例如：表单项1的配置，确定为第一行，行内位置为1，表单项占12格(其中，表单项占12格，需要再细分为24份；其中，标签占表单项中的3格，表单组件占表单项中的9格，所以细分后标签占6份，表单组件占18份)结果标签为6份，表单组件为18份。表单项2的配置，确定为第一行，行内位置为2，表单项占8格，(其中，表单项占8格，需要再细分为24份；其中，标签占表单项中的2格，表单组件占表单项中的6格，所以细分后标签占6份，表单组件占18份)，结果标签为6份，表单组件为18份。

需要说明的是，本实施例提供的技术方案，基于网格进行页面前端显示控制，页面前端获取内容项，并被动态地布置在所述页面前端显示界面的网格中，基于准备好渲染的表单项的位置，定义所述准备好渲染的表单项在所述网格中的小块内的布局，基于所述布局渲染所述准备好渲染的表单项，并进行显示，本实施例的技术方案，符合现代主流的网格界面控制方式，通过配置的方式使得前端界面控制的灵活度大大提升，对手机的兼容性好，用户体验度好，满意度高。

在具体实践中，所述配置表单组件，包括：当表单内的控件达到设定值后，自动唤起其他控件，并显示；

或者，

根据其他表单中控件的数值控制当前表单的数据；其中，所述其他表单为当前表单之前形成的表单。

在具体实践中，所述根据其他表单中控件的数值控制当前表单的数据，具体为：

在表单A数据的准备期间，定义控制条件时，要获取跨表单中的数据配置信息，并根据所述配置信息获取相应的表单B，并读取；

对所述表单B的数据进行规则性转换，并放置于表单A的数据中，以使表单A的数据包括表单B的数据；其中，表单B的数据在表单A之前形成。

需要说明的是，本实施例的控件中，包括：

text("文本输入框")；

inputnumber("数字输入框")，

textarea("多行文本输入框")，

select("下拉选择框")，

select4Levels("多级下拉选择框")，

checkbox("复选框组")，

upload("附件")，

radio("单选框组")，

plus("加分项")，

computeResult("计算结果")，

otherCheckbox("其他复选框组")，

checkboxPure("纯净复选框组")等。

其中，控件的类型可以随着系统的使用进行不断的添加、丰富和完善。

需要说明的是，当表单内的控件达到设定值或设定的标准后，会自动唤起另一个或多个控件，并显示出来，本实施例的技术方案为表单内控件可见，例如：在同一个申报页面中，下拉菜单为“5+1分类”，可选择能源化工、装备制造、食品饮料、电子信息、先进材料五类及“其他”，当用户点击其他按钮时会出现文本框，支持客户自行输入文字和相应的内容。

需要说明的是，根据其他表单中控件的数值控制当前表单的数据，具体为：在表单A数据的准备期间，定义控制条件时，要获取跨表单中的数据配置信息，并根据所述配置信息获取相应的表单B，并读取；对所述表单B的数据进行规则性转换，并放置于表单A的数据中，以使表单A的数据包括表单B的数据，其中，表单B的数据在表单A之前形成，本实施例的技术方案为跨表单的控件可见，例如：绿色园区填报中，选择了两个主导产业：能源化工和食品饮料，自动启动主导产业对应的其他表单，例如：这两个主导产业的经营情况，其经营情况分别由能源化工经营情况表单和食品饮料经营情况表单来表达，这两个表单内容和形式可以不同。如果绿色园区申报中，没有选择主导产业，就不启动后续表单。如果选择一个主导产业，就启动对应的表单内容。如上述的实施例可知，本实施例的技术方案支持多个表单数据的融合，即：允许同一申报数据由多个表单组成，更加方便用户进行操作，体验度好。

在具体实践中，所述根据所述表单组件和自动计算控件，进行数据计算，具体为：

在表单组件对数据进行整理后：

读取并解析computeResult自动计算控件的公式，提取出所需数据表和字段，并读取所述数据表和字段对应的数值；

调用所述computeResult自动计算控件，结合表单组件中的数值得到计算值，并更新到数据表对应的数据中的相应字段；其中，所述数据表和字段来源于多个表单。

需要说明的是，computeResult作为自研的自动计算控件，在控件内会配置计算公式，支持表单内计算，也支持跨表单计算。其中，自动计算控件支持四则运算的运算符，以“${}”作为变量标识符，并在其中定义变量对应哪个字段。实际填报界面中，表单数据保存时，后端代码在实际保存之后，会判断此申报数据的一组表单中，是否存在自动计算控件，如果存在，则读取并解析这些自动计算控件的公式，提取出所需数据表及字段，再读取相关表和字段的值，以这些值为参数调用公式计算函数，得到计算值，更新到数据库对应表的对应记录的对应字段中。由于在计算任一控件的公式时，都会判断所需数据表及字段，并准备数据，数据来源横跨多个表单，从而实现了跨表单计算。另外，动态表单对应的数据库表中，系统会自动创建一个“申报ID”字段，用于表达多个表单中针对同一个申报信息的数据，会对数据逻辑性进行前置判断，从而实现跨表单计算时，取得的数据一定是同一个申报信息的数据，避免跨表单计算时出现不同申报数据之间的混乱。

需要说明的是，在跨表单进行计算时，通用控件选择“计算结果”，用户无需填写，直接保存即可，具体方式请参阅图3，图3是自动计算控件的流程图。

表单内计算百分比：${tableName.filedName}×

100/${tableName.filedName}；

跨表单计算百分比：${otherTableName.filedName}×

100/${tableName.filedName}。

本实施例基于computeResult自动计算控件，对数据逻辑性进行前置判断，减少填报数据不一致情况的发生，能够提升数据准确度，方便用户使用。

需要说明的是，本实施例的技术方案，首先进行网格表单的页面布局，然后通过配置的形式实现跨表单控件可见，基于跨表单控件可见和自动计算控件，实现跨表单的计算，最后还增加了表单填报说明的输入和显示的方案，使得整体通过动态表单实现数据申报/审批的配置、填写、数据整合与查询，并结配合现有技术的功能，共同实现动态可配置的申报/审批系统和程序。

实施例二

在一个实施例中，请参阅图5，图5是根据一示例性实施例示出的一种表单配置系统500框图示意图，如图5所示，该系统包括：

显示模块501，用于基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示；

配置模块502，用于配置表单组件；

计算模块503，用于根据所述表单组件和自动计算控件，进行数据计算；其中，所述数据来源于同一表单或不同表单。

需要说明的是，本实施例提供的技术方案适用的应用场景为银行、证券公司、保险公司等需要申报、审批类的业务，其中，申报/审批需求灵活多变，工作任务时间紧迫、表单数据复杂，关联度高的使用场景。

需要说明的是，本实施例的技术方案中，显示模块501，用于基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示，配置模块502，用于配置表单组件，计算模块503，用于根据所述表单组件和自动计算控件，进行数据计算，其中，所述数据来源于同一表单或不同表单，本实施例的技术方案，符合现代主流的网格界面控制方式，通过配置的方式使得前端界面控制的灵活度大大提升，对手机的兼容性好，同时可以实现同表单或跨表单之间的交互计算，基于自动计算控件对数据进行前置判断，减少填报数据不一致的情况，提升数据的准确度。

实施例三

一种表单配置装置，其特征在于，包括如上述的方法，或，上述的系统。

需要说明的是，本实施例提供的技术方案适用的应用场景为银行、证券公司、保险公司等需要申报、审批类的业务，其中，申报/审批需求灵活多变，工作任务时间紧迫、表单数据复杂，关联度高的使用场景。

需要说明的是，本实施例中各模块的实现方式及有益效果，可参见实施例一中相关步骤的介绍，本实施例不再赘述。

实施例四

一种电子设备，包括：处理器和存储器，所述处理器与所述存储器相连，

所述存储器用于存储计算机程序，所述处理器用于执行所述存储器中存储的计算机程序，

以使得所述电子设备执行上述的方法。

需要说明的是，本实施例提供的技术方案适用的应用场景为银行、证券公司、保险公司等需要申报、审批类的业务，其中，申报/审批需求灵活多变，工作任务时间紧迫、表单数据复杂，关联度高的使用场景。

需要说明的是，本实施例中各模块的实现方式及有益效果，可参见实施例一中相关步骤的介绍，本实施例不再赘述。

本实施例公开的计算机可读存储介质包括但不限于：电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

可以理解的是，上述各实施例中相同或相似部分可以相互参考，在一些实施例中未详细说明的内容可以参见其他实施例中相同或相似的内容。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。

尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (8)

1.一种表单配置方法，其特征在于，包括：

基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示；

配置表单组件；

根据所述表单组件和自动计算控件，进行数据计算；其中，所述数据来源于同一表单或不同表单；

所述配置表单组件，包括：当表单内的控件达到设定值后，自动唤起其他控件，并显示；

或者，

根据其他表单中控件的数值控制当前表单的数据；其中，所述其他表单为当前表单之前形成的表单；

所述根据其他表单中控件的数值控制当前表单的数据，具体为：

在表单A数据的准备期间，定义控制条件时，要获取跨表单中的数据配置信息，并根据所述配置信息获取相应的表单B，并读取；

对所述表单B的数据进行规则性转换，并放置于表单A的数据中，以使表单A的数据包括表单B的数据；其中，表单B的数据在表单A之前形成。

2.根据权利要求1所述的方法，其特征在于，还包括：以配置的方式在表单的数据项上自动显示填报说明。

3.根据权利要求2所述的方法，其特征在于，所述填报说明包括：超链接或弹窗。

4.根据权利要求1所述的方法，其特征在于，所述基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示，具体为：

基于网格进行页面前端显示控制；

页面前端获取内容项，并被动态地布置在所述页面前端显示界面的网格中；

基于准备好渲染的表单项的位置配置信息，定义所述准备好渲染的表单项在所述网格中的小块内的布局；

基于所述布局渲染所述准备好渲染的表单项，并进行显示。

5.根据权利要求1所述的方法，其特征在于，所述根据所述表单组件和自动计算控件，进行数据计算，具体为：

在表单组件对数据进行整理后：

读取并解析computeResult自动计算控件的公式，提取出所需数据表和字段，并读取所述数据表和字段对应的数值；

调用所述computeResult自动计算控件，结合表单组件中的数值得到计算值，并更新到数据表对应的数据中的相应字段；其中，所述数据表和字段来源于多个表单。

6.一种表单配置系统，其特征在于，包括：

显示模块，用于基于网格进行页面前端显示控制，以使表单按照预设的方式进行显示；

配置模块，用于配置表单组件，所述配置表单组件，包括：当表单内的控件达到设定值后，自动唤起其他控件，并显示；或者，根据其他表单中控件的数值控制当前表单的数据；其中，所述其他表单为当前表单之前形成的表单；所述根据其他表单中控件的数值控制当前表单的数据，具体为：在表单A数据的准备期间，定义控制条件时，要获取跨表单中的数据配置信息，并根据所述配置信息获取相应的表单B，并读取；对所述表单B的数据进行规则性转换，并放置于表单A的数据中，以使表单A的数据包括表单B的数据；其中，表单B的数据在表单A之前形成；

计算模块，用于根据所述表单组件和自动计算控件，进行数据计算；其中，所述数据来源于同一表单或不同表单。

7.一种表单配置装置，其特征在于，包括：执行如权利要求1-5任意一项所述的方法，或，执行权利要求6所述的系统。

8.一种电子设备，其特征在于，包括：处理器和存储器，所述处理器与所述存储器相连，

所述存储器用于存储计算机程序，所述处理器用于执行所述存储器中存储的计算机程序，

以使得所述电子设备执行如权利要求1-5中任一项所述的方法。

Images