一种页面加载方法、装置、设备和存储介质与流程

本发明实施例涉及网页技术，尤其涉及一种页面加载方法、装置、设备和存储介质。

背景技术：

随着互联网时代的飞速发展，人们在日常生活中已经离不开通过互联网获取信息，其中最常见的方式便是通过在浏览器中输入网络地址而进入不同的网络页面以获取信息，因此网络页面的加载方式也成为本领域里越来越重要的一个研究方向。

传统网络页面加载的实现方式是通过不同标签加样式实现，但是其页面样式和主题渲染耦合高，在页面变更的时候需要重新定义标签和样式，导致页面调整研发周期长，工作量大，调整后的页面需要重新发布。此外，传统网络页面的主题切换灵活度差，不能实现多主题共存。

技术实现要素：

本发明实施例提供一种页面加载方法、装置、设备和存储介质，以实现页面的灵活变更。

为达此目的，本发明实施例提供了一种页面加载方法，该页面加载方法包括：

根据用户输入的网页地址调度服务端的应用程序接口以获取页面框架列表和页面主题数据；

根据所述页面主题数据动态渲染空白页面以得到第一页面；

根据所述页面框架列表按照预设顺序在所述第一页面上加载至少一个页面框架；

在所述至少一个页面框架中加载对应的页面数据以得到第二页面。

进一步的，所述在所述至少一个页面框架中加载对应的页面数据以得到第二页面之前包括：

获取所述至少一个页面框架的配置数据；

根据所述配置数据获取页面数据的下载地址；

请求所述下载地址以获取所述页面数据。

进一步的，所述在所述至少一个页面框架中加载对应的页面数据以得到第二页面之后包括：

根据所述配置数据获取所述至少一个页面框架的框架主题数据；

根据所述框架主题数据动态渲染所述第二页面以得到第三页面。

进一步的，所述根据所述框架主题数据动态渲染所述第二页面以得到第三页面包括：

根据所述框架主题数据动态渲染所述第二页面中对应的页面框架；

根据所述页面主题数据动态渲染所述第二页面以得到第三页面。

进一步的，所述至少一个页面框架中包括至少一个页面组件。

进一步的，所述根据所述配置数据获取页面数据的下载地址包括：

根据所述配置数据获取与所述至少一个页面组件对应的页面数据的下载地址。

进一步的，所述在所述至少一个页面框架中加载对应的页面数据以得到第二页面包括：

在所述至少一个页面组件中加载所述页面数据以得到第二页面。

一方面，本发明实施例还提供了一种页面加载装置，该页面加载装置包括：

接口调度模块，用于根据用户输入的网页地址调度服务端的应用程序接口以获取页面框架列表和页面主题数据；

页面渲染模块，用于根据所述页面主题数据动态渲染空白页面以得到第一页面；

框架加载模块，用于根据所述页面框架列表按照预设顺序在所述第一页面上加载至少一个页面框架；

数据加载模块，用于在所述至少一个页面框架中加载对应的页面数据以得到第二页面。

另一方面，本发明实施例还提供了一种页面加载设备，该页面加载设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本发明任一实施例提供的页面加载方法。

又一方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明任一实施例提供的页面加载方法。

本发明实施例通过根据用户输入的网页地址调度服务端的应用程序接口以获取页面框架列表和页面主题数据；根据所述页面主题数据动态渲染空白页面以得到第一页面；根据所述页面框架列表按照预设顺序在所述第一页面上加载至少一个页面框架；在所述至少一个页面框架中加载对应的页面数据以得到第二页面，解决了传统网络页面加载方式页面变更时工作量大，主题切换灵活度差的问题，实现了页面的灵活变更的效果。

附图说明

图1是本发明实施例一提供的一种页面加载方法的流程示意图；

图2是本发明实施例二提供的一种页面加载方法的流程示意图；

图3是本发明实施例二提供的一种页面的结构示意图；

图4是本发明实施例三提供的一种页面加载装置的结构示意图；

图5为本发明实施例四提供的一种页面加载设备的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各步骤描述成顺序的处理，但是其中的许多步骤可以被并行地、并发地或者同时实施。此外，各步骤的顺序可以被重新安排。当其操作完成时处理可以被终止，但是还可以具有未包括在附图中的附加步骤。处理可以对应于方法、函数、规程、子例程、子程序等等。

此外，术语“第一”、“第二”等可在本文中用于描述各种方向、动作、步骤或元件等，但这些方向、动作、步骤或元件不受这些术语限制。这些术语仅用于将第一个方向、动作、步骤或元件与另一个方向、动作、步骤或元件区分。举例来说，在不脱离本申请的范围的情况下，可以将第一模块称为第二模块，且类似地，可将第二模块称为第一模块。第一模块和第二模块两者都是模块，但其不是同一模块。术语“第一”、“第二”等不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个所述特征。在本发明实施例的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

实施例一

如图1所示，本发明实施例一提供了一种页面加载方法，该页面加载方法包括：

