一种页面数据处理方法及装置与流程

1.本发明涉及页面显示技术领域，尤其涉及一种页面数据处理方法及装置。


背景技术：

2.页面布局是一项重要的技术，良好的页面布局可以使界面组织得更加合理，提高信息展示效率和用户体验。
3.现有技术中，业务人员配置完成了页面布局展示所需要的组件元素后(如文本框，下拉框等)，往往需要考虑所述组件元素的数据需要参与什么场景的数据交互，并根据所述数据交互人工配置大量的数据映射即什么控件对应什么字段，依次完成页面布局的数据需求，所述人工配置数据映射不仅需要大量业务人员花费大量时间手工编写，造成人工成本昂贵，而且对所述业务人员的专业要求程度也非常高，否则在所述编写的过程中极容易发生编写错误，造成数据的交互发生错误，造成所述页面与所述数据的不匹配，数据处理精度低。


技术实现要素：

4.为了解决上述技术问题，本发明公开了一种页面数据处理方法及装置，降低人工成本，提高数据处理的效率及精准度。
5.为了实现上述目的，第一方面，本发明公开了一种页面数据处理方法，包括：
6.获取目标页面中用户触发的数据提交指令，并根据所述数据提交指令分别对所述目标页面中包含的若干个表单组件中的每一个表单组件中的第一页面数据进行数据校验，获得数据校验结果并对所述第一页面数据进行整合，获得所述目标页面的第二页面数据；
7.若所述数据校验结果为可提交，则根据所述数据提交指令对应的数据规则对所述第二页面数据进行拼装，并执行所述数据提交指令将拼装后的第二页面数据进行提交。
8.本发明公开了一种页面数据处理方法，包括当接收到页面触发的数据提交指令时，对所述页面中包含的若干个表单组件中的每一个表单组件中的数据进行校验，以使验证当前页面中的数据是否符合填写规则，实现了对页面上的若干个表单组件的数据进行统一全面校验，避免了现有技术中搭建数据映射进而一个一个的校验每一个表单组件中的数据，降低了人工成本，同时在对所述表单组件中的数据进行校验时，还将所述若干个表单组件中每一个表单组件中的数据全部进行整合，生成页面对应的第二页面数据，当页面接收到所述第一页面数据的校验结果为校验成功时，则可根据所述数据提交中对应的数据规则对所述数据进行拼装，以使所述数据可以成功提交，使得所述页面数据与所述数据提交指令中的数据规则适配，提高数据提交的准确性。
9.作为优选例子，在所述获取目标页面中用户触发的数据提交指令之前，包括：
10.对所述目标页面中包含的若干个表单组件中的每一个表单组件分别进行列名配置；
11.对所述每一个表单组件实时进行监听，当识别到用户在所述表单组件中进行数据
输入时，则缓存所述表单组件中用户输入的数据，获得所述每一个表单组件分别对应的第一页面数据。
12.本发明为了使得所述表单组件能够支撑数据回写，需要对所述表单组件进行列名配置，根据所述列名配置确认其对应的表单组件是作为什么字段的数据，参与数据读取，其可被无限次使用，以此解决了现有技术中人工搭建数据映射来读取数据的技术问题，降低了人工成本，接着在用户在所述每一个表单组件输入数据时，及时保存每一个表单中输入的数据，以此作为目标页面的第一页面数据，便于后期进行数据校验。
13.作为优选例子，在所述根据所述数据提交指令分别对所述目标页面中包含的若干个表单组件中的每一个表单组件中的第一页面数据进行数据校验，包括：
14.获取所述目标页面上用户触发的数据提交指令，并根据所述数据提交指令向所述目标页面上的若干个表单组件分别发送数据校验指令；
15.根据所述数据校验指令，所述若干个表单组件中的每一表单组件分别根据自身预设的校验配置对所述第一页面数据进行数据校验，获得所述若干个表单组件中每一个表单组件的校验结果。
16.本发明在接收到所述页面上触发的数据提交指令后，同时向所述表单组件发送数据校验指令，以使所述表单组件根据所述校验指令分别根据自身的校验规则对自身缓存的第一页面数据进行数据校验，进而完成对所述页面上的页面数据进行校验，实现了统一各表单组件的全面校验，提高了数据处理的效率。
17.作为优选例子，在所述对所述第一页面数据进行整合，获得所述目标页面的第二页面数据，包括：
18.获取所述若干个表单组件中的每一个表单组件的第一页面数据，获得若干个第一页面数据；
19.对所述若干个第一页面数据进行数据组装，生成所述目标页面对应的第二页面数据，并将所述第二页面数据发送到所述目标页面中。
20.本发明所述表单组件进行数据校验的同时，将每一个表单组件中的第一页面数据进行提取，获得所述若干个表单组件对应的若干个第一页面数据，并对所述若干个第一页面数据进行数据组装，以使后期当数据校验结果为可提交时，对顺序正确的完整的页面数据进行数据处理，提高数据处理的精准度。
21.作为优选例子，在所述根据所述数据提交指令对应的数据规则对所述第二页面数据进行拼装，并执行所述数据提交指令将拼装后的第二页面数据进行提交，包括：
22.根据所述数据提交指令确定数据源对应的接口，并获取所述接口的接口要求；
23.根据所述接口要求对所述第二页面数据进行数据拼装，获得数据拼装后的第三页面数据，并将所述第三页面数据通过所述接口提交到所述数据源。
24.本发明根据所述数据提交指令确定了数据需要提交到的数据源，并获取所述数据源的接口，进而根据所述接口的接口规则对所述第二页面数据进行拼装，以使所述页面数据可被提交到所述数据源，实现了表单提交的业务数据与接口的适配，提高了数据处理的效率及准确率。
25.第二方面，本发明还公开了一种页面数据处理装置，包括数据校验模块及数据提交模块；
26.所述数据校验模块用于获取目标页面中用户触发的数据提交指令，并根据所述数据提交指令分别对所述目标页面中包含的若干个表单组件中的每一个表单组件中的第一页面数据进行数据校验，获得数据校验结果并对所述第一页面数据进行整合，获得所述目标页面的第二页面数据；
27.所述数据提交模块用于若所述数据校验结果为可提交，则根据所述数据提交指令对应的数据规则对所述第二页面数据进行拼装，并执行所述数据提交指令将拼装后的第二页面数据进行提交。
28.本发明公开了一种页面数据处理装置，包括当接收到页面触发的数据提交指令时，对所述页面中包含的若干个表单组件中的每一个表单组件中的数据进行校验，以使验证当前页面中的数据是否符合填写规则，实现了对页面上的若干个表单组件的数据进行统一全面校验，避免了现有技术中搭建数据映射进而一个一个的校验每一个表单组件中的数据，降低了人工成本，同时在对所述表单组件中的数据进行校验时，还将所述若干个表单组件中每一个表单组件中的数据全部进行整合，生成页面对应的第二页面数据，当页面接收到所述第一页面数据的校验结果为校验成功时，则可根据所述数据提交中对应的数据规则对所述数据进行拼装，以使所述数据可以成功提交，使得所述页面数据与所述数据提交指令中的数据规则适配，提高数据提交的准确性。
29.作为优选例子，所述数据校验模块包括数据指令单元及数据校验单元；
30.所述数据指令单元用于获取所述目标页面上用户触发的数据提交指令，并根据所述数据提交指令向所述目标页面上的若干个表单组件分别发送数据校验指令；
31.所述数据校验单元用于根据所述数据校验指令，所述若干个表单组件中的每一表单组件分别根据自身预设的校验配置对所述第一页面数据进行数据校验，获得所述若干个表单组件中每一个表单组件的校验结果。
32.本发明在接收到所述页面上触发的数据提交指令后，同时向所述表单组件发送数据校验指令，以使所述表单组件根据所述校验指令分别根据自身的校验规则对自身缓存的第一页面数据进行数据校验，进而完成对所述页面上的页面数据进行校验，实现了统一各表单组件的全面校验，提高了数据处理的效率。
33.作为优选例子，所述数据校验模块还包括数据提取单元及数据整合单元；
34.所述数据提取单元用于获取所述若干个表单组件中的每一个表单组件的第一页面数据，获得若干个第一页面数据；
35.所述数据整合单元用于对所述若干个第一页面数据进行数据组装，生成所述目标页面对应的第二页面数据，并将所述第二页面数据发送到所述目标页面中。
36.本发明所述表单组件进行数据校验的同时，将每一个表单组件中的第一页面数据进行提取，获得所述若干个表单组件对应的若干个第一页面数据，并对所述若干个第一页面数据进行数据组装，以使后期当数据校验结果为可提交时，对顺序正确的完整的页面数据进行数据处理，提高数据处理的精准度。
37.作为优选例子，所述数据提交模块包括数据拼装单元及数据提交单元；
38.所述数据拼装单元用于根据所述数据提交指令确定数据源对应的接口，并获取所述接口的接口要求；
39.所述数据提交单元用于根据所述接口要求对所述第二页面数据进行数据拼装，获
得数据拼装后的第三页面数据，并将所述第三页面数据通过所述接口提交到所述数据源。
40.本发明根据所述数据提交指令确定了数据需要提交到的数据源，并获取所述数据源的接口，进而根据所述接口的接口规则对所述第二页面数据进行拼装，以使所述页面数据可被提交到所述数据源，实现了表单提交的业务数据与接口的适配，提高了数据处理的效率及准确率。
41.第三方面，本发明公开了一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如第一方面所述的一种页面数据处理方法。
附图说明
42.图1：为本发明实施例提供的一种页面数据处理方法的流程示意图；
43.图2：为本发明实施例提供的一种页面数据处理装置的结构示意图。
具体实施方式
44.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
45.实施例
46.本发明实施例公开了一种页面数据处理方法，所述方法的具体实施流程请参照图1，主要包括步骤101至步骤102，所述步骤为：
47.步骤101：获取目标页面中用户触发的数据提交指令，并根据所述数据提交指令分别对所述目标页面中包含的若干个表单组件中的每一个表单组件中的第一页面数据进行数据校验，获得数据校验结果并对所述第一页面数据进行整合，获得所述目标页面的第二页面数据。
48.在本实施例中，该步骤主要包括：在获取目标页面中用户触发的数据提交指令之前，对所述目标页面中包含的若干个表单组件中的每一个表单组件分别进行列名配置；对所述每一个表单组件实时进行监听，当识别到用户在所述表单组件中进行数据输入时，则缓存所述表单组件中用户输入的数据，获得所述每一个表单组件分别对应的第一页面数据。
49.在获取所述目标页面上用户触发的数据提交指令后，根据所述数据提交指令向所述目标页面上的若干个表单组件分别发送数据校验指令；根据所述数据校验指令，所述若干个表单组件中的每一表单组件分别根据自身预设的校验配置对所述第一页面数据进行数据校验，获得所述若干个表单组件中每一个表单组件的校验结果，并获取所述若干个表单组件中的每一个表单组件的第一页面数据，获得若干个第一页面数据，对所述若干个第一页面数据进行数据组装，生成所述目标页面对应的第二页面数据，并将所述第二页面数据发送到所述目标页面中。
50.示例性的，在本实施例中，当目标页面接收到数据提交指令时，所述数据提交指令可为整表新增指令时，会向所述目标页面中的各表单控件即表单组件发出数据校验指令，所述数据校验指令用于校验并收集表单组件中包含的数据，所述各个表单组件在收到所述
数据校验指令后，根据自身的校验配置对其包含的页面数据进行数据校验，并将所述各个表单组件中包含的页面数据进行组装生成业务数据即所述第二页面数据，将所述业务数据发送给所述目标页面，进一步的，所述表单组件为了能够支撑数据回写(页面是需要配置组件回写时的接口的)，需要进行列名配置，列名配置主要是为了确认这个组件是要作为什么字段的数据，参与数据读取(例如为文本框，绑定了“姓名”的列名，则意味着在页面运行过程中，这个文本框组件会在页面展示时，读取“姓名”字段的值回显给用户，提交本组件的值作为“姓名”字段的数据给到接口)。
51.优选的，在本实施例中，假设所述目标页面为岗位管理页面，所述岗位管理页面包括3个表单组件，分别为岗位名称的输入，岗位编号的输入，岗位状态的选择，当用户在“岗位名称”文本框进行数据输入时，文本框这个组件会缓存用户输入的业务数据；当用户在“岗位编号”数字框进行数据输入时，文本框这个组件会缓存用户输入的业务数据；当用户在“岗位状态”下拉框进行数据输入时，文本框这个组件会缓存用户输入的业务数据，接着用户在所述岗位管理页面点击提交按钮之后，所述页面会向文本框(岗位名称)、数字框(岗位编号)、下拉框(岗位状态)发送校验指令，所述文本框、数字框、下拉框分别收集针对各业务数据的校验信息(如是否必填，岗位编号是否是6位数字等)和对应的业务数据(如岗位提交的是编码”stop-using”，而不是显示值“停用”)，根据所述校验信息对所述每一个组件中的数据进行校验。
52.本发明为了使得所述表单组件能够支撑数据回写，需要对所述表单组件进行列名配置，根据所述列名配置确认其对应的表单组件是作为什么字段的数据，参与数据读取，其可被无限次使用，以此解决了现有技术中人工搭建数据映射来读取数据的技术问题，降低了人工成本，接着在用户在所述每一个表单组件输入数据时，及时保存每一个表单中输入的数据，以此作为目标页面的第一页面数据，便于后期进行数据校验，接着在接收到所述页面上触发的数据提交指令后，同时向所述表单组件发送数据校验指令，以使所述表单组件根据所述校验指令分别根据自身的校验规则对自身缓存的第一页面数据进行数据校验，进而完成对所述页面上的页面数据进行校验，实现了统一各表单组件的全面校验，提高了数据处理的效率，在所述表单组件进行数据校验的同时，将每一个表单组件中的第一页面数据进行提取，获得所述若干个表单组件对应的若干个第一页面数据，并对所述若干个第一页面数据进行数据组装，以使后期当数据校验结果为可提交时，对顺序正确的完整的页面数据进行数据处理，提高数据处理的精准度。
53.步骤102：若所述数据校验结果为可提交，则根据所述数据提交指令对应的数据规则对所述第二页面数据进行拼装，并执行所述数据提交指令将拼装后的第二页面数据进行提交。
54.在本实施例中，该步骤主要包括：根据所述数据提交指令确定数据源对应的接口，并获取所述接口的接口要求；根据所述接口要求对所述第二页面数据进行数据拼装，获得数据拼装后的第三页面数据，并将所述第三页面数据通过所述接口提交到所述数据源。
55.示例性的，在本实施例中，所述目标页面根据各表单组件的校验结果，确认所述页面中的数据是否可提交，若所述校验结果存在校验结果错误则提示用户，提交失败，若所述校验结果不存在校验结果错误，则校验成功后，根据所述数据提交指令确定接口要求，并根据所述接口要求对所述第二页面数据进行数据拼装，并提交数据给接口，所述接口为所述
第二页面数据需要提交到的数据源所提供。
56.优选的，在本实施例中，所述岗位管理页面分别获得所述文本框、数字框、下拉框的校验结果，若存在其中一个校验结果为校验失败，则所述岗位管理页面通知用户需要检查表单输入(如需要填写岗位状态)，若所述校验结果均为校验成功，则根据所述数据提交指令确定页面数据提交到的目的数据源，并获取所述目的数据源提供的接口，根据所述接口的接口要求对所述页面数据进行包装提交至所述接口。
57.本发明根据所述数据提交指令确定了数据需要提交到的数据源，并获取所述数据源的接口，进而根据所述接口的接口规则对所述第二页面数据进行拼装，以使所述页面数据可被提交到所述数据源，实现了表单提交的业务数据与接口的适配，提高了数据处理的效率及准确率。
58.另一方面，本发明还公开了一种页面数据处理装置，所述装置的具体结构请参照图2，主要包括数据校验模块201及数据提交模块202。
59.所述数据校验模块201用于获取目标页面中用户触发的数据提交指令，并根据所述数据提交指令分别对所述目标页面中包含的若干个表单组件中的每一个表单组件中的第一页面数据进行数据校验，获得数据校验结果并对所述第一页面数据进行整合，获得所述目标页面的第二页面数据。
60.所述数据提交模块202用于若所述数据校验结果为可提交，则根据所述数据提交指令对应的数据规则对所述第二页面数据进行拼装，并执行所述数据提交指令将拼装后的第二页面数据进行提交。
61.在本实施例中，所述数据校验模块201包括数据指令单元及数据校验单元。
62.所述数据指令单元用于获取所述目标页面上用户触发的数据提交指令，并根据所述数据提交指令向所述目标页面上的若干个表单组件分别发送数据校验指令。
63.所述数据校验单元用于根据所述数据校验指令，所述若干个表单组件中的每一表单组件分别根据自身预设的校验配置对所述第一页面数据进行数据校验，获得所述若干个表单组件中每一个表单组件的校验结果。
64.在本实施例中，所述数据校验模块201还包括数据提取单元及数据整合单元。
65.所述数据提取单元用于获取所述若干个表单组件中的每一个表单组件的第一页面数据，获得若干个第一页面数据。
66.所述数据整合单元用于对所述若干个第一页面数据进行数据组装，生成所述目标页面对应的第二页面数据，并将所述第二页面数据发送到所述目标页面中。
67.在本实施例中，所述数据提交模块202包括数据拼装单元及数据提交单元。
68.所述数据拼装单元用于根据所述数据提交指令确定数据源对应的接口，并获取所述接口的接口要求。
69.所述数据提交单元用于根据所述接口要求对所述第二页面数据进行数据拼装，获得数据拼装后的第三页面数据，并将所述第三页面数据通过所述接口提交到所述数据源。
70.除上述方法及装置外，本发明公开了一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如本发明实施例所述的一种页面数据处理方法。
71.本发明实施例公开的一种页面数据处理方法及装置，包括当接收到页面触发的数据提交指令时，对所述页面中包含的若干个表单组件中的每一个表单组件中的数据进行校
验，以使验证当前页面中的数据是否符合填写规则，实现了对页面上的若干个表单组件的数据进行统一全面校验，避免了现有技术中搭建数据映射进而一个一个的校验每一个表单组件中的数据，降低了人工成本，同时在对所述表单组件中的数据进行校验时，还将所述若干个表单组件中每一个表单组件中的数据全部进行整合，生成页面对应的第二页面数据，当页面接收到所述第一页面数据的校验结果为校验成功时，则可根据所述数据提交中对应的数据规则对所述数据进行拼装，以使所述数据可以成功提交，使得所述页面数据与所述数据提交指令中的数据规则适配，提高数据提交的准确性，进一步的本技术方案用户只需配置一次，应用端可以使用无限次，节省时间成本，使用组件即可采集对应的数据，无需配置组件与字段的映射，节省人工成本，同时实现了统一各表单组件的全面校验，接口所涉及的表单组件的筛选与表单提交的业务数据与接口的适配。
72.以上所述的具体实施例，对本发明的目的、技术方案和有益效果进行了进一步的详细说明，应当理解，以上所述仅为本发明的具体实施例而已，并不用于限定本发明的保护范围。特别指出，对于本领域技术人员来说，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

