前端页面代码生成方法、系统、设备及存储介质

本发明提供了前端页面代码生成方法、系统、设备及存储介质，通过转换矢量数据，基于矢量数据筛选到有效的页面元素并获得布局信息和属性信息，基于页面元素的布局信息分析页面元素的父子关系和兄弟关系，从而确定它们之间的层级关系和排列顺序，同时通过构建图层树数据结构，使得每个页面元素的属性和位置关系可以通过图层树的节点传递，将页面中的所有页面元素和它们之间的层级关系组织起来，这种方式能够确保页面结构更加清晰、层次分明，避免了传统定位方法可能导致的错乱。同时，图层树数据结构的构建不仅保证了页面布局的准确性，并在维持还原度的情况下，提升代码生成的合理度。