s110、根据用户输入的网页地址调度服务端的应用程序接口以获取页面框架列表和页面主题数据。

本实施例中，当用户需要访问页面的时候，可以在任一浏览器的地址框中输入网页地址，即url(统一资源定位符)，例如xxx.html？a＝x&b＝x&c＝x，服务端可以根据该网页地址调度应用程序接口(api)来获得与该网页地址对应的页面框架列表和页面主题数据。其中，将网页分为多个页面框架部分后，该网页的全部页面框架就组成了页面框架列表，页面主题数据即该网页中页面框架的展现方式的数据，例如页面框架的尺寸数据和页面框架的背景颜色数据等。

s120、根据所述页面主题数据动态渲染空白页面以得到第一页面。

本实施例中，页面主题数据也可以是整个页面的主题数据而并非仅仅是页面框架的主题数据，在用户输入网页地址后，首先可以加载整个页面的主题数据，例如整个页面的背景颜色、页面形状等等，如此可以在用户网络速率慢的时候，先加载出页面主题数据，而不让用户一直看着空白页面等待，可以让用户有一个更好的使用体验。

s130、根据所述页面框架列表按照预设顺序在所述第一页面上加载至少一个页面框架。

本实施例中，在得到经过页面主题渲染的第一页面后，根据获得的页面框架列表，可以按照预设顺序在第一页面上加载页面框架，该顺序可以由网页开发人员确定，例如先加载重要的页面框架，页面框架至少有一个。

进一步的，在页面主题数据动态渲染空白页面时，也可以根据页面框架列表中的页面框架进行隐藏式的渲染页面框架的主题。即在动态渲染空白页面时，根据页面框架列表确定每个页面框架的在页面中的位置，页面主题数据中也包括了每个页面框架的页面主题数据，可以先将每个页面框架的页面主题数据加载到与其对应的位置而不显示，在页面框架加载的同时加载与该页面框架对应的页面主题数据。

s140、在所述至少一个页面框架中加载对应的页面数据以得到第二页面。

本实施例中，在页面中加载完页面主题数据和页面框架后，就需要在这些页面框架中加载对应的页面数据，其中页面数据包括文字数据和图片数据，也就是网页中的信息，以得到最终的第二页面，完成整个页面的加载。通过如此的加载方法，分离出页面主题数据和页面框架的加载，对其进行解耦，开发人员在对页面主题数据和页面框架更换或者调整时互不影响，切换灵活，也不需要重新对整个页面进行再开发，大大提高了页面开发的效率。

在一替代实施例中，在得到第二页面后，还可以根据所述页面主题数据进一步动态渲染所述第二页面以得到第三页面，即开发人员可以在第二页面的基础上进一步加载新的主题数据，也就是说如果只需要切换页面主题，开发人员只需要在页面主题数据中加入新的数据，网页加载得到旧版本的第二页面后，继续加载页面主题数据中的新数据以得到第三页面，就完成了页面主题的切换，大大提高了开发人员的工作效率。

本发明实施例通过根据用户输入的网页地址调度服务端的应用程序接口以获取页面框架列表和页面主题数据；根据所述页面主题数据动态渲染空白页面以得到第一页面；根据所述页面框架列表按照预设顺序在所述第一页面上加载至少一个页面框架；在所述至少一个页面框架中加载对应的页面数据以得到第二页面，解决了传统网络页面加载方式页面变更时工作量大，主题切换灵活度差的问题，实现了页面的灵活变更的效果。

实施例二

如图2所示，本发明实施例二提供了一种页面加载方法，本发明实施例二是在本发明实施例一的基础上进一步的解释说明，该页面加载方法包括：

s210、根据用户输入的网页地址调度服务端的应用程序接口以获取页面框架列表和页面主题数据。

本实施例中，在获取页面框架列表和页面主题数据后，还将根据用户输入的网页地址获取页面模板数据，解析该页面模板数据后，根据解析得到的数据获取对应的多个页面构建器，通过页面构建器来实现动态渲染以及页面加载，即步骤s220-s300的实现。

s220、根据所述页面主题数据动态渲染空白页面以得到第一页面。

s230、根据所述页面框架列表按照预设顺序在所述第一页面上加载至少一个页面框架。

s240、获取所述至少一个页面框架的配置数据。

s250、根据所述配置数据获取与所述至少一个页面组件对应的页面数据的下载地址。

s260、请求所述下载地址以获取所述页面数据。

s270、在所述至少一个页面组件中加载所述页面数据以得到第二页面。

本实施例中，至少一个页面框架中包括至少一个页面组件。示例性的，如图3所示，页面框架列表包括框架a、框架b、框架c三个页面框架2，加载的顺序为由上至下依次加载框架a、框架b、框架c和框架a，其中页面框架2中的页面组件3按从左至右、从上至下的顺序加载，即框架a中的加载顺序为依次加载a组件、a组件和b组件，框架b中的加载顺序为依次加载b组件、a组件和a组件，框架c中的加载顺序为依次加载b组件、c组件和d组件，其中每个页面组件3的大小和位置都是根据开发人员设定的配置数据确定的，还可以根据该配置数据获取每一个页面组件3中对应的页面数据的下载地址，其中页面数据包括显示在页面组件中的文字数据和图片数据，在加载好的页面组件3中加载页面数据就得到了第二页面1。

