页面加载方法、装置及电子设备制造方法及图纸

本发明专利技术公开了一种页面加载装置、方法及电子设备。该方法包括：接收用户对目标页面的加载操作，获取目标页面的页面布局信息；根据页面布局信息，生成对应的加载页面；在获取目标页面的页面数据过程中，显示加载页面。根据本发明专利技术，提供适配待加载的目标页面的页面布局而变化的加载页面在页面加载过程中展示，实现独特的页面加载效果，提升用户体验。

【技术实现步骤摘要】
页面加载方法、装置及电子设备
本专利技术涉及应用
，更具体地，涉及一种页面加载方法、装置及电子设备。
技术介绍
随着计算机、互联网技术的飞速发展以及电子设备智能化的普及，人们已经习惯通过诸如智能手机、平板电脑等这类电子设备运行应用(APP)，通过人机交互操作与应用进行交互，获取应用提供的应用服务。提供网络访问服务的应用所提供的应用功能中，通常包括页面加载功能。在应用加载页面时，从向页面服务器发送页面数据请求，到根据页面服务器返回的页面数据在电子设备的显示屏幕上渲染得到对应的页面的过程中，应用通常会展示一个提示“加载中”动态图的加载页面(如图1所示)，作为加载过程中页面缺失的替代，直到页面加载完成显示加载后的页面，以保证用户体验。但是，目前可向用户提供网络访问服务的应用虽然类型各异、数量众多，但是页面加载过程中显示的加载页面都是千篇一律，十分单调，并不能给予用户独特新颖的页面加载体验。
技术实现思路
本专利技术的一个目的是提供一种用于加载页面的新技术方案。根据本专利技术的第一方面，提供了一种页面加载方法，其中，包括：接收用户对目标页面的加载操作，获取所述目标页面的页面布局信息；根据所述页面布局信息，生成对应的加载页面；在获取所述目标页面的页面数据过程中，显示所述加载页面。可选地，所述方法还包括：在接收用户对目标页面的加载操作之前，获取所述目标页面的页面布局信息并保存于本地，以供在接收用户对目标页面的加载操作时读取。可选地，所述页面布局信息至少包括所述页面包括的每个布局项的布局项信息；所述根据所述页面布局信息，生成对应的加载页面的步骤包括：对所述目标页面中包括的每个布局项，根据所述布局项的所述布局项信息，生成对应的布局替代项并确定每个所述布局替代项的区域位置；基于每个所述布局替代项以及对应的区域位置，渲染生成所述加载页面。可选地，所述布局项信息至少包括每个所述布局项的布局位置、布局尺寸、每个所述布局项所包括的布局元素以及每个所述布局元素的布局样式；对所述目标页面中包括的每个布局项，根据所述布局项的所述布局项信息，生成对应的布局替代项并确定每个所述布局替代项的区域位置的步骤包括：对每个所述布局项，创建区域尺寸与所述布局项的布局尺寸相同的空白区域；对每个所述布局项所包括的每个所述布局元素，根据所述布局元素的布局样式，生成对应的替代布局元素并设置于与所述布局项对应的所述空白区域中，得到与所述布局项对应的所述布局替代项；对每个所述布局项，将所述布局项的布局位置确定为对应的所述布局替代项的区域位置。进一步可选地，所述布局样式至少包括所述布局元素的元素尺寸、在所述布局项中的元素位置以及显示样式；所述对每个所述布局项所包括的每个所述布局元素，根据所述布局元素的布局样式，生成对应的替代布局元素并设置于与所述布局项对应的所述空白区域中，得到与所述布局项对应的所述布局替代项的步骤，包括：对每个所述布局元素，创建区域尺寸与所述布局元素的元素尺寸相同的色块区域；其中，所述色块区域是填充符合预设类型的颜色的显示区域；对每个所述布局元素，设置对应的所述色块区域的显示样式与所述布局元素的显示样式相同，得到对应的所述替代布局元素；对每个所述布局元素，将所述布局元素在所述布局项中的元素位置作为对应的所述替代布局元素在所述布局替代项中的元素位置，以设置所述布局替代元素得到所述布局替代项。可选地，所述方法还可包括：在获取所述目标页面的页面数据后，根据所述加载页面与所述目标页面的页面数据得到所述目标页面，并显示所述目标页面。进一步可选地，所述目标页面中至少包括一个布局项，每个所述布局项中至少包括一个布局元素；所述目标页面的页面数据包括所述目标页面中包括每个布局元素的元素数据；所述加载页面中包括与所述目标页面中每个所述布局项对应的布局替代项，每个所述布局替代项中包括与对应的所述布局项中包括的每个布局元素对应的布局替代元素；所述在获取所述目标页面的页面数据后，根据所述加载页面与所述目标页面的页面数据得到所述目标页面的步骤包括：在所述加载页面中删除每个所述替代布局元素，并对应填充与所述替代布局元素对应的所述布局元素的元素数据，渲染得到对应的目标页面。可选地，所述目标页面中至少包括一个列表项，每个所述列表项中至少包括一个列表元素；所述列表元素至少包括图片、标题文本、正文文本三者其中之一。根据本专利技术的第二方面，提供一种页面加载装置，包括：信息获取单元，用于接收用户对目标页面的加载操作，获取所述目标页面的页面布局信息；页面生成单元，用于根据所述页面布局信息，生成对应的加载页面；页面显示单元，用于在获取所述目标页面的页面数据过程中，显示所述加载页面。根据本专利技术的第三方面，提供一种电子设备，其中，包括：显示装置，用于显示页面；存储器，用于存储可执行的指令；处理器，用于根据所述可执行的指令的控制，运行所述电子设备执行如本专利技术的第一方面提供的任意一项所述页面加载方法。根据本公开的一个实施例，通过获取待加载的目标页面的页面布局信息生成对应的加载页面，以在获取目标页面的页面数据时展示该加载页面，提供适配待加载的目标页面的页面布局而变化的加载页面在页面加载过程中展示，实现独特的页面加载效果，提升用户体验。通过以下参照附图对本专利技术的示例性实施例的详细描述，本专利技术的其它特征及其优点将会变得清楚。附图说明被结合在说明书中并构成说明书的一部分的附图示出了本专利技术的实施例，并且连同其说明一起用于解释本专利技术的原理。图1是现有技术中加载页面的例子的示意图。图2显示可用于实现本专利技术的实施例的电子设备1000的硬件配置的例子的框图。图3示出了本专利技术的实施例的页面加载方法的流程图。图4示出了本专利技术的实施例的布局项的例子的示意图。图5示出了本专利技术的实施例的目标页面的例子的示意图。图6示出了本专利技术的实施例的生成加载页面的步骤的流程图。图7示出了本专利技术的实施例的布局替代项的例子的示意图。图8示出了本专利技术的实施例的加载页面的例子的示意图。图9示出了本专利技术的实施例的加载页面的又一例子的示意图。图10示出了本专利技术的实施例的页面加载装置3000的框图。图11示出了本专利技术的实施例的电子设备4000的框图。具体实施方式现在将参照附图来详细描述本专利技术的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本专利技术的范围。以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本专利技术及其应用或使用的任何限制。对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。在这里示出和讨论的所有例子中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它例子可以具有不同的值。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。<硬件配置>图2是示出可以实现本专利技术的实施例的电子设备1000的硬件配置的框图。电子设备1000可以是便携式电脑、台式计算机、手机、平板电脑等。如图2所示，电子设备1000可以包括处理器1100、存储器1200、接口装置1300、通信装本文档来自技高网...

