一种动态表单自动更新的方法、系统、计算机设备和介质技术方案

本发明专利技术公开了一种动态表单自动更新的方法、系统、计算机设备和介质，其中一实施例的应用于浏览器的方法包括：响应于用户端的表单启动操作向前端服务器发送资源请求指令，并从前端服务器获取资源；解析并执行资源，触发表单引擎以获取表单元数据；根据表单元数据设置事件监听函数并生成动态表单代码；运行动态表单代码呈现可视化动态表单并触发事件监听函数；响应于用户端的表单编辑操作修改表单元数据并生成编辑触发信号，事件监听函数监听并传输编辑触发信号至前端服务器，并经前端服务器调用后端服务器的数据接口修改存储在数据库中的表单元数据。本实施例通过事件监听函数能够动态更新存储在数据库的表单元数据，具有实际应用价值。应用价值。应用价值。

【技术实现步骤摘要】
一种动态表单自动更新的方法、系统、计算机设备和介质


[0001]本专利技术涉及互联网
，特别是涉及一种动态表单自动更新的方法、动态表单自动更新系统、计算机存储介质和计算机设备。

技术介绍

[0002]现有技术中，动态表单的应用越来越普及，然而传统动态表单的开发过程中存在需求不明确、需求易变更等问题，导致前期开发的表单代码存在大范围修改的问题，从而出现工作量增加、开发期延长的问题。
[0003]因此，如何实现对动态表单的自动更新成为当前亟待解决的问题。

技术实现思路