s280、根据所述配置数据获取所述至少一个页面框架的框架主题数据。

s290、根据所述框架主题数据动态渲染所述第二页面中对应的页面框架。

s300、根据所述页面主题数据动态渲染所述第二页面以得到第三页面。

本实施例中，在得到第二页面后，还可以根据配置数据获取每个页面框架的框架主题数据，并使用框架主题数据动态渲染对应的页面框架，则每个页面框架都渲染好了主题，进一步的，为了实现主题的切换，还可以根据预先得到的页面主题数据继续渲染第二页面，即除页面框架外的其余部分，最终得到第三页面。

实施例三

如图4所示，本发明实施例三提供了一种页面加载装置100，本发明实施例三所提供的页面加载装置100可执行本发明任意实施例所提供的页面加载方法，具备执行方法相应的功能模块和有益效果。该页面加载装置100包括接口调度模块110、页面渲染模块120、框架加载模块130和数据加载模块140。

具体的，接口调度模块110用于根据用户输入的网页地址调度服务端的应用程序接口以获取页面框架列表和页面主题数据；页面渲染模块120用于根据所述页面主题数据动态渲染空白页面以得到第一页面；框架加载模块130用于根据所述页面框架列表按照预设顺序在所述第一页面上加载至少一个页面框架；数据加载模块140用于在所述至少一个页面框架中加载对应的页面数据以得到第二页面。

本实施例中，该页面加载装置100还包括数据请求模块150和二次渲染模块160。

具体的，数据请求模块150用于获取所述至少一个页面框架的配置数据；根据所述配置数据获取页面数据的下载地址；请求所述下载地址以获取所述页面数据。二次渲染模块160用于根据所述配置数据获取所述至少一个页面框架的框架主题数据；根据所述框架主题数据动态渲染所述第二页面以得到第三页面。二次渲染模块160具体用于根据所述框架主题数据动态渲染所述第二页面中对应的页面框架；根据所述页面主题数据动态渲染所述第二页面以得到第三页面。

进一步的，所述至少一个页面框架中包括至少一个页面组件。数据请求模块150具体用于根据所述配置数据获取与所述至少一个页面组件对应的页面数据的下载地址。数据加载模块140具体用于在所述至少一个页面组件中加载所述页面数据以得到第二页面。

实施例四

图5为本发明实施例四提供的一种页面加载设备的结构示意图。图5示出了适于用来实现本发明实施方式的示例性计算机设备12的框图。图5显示的计算机设备12仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图5所示，计算机设备12以通用计算设备的形式表现。计算机设备12的组件可以包括但不限于：一个或者多个处理器或者处理单元16，系统存储器28，连接不同系统组件(包括系统存储器28和处理单元16)的总线18。

总线18表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(isa)总线，微通道体系结构(mac)总线，增强型isa总线、视频电子标准协会(vesa)局域总线以及外围组件互连(pci)总线。

计算机设备12典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备12访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

系统存储器28可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(ram)30和/或高速缓存存储器32。计算机设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统34可以用于读写不可移动的、非易失性磁介质(图5未显示，通常称为“硬盘驱动器”)。尽管图5中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如cd-rom,dvd-rom或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线18相连。存储器28可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。

具有一组(至少一个)程序模块42的程序/实用工具40，可以存储在例如存储器28中，这样的程序模块42包括——但不限于——操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本发明所描述的实施例中的功能和/或方法。

计算机设备12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信，还可与一个或者多个使得用户能与该计算机设备12交互的设备通信，和/或与使得该计算机设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口22进行。并且，计算机设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器20通过总线18与计算机设备12的其它模块通信。应当明白，尽管图中未示出，可以结合计算机设备12使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。

处理单元16通过运行存储在系统存储器28中的程序，从而执行各种功能应用以及数据处理，例如实现本发明实施例所提供的页面加载方法：

根据用户输入的网页地址调度服务端的应用程序接口以获取页面框架列表和页面主题数据；

根据所述页面主题数据动态渲染空白页面以得到第一页面；

根据所述页面框架列表按照预设顺序在所述第一页面上加载至少一个页面框架；

在所述至少一个页面框架中加载对应的页面数据以得到第二页面。

实施例五

本发明实施例五还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本申请所有发明实施例提供的页面加载方法：

根据用户输入的网页地址调度服务端的应用程序接口以获取页面框架列表和页面主题数据；

根据所述页面主题数据动态渲染空白页面以得到第一页面；

根据所述页面框架列表按照预设顺序在所述第一页面上加载至少一个页面框架；

在所述至少一个页面框架中加载对应的页面数据以得到第二页面。

本发明实施例的计算机存储介质，可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于无线、电线、光缆、rf等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如java、smalltalk、c++，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。