可视化页面构建方法、装置、计算机设备和存储介质制造方法及图纸

本申请涉及一种可视化页面构建方法、装置、计算机设备、存储介质和计算机程序产品。所述方法包括：响应于项目的构建指令，获取项目的构建信息；将项目的构建信息分别发送至至少一个开发终端；响应于各开发终端针对构建信息触发的对项目页面的构建操作，得到页面可编辑单元和页面可编辑单元的配置数据；根据页面可编辑单元确定项目页面的组件树，以及根据配置数据更新组件树的组件配置数据，得到项目资源包；将项目资源包同步至各开发终端，通过各开发终端根据项目资源包对项目页面进行页面预览，生成可视化页面。采用本方法能够多开发终端协作来提升页面构建效率，以及对页面进行页面预览，提高页面生成效率。提高页面生成效率。提高页面生成效率。

【技术实现步骤摘要】
可视化页面构建方法、装置、计算机设备和存储介质


[0001]本申请涉及计算机
，特别是涉及一种可视化页面构建方法、装置、计算机设备、存储介质和计算机程序产品。

技术介绍

[0002]随着互联网、物联网、云计算等信息技术的迅猛发展，信息技术与人类世界的经济、军事、科研、生活等方面不断交叉融合；大数据可视化技术被广泛应用在各个领域；目前的大数据可视化技术包括：文本可视化、网络(图)可视化、时空数据可视化，多维可视化、关系图谱数据可视化等，实现数据可视化呈现与分析能力，可以让用户直观获取信息。
[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]根据所述页面可编辑单元确定所述项目页面的组件树，以及本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种可视化页面构建方法，其特征在于，所述方法包括：响应于项目的构建指令，获取所述项目的构建信息；将所述项目的构建信息分别发送至至少一个开发终端；响应于各所述开发终端针对所述构建信息触发的对项目页面的构建操作，得到页面可编辑单元和所述页面可编辑单元的配置数据；根据所述页面可编辑单元确定所述项目页面的组件树，以及根据所述配置数据更新所述组件树的组件配置数据，得到项目资源包；将所述项目资源包同步至各所述开发终端，以使各所述开发终端根据所述项目资源包对所述项目页面进行页面预览，生成可视化页面。2.根据权利要求1所述的方法，其特征在于，所述根据所述页面可编辑单元确定所述项目页面的组件树，以及根据所述配置数据更新所述组件树的组件配置数据，得到项目资源包，包括：将各所述页面可编辑单元发送至可视化编辑器，获取各所述页面编辑单元对应的组件以及组件标签；根据组件映射策略将各所述组件标签映射成对应配置数据；根据各所述组件确定所述项目页面的组件树，以及根据所述配置数据更新所述组件树的组件配置数据，得到项目资源包。3.根据权利要求2所述的方法，其特征在于，所述根据各所述组件确定所述项目页面的组件树，以及根据所述配置数据更新所述组件树的组件配置数据，得到项目资源包，包括：获取各所述组件之间的层级关系；根据所述层级关系，对各所述组件之间的组件布局进行调整，得到所述项目页面的组件树；根据所述配置数据更新所述组件树的组件配置数据，得到项目资源包。4.根据权利要求3所述的方法，其特征在于，所述根据所述层级关系，对各所述组件之间的组件布局进行调整，得到所述项目页面的组件树，包括：获取组件嵌套规则，以及确定各组件之间的布局参数；基于所述组件嵌套规则，根据所述层级关系对所述布局参数进行调整，直到满足预设的布局约束，确定所述项目页面的组件树。5.根据权利要求4所述的方法，其特征在于，所述基于所述组件嵌套规则，根据所述层级关系对所述布局参数进行调整，直到满足预设的布局约束，确定所述项目页面的组件树，包括：基于所述组件嵌套规则，根据所述层级关系对所述布局参数中是否自适应父组件...

【专利技术属性】
技术研发人员：郑婉枫，
申请(专利权)人：康键信息技术深圳有限公司，
类型：发明
国别省市：