[发明专利]可视化页面构建方法、装置、计算机设备和存储介质

权利要求书

1.一种可视化页面构建方法，其特征在于，所述方法包括：

响应于项目的构建指令，获取所述项目的构建信息；

将所述项目的构建信息分别发送至至少一个开发终端；

响应于各所述开发终端针对所述构建信息触发的对项目页面的构建操作，得到页面可编辑单元和所述页面可编辑单元的配置数据；

根据所述页面可编辑单元确定所述项目页面的组件树，以及根据所述配置数据更新所述组件树的组件配置数据，得到项目资源包；

将所述项目资源包同步至各所述开发终端，以使各所述开发终端根据所述项目资源包对所述项目页面进行页面预览，生成可视化页面。

2.根据权利要求1所述的方法，其特征在于，所述根据所述页面可编辑单元确定所述项目页面的组件树，以及根据所述配置数据更新所述组件树的组件配置数据，得到项目资源包，包括：

将各所述页面可编辑单元发送至可视化编辑器，获取各所述页面编辑单元对应的组件以及组件标签；

根据组件映射策略将各所述组件标签映射成对应配置数据；

根据各所述组件确定所述项目页面的组件树，以及根据所述配置数据更新所述组件树的组件配置数据，得到项目资源包。

3.根据权利要求2所述的方法，其特征在于，所述根据各所述组件确定所述项目页面的组件树，以及根据所述配置数据更新所述组件树的组件配置数据，得到项目资源包，包括：

获取各所述组件之间的层级关系；

根据所述层级关系，对各所述组件之间的组件布局进行调整，得到所述项目页面的组件树；

根据所述配置数据更新所述组件树的组件配置数据，得到项目资源包。

4.根据权利要求3所述的方法，其特征在于，所述根据所述层级关系，对各所述组件之间的组件布局进行调整，得到所述项目页面的组件树，包括：

获取组件嵌套规则，以及确定各组件之间的布局参数；

基于所述组件嵌套规则，根据所述层级关系对所述布局参数进行调整，直到满足预设的布局约束，确定所述项目页面的组件树。

5.根据权利要求4所述的方法，其特征在于，所述基于所述组件嵌套规则，根据所述层级关系对所述布局参数进行调整，直到满足预设的布局约束，确定所述项目页面的组件树，包括：

基于所述组件嵌套规则，根据所述层级关系对所述布局参数中是否自适应父组件、固定尺寸中至少一种布局参数进行调整，直到满足预设的布局约束，确定所述项目页面的组件树。

6.根据权利要求1所述的方法，其特征在于，所述将所述项目资源包同步至各所述开发终端，以使各开发终端根据所述项目资源包对所述项目页面进行页面预览，生成可视化页面，包括：

将所述项目资源包发送至各所述开发终端，以使各所述开发终端响应渲染请求，从所述获取项目资源包中获取页面可编辑单元以及对应请求数据，对所述可编辑单元和所述请求数据进行组合拼接，得到组合拼接数据，对所述组合拼接数据执行渲染展示，生成可视化页面。

7.根据权利要求1所述方法，其特征在于，所述将所述项目资源包同步至各所述开发终端，以使各所述开发终端根据所述项目资源包对所述项目页面进行页面预览，生成可视化页面，包括：

将所述项目资源包同步至各所述开发终端，以使各所述开发终端根据所述项目资源包构造文件对象模型元素，并定位所述文件对象模型元素中的目标元素节点，在所述目标元素节点对所述项目资源包进行组件渲染，生成可视化页面。