基于建模平台前端页面表单自动提交方法以及装置制造方法及图纸

本申请公开了一种基于建模平台前端页面表单自动提交方法以及装置，该方法包括当组件节点表单数据发生变化时，调用前端页面封装保存的组件节点表单参数规则并向后端发送执行异步网络请求；如果所述异步网络请求成功后，则重新更新并渲染前端页面组件节点的表单参数。本申请解决了建模平台前端页面表单处理效果不佳的技术问题。通过本申请在保证了数据的准确性的同时实现了准实时的数据更新的无感知自动表单提交，提高了用户体验和网络传输效率。

Automatic submission method and device of front page form based on Modeling Platform

【技术实现步骤摘要】
基于建模平台前端页面表单自动提交方法以及装置
本申请涉及建模平台、前端处理领域，具体而言，涉及一种基于建模平台前端页面表单自动提交方法以及装置。
技术介绍
随着业务的发展，前端使用React-diagram插件进行的画布相关操作，把每个节点生成一个Dom集，当节点过多的时候，对浏览器会产生很大的压力，并且每个节点都有一个提交并保存按钮，通过点击按钮来保存参数，使用不方便。在数据量庞大，操作过于频繁的话，不可避免的会导致参数异常，丢失等问题。由于每更改一个参数都会把整个作业的所有参数传给后台，返回变慢，已知采取的思路是通过作业ID，节点ID，和改变的参数的Key来更新这条数据，大大的节省了传输成本，缓解服务器的压力。缺点在于：组件节点参数的数据的准确性和实时性无法保证。针对相关技术中建模平台前端页面表单处理效果不佳的问题，目前尚未提出有效的解决方案。
技术实现思路
本申请的主要目的在于提供一种基于建模平台前端页面表单自动提交方法以及装置、设备、服务器，以解决建模平台前端页面表单处理效果不佳的问题。为了实现上述目的，根据本申请的一个方面，提供了一种基于建模平台前端页面表单自动提交方法。根据本申请的基于建模平台前端页面表单自动提交方法包括：当组件节点表单数据发生变化时，调用前端页面封装保存的组件节点表单参数规则并向后端发送执行异步网络请求；如果所述异步网络请求成功后，则重新更新并渲染前端页面组件节点的表单参数。进一步地，方法还包括：当表单中的元素失去焦点后，通过监听表单的Blur事件获取表单数据并调用保存表单参数。进一步地，当组件节点表单数据发生变化时，调用前端页面封装保存的组件节点表单参数规则并向后端发送执行异步网络请求之前，还包括：通过安装Node环境并配置Webpack前端打包工具，对所述前端页面封装保存的组件节点表单参数规则进行打包和编译。进一步地，如果所述异步网络请求成功后，则重新更新并渲染前端页面组件节点的表单参数包括：如果ajax请求成功后，则重新局部更新并渲染前端页面组件当前节点的表单参数。为了实现上述目的，根据本申请的另一个方面，提供了一种基于建模平台前端页面表单自动提交方法，包括：响应于组件节点表单数据发生变化，通过调用前端页面封装保存的组件节点表单参数规则并向后端发送执行异步网络请求；响应于所述异步网络请求，重新更新并渲染前端页面组件节点的表单参数。为了实现上述目的，根据本申请的另一方面，提供了一种基于建模平台前端页面表单自动提交装置。根据本申请的基于建模平台前端页面表单自动提交装置包括：调用模块，用于当组件节点表单数据发生变化时，调用前端页面封装保存的组件节点表单参数规则并向后端发送执行异步网络请求；更新模块，用于所述异步网络请求成功后，则重新更新并渲染前端页面组件节点的表单参数。进一步地，装置还包括：事件模块，用于在表单中的元素失去焦点后，通过监听表单的Blur事件获取表单数据并调用保存表单参数。进一步地，装置还包括：配置模块，用于通过安装Node环境并配置Webpack前端打包工具，对所述前端页面封装保存的组件节点表单参数规则进行打包和编译。为了实现上述目的，根据本申请的再一方面，提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现所述的基于建模平台前端页面表单自动提交方法的步骤。为了实现上述目的，根据本申请的又一方面，提供了一种服务器，用于执行所述的基于建模平台前端页面表单自动提交方法。在本申请实施例中基于建模平台前端页面表单自动提交方法以及装置、设备、服务器，采用当组件节点表单数据发生变化时，调用前端页面封装保存的组件节点表单参数规则并向后端发送执行异步网络请求的方式，如果所述异步网络请求成功后，则重新更新并渲染前端页面组件节点的表单参数，通过组件节点参数从手动保存变成自动保存，达到了无感知的用户操作体验的目的，从而实现了达到了准实时的数据更和保证了数据的准确性的技术效果，进而解决了建模平台前端页面表单处理效果不佳的技术问题。附图说明构成本申请的一部分的附图用来提供对本申请的进一步理解，使得本申请的其它特征、目的和优点变得更明显。本申请的示意性实施例附图及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：图1是根据本申请第一实施例的基于建模平台前端页面表单自动提交方法流程示意图；图2是根据本申请第二实施例的基于建模平台前端页面表单自动提交方法流程示意图；图3是根据本申请第三实施例的基于建模平台前端页面表单自动提交方法流程示意图；图4是根据本申请第四实施例的基于建模平台前端页面表单自动提交方法流程示意图；图5是根据本申请实施例的基于建模平台前端页面表单自动提交装置结构示意图；图6是本申请实施例中的电子设备的结构示意图。具体实施方式为了使本
的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。在本申请中，术语“上”、“下”、“左”、“右”、“前”、“后”、“顶”、“底”、“内”、“外”、“中”、“竖直”、“水平”、“横向”、“纵向”等指示的方位或位置关系为基于附图所示的方位或位置关系。这些术语主要是为了更好地描述本申请及其实施例，并非用于限定所指示的装置、元件或组成部分必须具有特定方位，或以特定方位进行构造和操作。并且，上述部分术语除了可以用于表示方位或位置关系以外，还可能用于表示其他含义，例如术语“上”在某些情况下也可能用于表示某种依附关系或连接关系。对于本领域普通技术人员而言，可以根据具体情况理解这些术语在本申请中的具体含义。此外，术语“安装”、“设置”、“设有”、“连接”、“相连”、“套接”应做广义理解。例如，可以是固定连接，可拆卸连接，或整体式构造；可以是机械连接，或电连接；可以是直接相连，或者是通过中间媒介间接相连，又或者是两个装置、元件或组成部分之间内部的连通。对于本领域普通技术人员而言，可以根据具体情况理解上述术语在本申请中本文档来自技高网...

