一种动态表单自动更新的方法、系统、计算机设备和介质与流程

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

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


技术研发人员：李卫华
受保护的技术使用者：京东方科技集团股份有限公司
技术研发日：2021.06.09
技术公布日：2022/12/8