表单结构转换方法、装置、设备及存储介质制造方法及图纸

本发明专利技术公开了一种表单结构转换方法、装置、设备及存储介质，属于计算机前端技术领域，所述方法包括：将表单数据转换为前端渲染对应的树形结构数据；根据所述树形结构数据和页面属性信息确定树形页面结构；将所述树形结构数据添加至所述树形页面结构中，得到树形结构的树形表单。从而可将普通表单结合层级转换成树形结构，得到树形结构的树形表单，在不改变表单内容的情况下，通过本方案梳理表单结果，使表单项之间更紧密，层级更明确，优化了展示形式，提升了复杂表单的用户体验。提升了复杂表单的用户体验。提升了复杂表单的用户体验。

【技术实现步骤摘要】
表单结构转换方法、装置、设备及存储介质


[0001]本专利技术涉及计算机前端
，尤其涉及一种表单结构转换方法、装置、设备及存储介质。

技术介绍

[0002]在web平台中，会遇到表单复杂无序，表单组件繁多杂乱的业务场景，传统的表单会把所有的表单项平铺直叙的排列，表单项之间关系松散，层级关系不明确，对于这种表单，用户填写起来枯燥繁琐，容易导致内容错误，并且不利于二次查看或审查。
[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]根据校验结果对所述树形表单进行更新，得到更新后的树形表单。
[0036]可选地，所述将表单数据转换为前端渲染对应的树形结构数据之前，还包括：
[0037]在接收到表单查看指令时，根据所述表单查看指令确定表单信息和查看模式；
[0038]根据所述表单信息从服务端获取对应的表单数据；
[0039]在所述查看模式为树形表单查看模式时，执行将表单数据转换为前端渲染对应的树形结构数据的步骤。
[0040]可选地，所述根据所述表单信息从服务端获取对应的表单数据之后，还包括：
[0041]在所述查看模式为普通表单查看模式时，根据所述表单数据生成普通表单；
[0042]对所述普通表单进行展示；
[0043]在接收到用户基于展示的普通表单输入的第一模式切换指令时，根据所述第一模式切换指令将所述普通表单切换为树形表单进行展示。
[0044]可选地，所述将所述树形结构数据添加至所述树形页面结构中，得到树形结构的树形表单之后，还包括：
[0045]对所述树形表单进行展示；
[0046]在接收到用户基于展示的树形表单输入的第二模式切换指令时，根据所述第二模式切换指令将所述树形表单切换为普通表单进行展示。
[0047]此外，为实现上述目的，本专利技术还提出一种表单结构转换装置，所述表单结构转换装置包括：
[0048]数据转换模块，用于将表单数据转换为前端渲染对应的树形结构数据；
[0049]页面结构模块，用于根据所述树形结构数据和页面属性信息确定树形页面结构；
[0050]树形表单模块，用于将所述树形结构数据添加至所述树形页面结构中，得到树形结构的树形表单。
[0051]可选地，所述数据转换模块，还用于获取前端渲染对应的树形结构格式；根据所述树形结构格式将所述表单数据转换为前端渲染对应的树形结构数据。
[0052]可选地，所述页面结构模块，还用于对所述树形结构数据进行深度遍历，得到深度遍历结果；根据页面属性信息确定页面布局信息和页面样式信息；根据所述深度遍历结果、所述页面布局信息以及所述页面样式信息确定树形页面结构。
[0053]可选地，所述页面结构模块，还用于根据所述页面布局信息确定弹性布局，并根据所述页面样式信息确定层叠样式表样式；根据所述深度遍历结果、所述弹性布局以及所述层叠样式表样式确定树形页面结构。
[0054]可选地，所述页面结构模块，还用于根据预设结构样式确定展开方式以及根节点与叶子节点之间的位置关系；结合所述弹性布局以及所述层叠样式表样式确定第一结构策略；结合所述展开方式以及所述位置关系确定第二结构策略；根据所述深度遍历结果、所述第一结构策略以及所述第二结构策略确定树形页面结构。
[0055]可选地，所述树形表单模块，还用于根据所述树形结构数据确定各表单项目对应的项目数据；将所述项目数据添加至所述树形页面结构中的对应位置，得到树形结构的树形表单。
[0056]可选地，所述树形表单模块，还用于获取树形页面结构中各叶子节点对应的节点名称；根据所述节点名称确定与所述项目数据对应的叶子本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种表单结构转换方法，其特征在于，所述表单结构转换方法包括：将表单数据转换为前端渲染对应的树形结构数据；根据所述树形结构数据和页面属性信息确定树形页面结构；将所述树形结构数据添加至所述树形页面结构中，得到树形结构的树形表单。2.如权利要求1所述的表单结构转换方法，其特征在于，所述将表单数据转换为前端渲染对应的树形结构数据，包括：获取前端渲染对应的树形结构格式；根据所述树形结构格式将所述表单数据转换为前端渲染对应的树形结构数据。3.如权利要求1所述的表单结构转换方法，其特征在于，所述根据所述树形结构数据和页面属性信息确定树形页面结构，包括：对所述树形结构数据进行深度遍历，得到深度遍历结果；根据页面属性信息确定页面布局信息和页面样式信息；根据所述深度遍历结果、所述页面布局信息以及所述页面样式信息确定树形页面结构。4.如权利要求3所述的表单结构转换方法，其特征在于，所述根据所述深度遍历结果、所述页面布局信息以及所述页面样式信息确定树形页面结构，包括：根据所述页面布局信息确定弹性布局，并根据所述页面样式信息确定层叠样式表样式；根据所述深度遍历结果、所述弹性布局以及所述层叠样式表样式确定树形页面结构。5.如权利要求4所述的表单结构转换方法，其特征在于，所述根据所述深度遍历结果、所述弹性布局以及所述层叠样式表样式确定树形页面结构，包括：根据预设结构样式确定展开方式以及根节点与叶子节点之间的位置关系；结合所述弹性布局以及所述层叠样式表样式确定第一结构策略；结合所述展开方式以及所述位置关系确定第二结构策略；根据所述深度遍历结果、所述第一...

【专利技术属性】
技术研发人员：窦亚东，
申请(专利权)人：三六零数字安全科技集团有限公司，
类型：发明
国别省市：