【技术保护点】
1.一种基于建模平台前端页面表单自动提交方法，其特征在于，包括：/n当组件节点表单数据发生变化时，调用前端页面封装保存的组件节点表单参数规则并向后端发送执行异步网络请求；/n如果所述异步网络请求成功后，则重新更新并渲染前端页面组件节点的表单参数。/n

【技术特征摘要】
1.一种基于建模平台前端页面表单自动提交方法，其特征在于，包括：
当组件节点表单数据发生变化时，调用前端页面封装保存的组件节点表单参数规则并向后端发送执行异步网络请求；
如果所述异步网络请求成功后，则重新更新并渲染前端页面组件节点的表单参数。


2.根据权利要求1所述的基于建模平台前端页面表单自动提交方法，其特征在于，还包括：
当表单中的元素失去焦点后，通过监听表单的Blur事件获取表单数据并调用保存表单参数。


3.根据权利要求1所述的基于建模平台前端页面表单自动提交方法，其特征在于，当组件节点表单数据发生变化时，调用前端页面封装保存的组件节点表单参数规则并向后端发送执行异步网络请求之前，还包括：
通过安装Node环境并配置Webpack前端打包工具，对所述前端页面封装保存的组件节点表单参数规则进行打包和编译。


4.根据权利要求1所述的基于建模平台前端页面表单自动提交方法，其特征在于，如果所述异步网络请求成功后，则重新更新并渲染前端页面组件节点的表单参数包括：
如果ajax请求成功后，则重新局部更新并渲染前端页面组件当前节点的表单参数。


5.一种基于建模平台前端页面表单自动提交方法，其特征在于，包括：
响应于组件节点表单数据发生变化，通过调用前端页面封装保存的组件节点...

【专利技术属性】
技术研发人员：崔晶晶，贾俊芳，
申请(专利权)人：北京集奥聚合科技有限公司，
类型：发明
国别省市：北京;11