一种页面生成以及页面显示方法、装置与流程

技术特征：
1.一种页面生成方法，其特征在于，包括：确定第一页面，并获取所述第一页面的页面结构树；根据所述页面结构树生成所述第一页面的渲染树；遍历所述页面结构树，以获得所述第一页面中所包含的组件；针对第一页面中所包含的每个组件，根据该组件在所述渲染树上的映射，判断该组件是否为指定组件；根据各指定组件的渲染数据，为所述第一页面生成对应的第二页面，所述第二页面用于在第一页面加载完成前替代所述第一页面展示给用户。2.如权利要求1所述的方法，其特征在于，所述第一页面为通过flutter所构建的页面；遍历所述页面结构树，获得所述第一页面中所包含的组件，具体包括：遍历所述页面结构树，根据所述页面结构树中所包含的节点与第一页面的组件配置树中所包含的节点之间的对应关系，确定由所述组件配置树中的节点所定义出的组件。3.如权利要求1所述的方法，其特征在于，根据该组件在所述渲染树上的映射，判断该组件是否为指定组件，具体包括：当所述渲染树包含该组件所对应的节点时，和/或，当根据所述渲染树所渲染出的该组件位于指定区域时，将该组件作为指定组件，其中，所述指定区域为边界与所述第一页面的边界之间具有指定偏移距离的区域。4.如权利要求1所述的方法，其特征在于，根据该组件在所述渲染树上的映射，判断该组件是否为指定组件，具体包括：确定第三页面，并将所确定出的第三页面中所包含的组件作为对照组件；针对对应有渲染树上所包含的节点的每个组件，判断该组件是否为对照组件，若否，将该组件作为指定组件。5.如权利要求4所述的方法，其特征在于，确定第三页面，具体包括：确定各页面中包含的跳转链接，并将包含跳转至所述第一页面的跳转链接的各页面均作为第三页面；为所述第一页面生成对应的第二页面，具体包括：针对每个第三页面，确定根据该第三页面中所包含的对照组件所确定出的各指定组件的渲染数据，并根据所确定出的渲染数据为所述第一页面生成对应于该第三页面的第二页面。6.如权利要求1所述的方法，其特征在于，根据各指定组件的渲染数据，为所述第一页面生成对应的第二页面，具体包括：针对所确定出的每个指定组件，以该指定组件的渲染数据构建该指定组件对应的占位元素，其中，所述渲染数据至少包括该指定组件的尺寸以及在第一页面中的位置；生成由所确定出的各占位元素所构成的第二页面。7.如权利要求6所述的方法，其特征在于，以该指定组件的渲染数据构建该指定组件对应的占位元素，具体包括：确定指定组件中所包含的目标的渲染数据；以该指定组件中所包含的目标的渲染数据构建该指定组件对应的占位元素。8.一种页面显示方法，其特征在于，当监控到用户所输入的对于第一页面的访问请求
时，包括：将用户所述输入的访问请求发送给目标平台；确定所述第一页面对应的第二页面，其中，所述第二页面根据上述权利要求1
‑
7任一所述的方法生成；获取第二页面的页面文件，并对所述第二页面的页面文件进行解析，以向用户展示所述第二页面；响应于所接收到的第一页面的页面文件，对所述第一页面的页面文件进行解析，并以所述第一页面替代所述第二页面展示给用户，其中，所述第一页面的页面文件是所述目标平台根据所述访问请求返回的。9.一种页面生成装置，其特征在于，所述装置具体包括：结构模块，用于确定第一页面，并获取所述第一页面的页面结构树；组件渲染模块，用于根据所述页面结构树生成所述第一页面的渲染树；遍历所述页面结构树，以获得所述第一页面中所包含的组件；组件指定模块，用于针对第一页面中所包含的每个组件，根据该组件在所述渲染树上的映射，判断该组件是否为指定组件；页面生成模块，用于根据各指定组件的渲染数据，为所述第一页面生成对应的第二页面，所述第二页面用于在第一页面加载完成前替代所述第一页面展示给用户。10.一种页面显示装置，其特征在于，所述装置具体包括：请求响应模块，当监控到用户所输入的对于第一页面的访问请求时，用于将用户所述输入的访问请求发送给目标平台；确定所述第一页面对应的第二页面，其中，所述第二页面根据上述权利要求1
‑
7任一所述的方法生成；页面展示模块，用于获取第二页面的页面文件，并对所述第二页面的页面文件进行解析，以向用户展示所述第二页面；页面替代模块，用于响应于所接收到的第一页面的页面文件，对所述第一页面的页面文件进行解析，并以所述第一页面替代所述第二页面展示给用户，其中，所述第一页面的页面文件是所述目标平台根据所述访问请求返回的。11.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述权利要求1～8任一项所述的方法。12.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现上述权利要求1～8任一项所述的方法。

技术总结
本说明书公开了一种页面生成以及页面显示方法、装置。通过从第一页面中选择可视化的组件，并确定与可视化的组件具有相似轮廓的占位元素，来生成由各占位元素所构建的第二页面，并在第一页面加载完成之前展示给用户，使用户在视觉上能够感知到第一页面的加载过程，从而提高用户在等待第一页面加载时的耐心。从而提高用户在等待第一页面加载时的耐心。从而提高用户在等待第一页面加载时的耐心。


技术研发人员：易成浩
受保护的技术使用者：北京三快在线科技有限公司
技术研发日：2021.07.14
技术公布日：2021/11/14