[发明专利]表单结构转换方法、装置、设备及存储介质

说明书

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

技术领域

本发明涉及计算机前端技术领域，尤其涉及一种表单结构转换方法、装置、设备及存储介质。

背景技术

在web平台中，会遇到表单复杂无序，表单组件繁多杂乱的业务场景，传统的表单会把所有的表单项平铺直叙的排列，表单项之间关系松散，层级关系不明确，对于这种表单，用户填写起来枯燥繁琐，容易导致内容错误，并且不利于二次查看或审查。

上述内容仅用于辅助理解本发明的技术方案，并不代表承认上述内容是现有技术。

发明内容

本发明的主要目的在于提出一种表单结构转换方法、装置、设备及存储介质，旨在解决如何梳理表单结构，使表单项之间关系更紧密，层级关系更明确的技术问题。

为实现上述目的，本发明提供一种表单结构转换方法，所述表单结构转换方法包括：

将表单数据转换为前端渲染对应的树形结构数据；

根据所述树形结构数据和页面属性信息确定树形页面结构；

将所述树形结构数据添加至所述树形页面结构中，得到树形结构的树形表单。

可选地，所述将表单数据转换为前端渲染对应的树形结构数据，包括：

获取前端渲染对应的树形结构格式；

根据所述树形结构格式将所述表单数据转换为前端渲染对应的树形结构数据。

可选地，所述根据所述树形结构数据和页面属性信息确定树形页面结构，包括：

对所述树形结构数据进行深度遍历，得到深度遍历结果；

根据页面属性信息确定页面布局信息和页面样式信息；

根据所述深度遍历结果、所述页面布局信息以及所述页面样式信息确定树形页面结构。

可选地，所述根据所述深度遍历结果、所述页面布局信息以及所述页面样式信息确定树形页面结构，包括：

根据所述页面布局信息确定弹性布局，并根据所述页面样式信息确定层叠样式表样式；

根据所述深度遍历结果、所述弹性布局以及所述层叠样式表样式确定树形页面结构。

可选地，所述根据所述深度遍历结果、所述弹性布局以及所述层叠样式表样式确定树形页面结构，包括：

根据预设结构样式确定展开方式以及根节点与叶子节点之间的位置关系；

结合所述弹性布局以及所述层叠样式表样式确定第一结构策略；

结合所述展开方式以及所述位置关系确定第二结构策略；

根据所述深度遍历结果、所述第一结构策略以及所述第二结构策略确定树形页面结构。

可选地，所述将所述树形结构数据添加至所述树形页面结构中，得到树形结构的树形表单，包括：

根据所述树形结构数据确定各表单项目对应的项目数据；

将所述项目数据添加至所述树形页面结构中的对应位置，得到树形结构的树形表单。