【技术保护点】
1.一种页面加载方法，其中，包括：接收用户对目标页面的加载操作，获取所述目标页面的页面布局信息；根据所述页面布局信息，生成对应的加载页面；在获取所述目标页面的页面数据过程中，显示所述加载页面。

【技术特征摘要】
1.一种页面加载方法，其中，包括：接收用户对目标页面的加载操作，获取所述目标页面的页面布局信息；根据所述页面布局信息，生成对应的加载页面；在获取所述目标页面的页面数据过程中，显示所述加载页面。2.根据权利要求1所述的方法，其中，还包括：在接收用户对目标页面的加载操作之前，获取所述目标页面的页面布局信息并保存于本地，以供在接收用户对目标页面的加载操作时读取。3.根据权利要求1所述的方法，其中，所述页面布局信息至少包括所述页面包括的每个布局项的布局项信息；所述根据所述页面布局信息，生成对应的加载页面的步骤包括：对所述目标页面中包括的每个布局项，根据所述布局项的所述布局项信息，生成对应的布局替代项并确定每个所述布局替代项的区域位置；基于每个所述布局替代项以及对应的区域位置，渲染生成所述加载页面。4.根据权利要求3所述的方法，其中，所述布局项信息至少包括每个所述布局项的布局位置、布局尺寸、每个所述布局项所包括的布局元素以及每个所述布局元素的布局样式；对所述目标页面中包括的每个布局项，根据所述布局项的所述布局项信息，生成对应的布局替代项并确定每个所述布局替代项的区域位置的步骤包括：对每个所述布局项，创建区域尺寸与所述布局项的布局尺寸相同的空白区域；对每个所述布局项所包括的每个所述布局元素，根据所述布局元素的布局样式，生成对应的替代布局元素并设置于与所述布局项对应的所述空白区域中，得到与所述布局项对应的所述布局替代项；对每个所述布局项，将所述布局项的布局位置确定为对应的所述布局替代项的区域位置。5.根据权利要求4所述的方法，其中，所述布局样式至少包括所述布局元素的元素尺寸、在所述布局项中的元素位置以及显示样式；所述对每个所述布局项所包括的每个所述布局元素，根据所述布局元素的布局样式，生成对应的替代布局元素并设置于与所述布局项对应的所述空白区域中，得到与所述布局项对应的所述布局替代项的步骤，包括：对每个所述布局元素，创建区域尺寸与所述布局元素...

【专利技术属性】
技术研发人员：涂勇，
申请(专利权)人：广州优视网络科技有限公司，
类型：发明
国别省市：广东,44