技术特征：
1.一种页面数据处理方法，其特征在于，包括：获取目标页面中用户触发的数据提交指令，并根据所述数据提交指令分别对所述目标页面中包含的若干个表单组件中的每一个表单组件中的第一页面数据进行数据校验，获得数据校验结果并对所述第一页面数据进行整合，获得所述目标页面的第二页面数据；若所述数据校验结果为可提交，则根据所述数据提交指令对应的数据规则对所述第二页面数据进行拼装，并执行所述数据提交指令将拼装后的第二页面数据进行提交。2.如权利要求1所述的一种页面数据处理方法，其特征在于，所述获取目标页面中用户触发的数据提交指令之前，包括：对所述目标页面中包含的若干个表单组件中的每一个表单组件分别进行列名配置；对所述每一个表单组件实时进行监听，当识别到用户在所述表单组件中进行数据输入时，则缓存所述表单组件中用户输入的数据，获得所述每一个表单组件分别对应的第一页面数据。3.如权利要求1所述的一种页面数据处理方法，其特征在于，所述根据所述数据提交指令分别对所述目标页面中包含的若干个表单组件中的每一个表单组件中的第一页面数据进行数据校验，包括：获取所述目标页面上用户触发的数据提交指令，并根据所述数据提交指令向所述目标页面上的若干个表单组件分别发送数据校验指令；根据所述数据校验指令，所述若干个表单组件中的每一表单组件分别根据自身预设的校验配置对所述第一页面数据进行数据校验，获得所述若干个表单组件中每一个表单组件的校验结果。4.如权利要求1所述的一种页面数据处理方法，其特征在于，所述对所述第一页面数据进行整合，获得所述目标页面的第二页面数据，包括：获取所述若干个表单组件中的每一个表单组件的第一页面数据，获得若干个第一页面数据；对所述若干个第一页面数据进行数据组装，生成所述目标页面对应的第二页面数据，并将所述第二页面数据发送到所述目标页面中。5.如权利要求1所述的一种页面数据处理方法，其特征在于，所述根据所述数据提交指令对应的数据规则对所述第二页面数据进行拼装，并执行所述数据提交指令将拼装后的第二页面数据进行提交，包括：根据所述数据提交指令确定数据源对应的接口，并获取所述接口的接口要求；根据所述接口要求对所述第二页面数据进行数据拼装，获得数据拼装后的第三页面数据，并将所述第三页面数据通过所述接口提交到所述数据源。6.一种页面数据处理装置，其特征在于，包括数据校验模块及数据提交模块；所述数据校验模块用于获取目标页面中用户触发的数据提交指令，并根据所述数据提交指令分别对所述目标页面中包含的若干个表单组件中的每一个表单组件中的第一页面数据进行数据校验，获得数据校验结果并对所述第一页面数据进行整合，获得所述目标页面的第二页面数据；所述数据提交模块用于若所述数据校验结果为可提交，则根据所述数据提交指令对应的数据规则对所述第二页面数据进行拼装，并执行所述数据提交指令将拼装后的第二页面
数据进行提交。7.如权利要求6所述的一种页面数据处理装置，其特征在于，所述数据校验模块包括数据指令单元及数据校验单元；所述数据指令单元用于获取所述目标页面上用户触发的数据提交指令，并根据所述数据提交指令向所述目标页面上的若干个表单组件分别发送数据校验指令；所述数据校验单元用于根据所述数据校验指令，所述若干个表单组件中的每一表单组件分别根据自身预设的校验配置对所述第一页面数据进行数据校验，获得所述若干个表单组件中每一个表单组件的校验结果。8.如权利要求6所述的一种页面数据处理装置，其特征在于，所述数据校验模块还包括数据提取单元及数据整合单元；所述数据提取单元用于获取所述若干个表单组件中的每一个表单组件的第一页面数据，获得若干个第一页面数据；所述数据整合单元用于对所述若干个第一页面数据进行数据组装，生成所述目标页面对应的第二页面数据，并将所述第二页面数据发送到所述目标页面中。9.如权利要求6所述的一种页面数据处理装置，其特征在于，所述数据提交模块包括数据拼装单元及数据提交单元；所述数据拼装单元用于根据所述数据提交指令确定数据源对应的接口，并获取所述接口的接口要求；所述数据提交单元用于根据所述接口要求对所述第二页面数据进行数据拼装，获得数据拼装后的第三页面数据，并将所述第三页面数据通过所述接口提交到所述数据源。10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，所述程序被处理器执行时实现如权利要求1至5任一项所述的一种页面数据处理方法。

技术总结
本发明公开了一种页面数据处理方法及装置，包括获取目标页面中用户触发的数据提交指令，并根据所述数据提交指令分别对所述目标页面中包含的若干个表单组件中的每一个表单组件中的第一页面数据进行数据校验，获得数据校验结果并对所述第一页面数据进行整合，获得所述目标页面的第二页面数据；若所述数据校验结果为可提交，则根据所述数据提交指令对应的数据规则对所述第二页面数据进行拼装，并执行所述数据提交指令将拼装后的第二页面数据进行提交，提高数据处理的效率及精准度。提高数据处理的效率及精准度。提高数据处理的效率及精准度。


技术研发人员：叶青 温凌敏 李佳
受保护的技术使用者：浩云科技股份有限公司
技术研发日：2023.06.29
技术公布日：2023/10/19