[0004]为了解决上述问题至少之一，本专利技术第一个实施例提供一种动态表单自动更新的方法，应用于浏览器，包括：
[0005]响应于用户端的表单启动操作向前端服务器发送资源请求指令，并从所述前端服务器获取资源；
[0006]解析并执行所述资源，触发表单引擎以获取第一表单元数据，所述第一表单元数据为所述浏览器执行所述资源触发表单引擎、由所述表单引擎请求前端服务器并经所述前端服务器调用后端服务器的数据接口读取的存储在数据库中的第二表单元数据、并缓存在所述浏览器中，所述第二表单元数据为结构化数据，包括至少一个对象，每个对象包括至少一个键值对，每个键值对包括属性和值；
[0007]根据所述第一表单元数据设置事件监听函数并生成动态表单代码；
[0008]运行所述动态表单代码呈现可视化动态表单并触发所述事件监听函数；
[0009]响应于用户端的表单编辑操作修改所述第一表单元数据并生成编辑触发信号，所述事件监听函数监听并传输所述编辑触发信号至所述前端服务器，并经所述前端服务器调用后端服务器的数据接口修改存储在所述数据库中的第二表单元数据。
[0010]在一个具体的实施例中，所述根据所述第一表单元数据设置事件监听函数并生成动态表单代码进一步包括：
[0011]根据所述第一表单元数据的数据结构设置事件监听函数；
[0012]根据所述第一表单元数据的数据结构生成动态表单代码。
[0013]在一个具体的实施例中，所述根据所述第一表单元数据的数据结构设置事件监听函数进一步包括：
[0014]根据所述第一表单元数据的数据层级关系按照预设元素结构进行划分，所述预设元素结构包括父元素和嵌套的子元素，所述第一表单元数据包括至少一个父元素；
[0015]将所述事件监听函数设置在所述父元素上，所述事件监听函数响应于所述浏览器运行所述动态表单代码触发，并将监听到的由所述浏览器响应于所述用户端的表单编辑操作生成的编辑触发信号传输至所述前端服务器。
[0016]在一个具体的实施例中，所述根据所述第一表单元数据的数据结构生成动态表单代码进一步包括：
[0017]根据所述第一表单元数据的结构化数据遍历其包括的对象和该对象包括的键值对并生成对应的动态表单代码。
[0018]在一个具体的实施例中，所述编辑触发信号包括预设置的结构化数据编辑包，所述结构化数据编辑包用于表征所述表单编辑操作引起的数据变化，所述响应于用户端的表单编辑操作修改所述第一表单元数据并生成编辑触发信号，所述事件监听函数监听并传输所述编辑触发信号至所述前端服务器进一步包括：
[0019]所述事件监听函数监听所述编辑触发信号并将该编辑触发信号的结构化数据编辑包缓存在所述浏览器，按预定间隔时间将该预定间隔时间内的全部结构化数据编辑包发送至所述前端服务器，并经所述前端服务器调用后端服务器的数据接口修改存储在所述数据库中的第二表单元数据。
[0020]在一个具体的实施例中，所述结构化数据编辑包包括：
[0021]第一结构化数据，包括第一编辑键值对，用于表征第一表单编辑操作，所述第一表单编辑操作为所述用户端在所述浏览器呈现的可视化动态表单上修改所述第一表单元数据的一个已有对象的一个已有键值对的值，所述第一编辑键值对包括修改的所述属性和/或所述值的第一内容键值对、以及表征该第一内容键值对的坐标位置的第一坐标键值对；
[0022]或者
[0023]第二结构化数据，包括第二编辑键值对，用于表征第二表单编辑操作，所述第二表单编辑操作为所述用户端在所述浏览器呈现的可视化动态表单上新增所述第一表单元数据的一个已有对象的一个键值对以及该键值对的属性和值，所述第二编辑键值对包括新增的第二内容键值对、以及表征该第二内容键值对的坐标位置的第二坐标键值对；
[0024]或者
[0025]第三结构化数据，包括第三编辑键值对，用于表征第三表单编辑操作，所述第三表单编辑操作为所述用户端在所述浏览器呈现的可视化动态表单上新增所述第一表单元数据的一个对象以及该对象的至少一个键值对以及该键值对的属性和值，所述第三编辑键值对包括新增的第三内容键值对、以及表征该第三内容键值对的坐标位置的第三坐标键值对，所述第三内容键值对包括嵌套的各子内容键值对，所述第三坐标键值对包括与各子内容键值对对应的嵌套的子坐标键值对。
[0026]在一个具体的实施例中，利用预设置的加密函数对所述结构化数据编辑包进行数字签名和非对称加密。
[0027]在一个具体的实施例中，在所述响应于用户端的表单编辑操作修改所述第一表单元数据并生成编辑触发信号，所述事件监听函数监听并传输所述编辑触发信号至所述前端服务器之后，所述方法还包括：
[0028]利用预设置的回调函数进行数据统计并输出统计数据。
[0029]在一个具体的实施例中，所述动态表单包括文本框、多行文本框、密码框、隐藏域、复选框、单选框、文件上传框和下拉选择框中的一个或多个。
[0030]本专利技术第二个实施例提供一种动态表单自动更新的方法，应用于前端服务器，包括：
[0031]响应于浏览器发送的资源请求指令将存储的资源发送至浏览器，以使得所述浏览器解析并执行所述资源，触发表单引擎；
[0032]响应于所述表单引擎的请求调用后端服务器的数据接口读取存储在数据库中的第二表单元数据并发送至所述浏览器，以使得所述表单引擎获取第一表单元数据并存储在所述浏览器中、根据所述第一表单元数据设置事件监听函数并生成动态表单代码，以使得浏览器运行动态表单代码呈现可视化动态表单并触发所述事件监听函数，所述第二表单元数据为结构化数据，包括至少一个对象，每个对象包括至少一个键值对，每个键值对包括属性和值；
[0033]响应于接收的编辑触发信号调用后端服务器的数据接口修改存储在数据库中的第二表单元数据，所述编辑触发信号为所述浏览器响应于用户端的表单编辑操作生成的、由所述事件监听函数监听并传输的。
[0034]本专利技术第三个实施例提供一种动态表单自动更新的方法，应用于后端服务器，包括：
[0035]响应于前端服务器的调用，使用其与数据库连接的数据接口读取存储在所述数据库中的第二表单元数据并传输至所述前端服务器，经所述前端服务器传输至浏览器并缓存为第一表单元数据，以使得所述浏览器触发的表单引擎根据所述第一表单元数据设置事件监听函数并生成动态表单代码，以使得所述浏览器运本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种动态表单自动更新的方法，应用于浏览器，其特征在于，包括：响应于用户端的表单启动操作向前端服务器发送资源请求指令，并从所述前端服务器获取资源；解析并执行所述资源、触发表单引擎以获取第一表单元数据，所述第一表单元数据为所述浏览器执行所述资源触发表单引擎、由所述表单引擎请求前端服务器并经所述前端服务器调用后端服务器的数据接口读取的存储在数据库中的第二表单元数据、并缓存在所述浏览器中，所述第二表单元数据为结构化数据，包括至少一个对象，每个对象包括至少一个键值对，每个键值对包括属性和值；根据所述第一表单元数据设置事件监听函数并生成动态表单代码；运行所述动态表单代码呈现可视化动态表单并触发所述事件监听函数；响应于用户端的表单编辑操作修改所述第一表单元数据并生成编辑触发信号，所述事件监听函数监听并传输所述编辑触发信号至所述前端服务器，并经所述前端服务器调用后端服务器的数据接口修改存储在所述数据库中的第二表单元数据。2.根据权利要求1所述的方法，其特征在于，所述根据所述第一表单元数据设置事件监听函数并生成动态表单代码进一步包括：根据所述第一表单元数据的数据结构设置事件监听函数；根据所述第一表单元数据的数据结构生成动态表单代码。3.根据权利要求2所述的方法，其特征在于，所述根据所述第一表单元数据的数据结构设置事件监听函数进一步包括：根据所述第一表单元数据的数据层级关系按照预设元素结构进行划分，所述预设元素结构包括父元素和嵌套的子元素，所述第一表单元数据包括至少一个父元素；将所述事件监听函数设置在所述父元素上，所述事件监听函数响应于所述浏览器运行所述动态表单代码触发，并将监听到的由所述浏览器响应于所述用户端的表单编辑操作生成的编辑触发信号传输至所述前端服务器。4.根据权利要求2所述的方法，其特征在于，所述根据所述第一表单元数据的数据结构生成动态表单代码进一步包括：根据所述第一表单元数据的结构化数据遍历其包括的对象和该对象包括的键值对并生成对应的动态表单代码。5.根据权利要求1所述的方法，其特征在于，所述编辑触发信号包括预设置的结构化数据编辑包，所述结构化数据编辑包用于表征所述表单编辑操作引起的数据变化，所述响应于用户端的表单编辑操作修改所述第一表单元数据并生成编辑触发信号，所述事件监听函数监听并传输所述编辑触发信号至所述前端服务器进一步包括：所述事件监听函数监听所述编辑触发信号并将该编辑触发信号的结构化数据编辑包缓存在所述浏览器，按预定间隔时间将该预定间隔时间内的全部结构化数据编辑包发送至所述前端服务器，并经所述前端服务器调用后端服务器的数据接口修改存储在所述数据库中的第二表单元数据。6.根据权利要求5所述的方法，其特征在于，所述结构化数据编辑包包括：第一结构化数据，包括第一编辑键值对，用于表征第一表单编辑操作，所述第一表单编辑操作为所述用户端在所述浏览器呈现的可视化动态表单上修改所述第一表单元数据的
一个已有对象的一个已有键值对的值，所述第一编辑键值对包括修改的所述属性和/或所述值的第一内容键值对、以及表征该第一内容键值对的坐标位置的第一坐标键值对；或者第二结构化数据，包括第二编辑键值对，用于表征第二表单编辑操作，所述第二表单编辑操作为所述用户端在所述浏览器呈现的可视化动态表单上新增所述第一表单元数据的一个已有对象的一个键值对以及该键值对的属性和值，所述第二编辑键值对包括新增的第二内容键值对、以及表征该第二内容键值对的坐标位置的第二坐标键值对；或者第三结构化数据，包括第三编辑键值对，用于表征第三表单编辑操作，所述第三表单编辑操作为所述用户端在所述浏览器呈现的可视化动态表单上新增所述第一表单元数据的一个对象以及该对象的至少一个键值对以及该键值对的属性和值，所述第三编辑键值对包括新增的第三内容键值对、以及表征该第三内容键值对的坐标位置的第三坐标键值对，所述第三内容键值对包括嵌套的各子内容键值对，所述第三坐标键值对包括与各子内容键值对对应的嵌套的子坐标键值对。7.根据权利要求6所述的方法，其特征在于，利用预设置的加密函数对所述结构化数据编辑包进行数字签名和非对称加密。8.根据权利要求1所述的方法，其特征在于，在所述响应于用户端的表单编辑操作修改所述第一表单元数据并生成编辑触发信号，所述事件监听函数监听并传输所述编辑触发信号至所述前端服务器之后，所述方法还包括：利用预设置的回调函数进行数据统计并输出统计数据。9.根据权利要求1
‑
8中任一项所述的方法，其特征在于，所述动态表单包括文本框、多行文本框、密码框、隐藏域、复选框、单选框、文件上传框和下拉选择框中的一个或多个。10.一种动态表单自动更新的方法，应用于前端服务器，其特征在于，包括：响应于浏览器发送的资源请求指令将存储的资源发送至浏览器，以使得所述浏览器解析并执行所述资源，触发表单引擎；响应于所述表单引擎的请求调用后端服务器的数据接口读取存储在数据库中的第二表单元数据并发送至所述浏览器，以使得所述表单引擎获取第一表单元数据并存储在所述浏览器中、根据所述第一表单元数据设置事件监听函数并生成动态表单代码，以使得浏览器运行动态表单代码呈现可视化动态表单并触发所述事件监听函数，所述第二表单元数据为结构化数据，包括至少一个对象，每个对象包括至少一个键值对，每个键值对包括属性和值；响应于接收的编...

【专利技术属性】
技术研发人员：李卫华，
申请(专利权)人：京东方科技集团股份有限公司，
类型：发明
国别省市：