CN109857960A - 一种页面数据更新的方法、设备、系统及其存储介质 - Google Patents

Abstract

本发明涉及网络信息技术领域，具体涉及一种页面数据更新的方法及其系统，本发明的方法包括：向网络服务端请求下载静态资源数据，并将所述静态资源数据缓存到本地中；当产生页面触发信号时，对容器进行初始化；同时请求下载并缓存动态数据；判断容器的初始化是否已经完成，若初始化已经完成，则将本地的静态资源数据加载于容器中；再在该容器中导入动态资源数据，然后对网络页面进行绘制，得到网络页面。本发明在对容器进行初始化之前，预先将需要更新的静态资源数据缓存至本地中，故其在容器的初始化完成后，即可对所缓存的静态资源数据进行加载；其有效地提高了页面的更新速度，减少了用户等待页面加载的时间，极大地提高了用户的使用体验。

Description

一种页面数据更新的方法、设备、系统及其存储介质

技术领域

本发明涉及网络信息技术领域，具体涉及一种页面数据更新的方法、设备、系统以及存储有一种页面数据更新的方法的电子存储介质。

背景技术

随着网络技术的快速发展，通过网络页面进行网上购物、获取资讯消息、进行网上社交活动等活动，已经成为了人们日常生活中的一部份；现有的网络页面均由两类数据构成，一类为静态资源数据，另一类为动态资源数据；静态资源数据一般包括一个网络页面输出所必须的资源主要包含模板文件、样式表文件、脚本文件等，这些文件组成了网络页面的基本结构，这是页面自身的数据；而动态资源数据则是包括于用户相关的数据，比如用户在网站上注册的邮箱，昵称等个人信息。

由于现今大部分网络页面内的视图使用WebView来呈现，当网络页面需要进行更新，则需要对静态资源数据进行更新；而现有的更新方法是在用户触发操作之后，程序先初始化WebView容器，初始化完成调用WebView提供的API(应用程序编程接口)来请求并加载静态资源数和动态资源数据，待加载结束后用户才能看到网络页面内容，由于在上述过程中其采用的为串行的处理方式，故其工作效率低下，用户需要等待较长的时间才能看到最终的视图，其将严重地影响到用户的使用体验。

发明内容

为克服上述缺陷，本发明的目的即在于提供一种能快速对网络页面中的静态资源数据进行更新的方法、设备、系统以及其存储介质。

本发明的目的是通过以下技术方案来实现的：

本发明是一种页面数据更新的方法，包括：

向网络服务端请求下载静态资源数据，并将所述静态资源数据缓存到本地中；

当产生页面触发信号时，对容器进行初始化；同时，向网络服务端请求下载动态数据，并对所述动态数据进行缓存；

判断所述容器的初始化是否已经完成，若初始化已经完成，则将缓存于本地中的静态资源数据加载于所述容器中；

在加载有所述静态资源数据的容器中导入已缓存的所述动态资源数据，得到整合数据；

根据所述整合数据的内容对网络页面进行绘制，得到可显示的网络页面。

在本发明中，所述对容器进行初始化之前包括：

判断是否接收到服务端所发送的数据更新信息，如接收到数据更新信息，则驱动容器进行初始化。

在本发明中，所述得到可显示的网络页面之后包括：

对所述网络页面进行显示。

在本发明中，所述产生页面触发信号之前包括：

生成新的静态资源数据，将所述静态资源数据进行压缩后上传至网络服务端中。

本发明是一种页面数据更新的设备，其包括：

触发信号输入模块，所述触发信号输入模块用于供用户输入页面触发信号；

容器初始化模块，所述容器初始化模块与所述触发信号输入模块相连接，用于当产生页面触发信号时，对容器进行初始化；

动态资源缓存模块，所述动态资源缓存模块与所述容器初始化模块相连接，用于当产生页面触发信号时，从网络服务端下载动态资源数据；；

静态资源缓存模块，所述静态资源缓存模块用于向网络服务端请求下载静态资源数据，并将所述静态资源数据缓存与本地中；

容器状态判断模块，所述容器状态判断模块与所述容器初始化模块相连接，用于判断所述容器的初始化是否已经完成；

静态资源加载模块，所述静态资源加载模块分别与所述静态资源缓存模块、容器状态判断模块和所述容器初始化模块相连接，用于在容器初始化已经完成时，将缓存于本地中的静态资源数据加载于所述容器中；

动态资源加载模块，所述动态资源加载模块用于与所述静态资源加载模块相连接，用于在静态资源数据加载于所述容器中后，在所述容器中导入已缓存的所述动态资源数据，得到整合数据；

页面绘制模块，所述页面绘制模块与所述动态资源加载模块相连接，用于根据所述整合数据的内容对网络页面进行绘制，得到可显示的网络页面。

在本发明中，所述设备还包括：

网络页面显示模块，所述网络页面显示模块与所述页面绘制模块相连接，用于对可显示的网络页面进行显示。

本发明是一种页面数据更新的系统，包括：如上所述的页面数据更新的设备和网络服务端；

所述网络服务端通过应用程序编程接口与所述页面数据更新的设备相连接，所述网络服务端中存储有静态资源数据和动态资源数据。

本发明是一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现如上所述的页面数据更新的方法。

本发明在对容器进行初始化之前，预先将需要更新的静态资源数据缓存至本地中，故其在容器的初始化完成后，即可对所缓存的静态资源数据进行加载；其有效地提高了页面的更新速度，减少了用户等待页面加载的时间，极大地提高了用户的使用体验。

附图说明

为了易于说明，本发明由下述的较佳实施例及附图作详细描述。

图1为本发明页面数据更新的方法一个实施例的工作流程示意图；

图2为本发明页面数据更新的方法另一个实施例的工作流程示意图；

图3为本发明页面数据更新的装置一个实施例的逻辑结构示意图；

图4为本发明页面数据更新的装置另一个实施例的逻辑结构示意图；

图5为本发明页面数据更新的系统一个实施例的逻辑结构示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

在本发明的描述中，需要理解的是，术语“中心”、“纵向”、“横向”、“长度”、“宽度”、“厚度”、“上”、“下”、“前”、“后”、“左”、“右”、“竖直”、“水平”、“顶”、“底”、“内”、“外”、“顺时针”、“逆时针”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个所述特征。在本发明的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。

在本发明的描述中，需要说明的是，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接。可以是机械连接，也可以是电连接。可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通或两个元件的相互作用关系。对于本领域的普通技术人员而言，可以根据具体情况理解上述术语在本发明中的具体含义。

本发明的一种页面数据更新的方法可应用于网站或手机APP中，下面以一个手机APP的实施例为例，对本发明进行具体描述，请参阅图1，其包括：

S101.将静态资源数据缓存到本地

在对WebView容器进行初始化的同时，向网络服务端请求下载静态资源数据，并将所下载的静态资源数据缓存到移动设备的本地中；由于静态资源数据的数据量较多，而从网络服务端下载静态资源数据的速度受网络状态的影响较大，故在本实施例中，在移动设备预先对静态资源数据进行下载，有利于节省处理时间。

S102.产生页面触发信号

用户可通过点击页面链接，或采用滑动、拖动页面的方式产生页面触发信号。

S103.对容器进行初始化

当产生页面触发信号时，移动设备对WebView容器进行初始化。

S104.请求下载动态数据

在对容器进行初始化的同时，向网络服务端请求下载动态数据，并对所述动态数据进行缓存。

S105.判断初始化是否已经完成

对所述WebView容器的初始化是否已经完成进行判断，若未初始化完成，则等待其到初始化完成为止。

S106.在容器中加载静态资源数据

若初始化已经完成，则将缓存于本地中的静态资源数据加载于所述WebView容器中；由于其静态资源数据已经被缓存于移动设备的本地中，故其加载的速度较快，也不受外部网络条件的影响。

S107.加载动态资源数据得到网络页面

在加载有所述静态资源数据的容器中导入已缓存的所述动态资源数据，得到整合数据；

根据所述整合数据的内容对网络页面进行绘制，得到可显示的网络页面。

在现有的技术中，由于其处理流程为先对WebView容器进行初始化，在WebView容器的初始化完成后，再通过网络在网络服务端下载静态资源数据；故其总的更新时长为初始化的时间加上下载静态资源数据的时间；而由于下载静态资源数据的时间较长，且其受网络性能的影响较大，当遇上网络性能不佳的情况时，其极大地延长了页面更新的时间；而在本实施例中，在WebView容器初始化前开始对静态资源数据进行下载，当WebView容器初始化完成后，静态资源数据也下载完成；故只需要将其进行加载即可，因此，其总的更新时长为初始化的时间加上加载静态资源数据的时间；而由于加载的为本地的静态资源数据，其加载的速度必然会大于下载的速度，且其不受网络性能的影响，极大地缩短了页面更新的时间。

为了能更好地理解本发明，下面以另一个手机APP的实施例为例，对本发明的一种页面数据更新的方法进行具体描述，请参阅图2，其包括：

S201.上传静态资源数据至网络服务端

当页面需要更新时，生成新的静态资源数据，将所述静态资源数据进行压缩后上传至网络服务端中。其具体为用程序化的方式对网页中的静态资源文件做分离，压缩，版本化，然后上传至对象存储服务，可以使用CDN来访问；处理完成之后更新服务端数据库中对应模块的版本。

S202.将静态资源数据缓存到本地

在手机App启动时通过调用服务端的应用程序编程接口拉取最新的静态资源模板数据，向网络服务端请求下载静态资源数据，并将所下载的静态资源数据缓存到移动设备的本地中；由于静态资源数据的数据量较多，而从网络服务端下载静态资源数据的速度受网络状态的影响较大，故在本实施例中，在移动设备中预先对静态资源数据进行下载，有利于节省处理时间。

S203.产生页面触发信号

用户可通过点击页面链接，或采用滑动、拖动页面的方式产生页面触发信号。

S204.判断是否接收数据更新信息

判断被触发的页面中是否含有服务端所发送的数据更新信息，即判断待显示的新页面是否需要进行更新；如不需要更新，则对页面进行显示。

S205.对容器进行初始化

如接收到数据更新信息，则移动设备对WebView容器进行初始化。

S206.请求下载动态数据

在将WebView容器进行初始化的同时，从网络服务端获取动态资源数据。

S207.判断初始化是否已经完成

对所述WebView容器的初始化是否已经完成进行判断，若未初始化完成，则等待其到初始化完成为止。

S208.在容器中加载静态资源数据

若初始化已经完成，则将缓存于本地中的静态资源数据加载于所述WebView容器中；由于其静态资源数据已经被缓存于移动设备的本地中，故其加载的速度较快，也不受外部网络条件的影响。

S209.绘制得到可显示的网络页面

将所述静态资源数据中的配置信息与所述动态资源数据进行整合，得到整合数据；并根据所述整合数据的内容对网络页面进行绘制，得到可显示的网络页面。

S210.显示网络页面

在移动设备的显示屏中，对所述网络页面进行显示。

在本实施例中，其将静态资源缓存到了本地，网页加载过程中省略了这部分资源的耗时，具体包括：服务器处理请求，网络延迟，传输等耗时，从而显著提高网页加载速度，减少用户等待时间，同时节省了服务器带宽和流量，也能在提升用户体验的同时大幅度降低资源和成本。

下面以另一个实施例对本发明一种页面数据更新的设备，进行具体描述，请参看图3，其具体包括：

触发信号输入模块301，所述触发信号输入模块301用于供用户输入页面触发信号；

容器初始化模块302，所述容器初始化模块302与所述触发信号输入模块301相连接，用于当产生页面触发信号时，对容器进行初始化；

静态资源缓存模块303，所述静态资源缓存模块303用于向网络服务端请求下载静态资源数据，并将所述静态资源数据缓存与本地中；

容器状态判断模块304，所述容器状态判断模块304与所述容器初始化模块302相连接，用于判断所述容器的初始化是否已经完成；

动态资源缓存模块309，所述动态资源缓存模块309与所述容器初始化模块302相连接，用于当产生页面触发信号时，从网络服务端下载动态资源数据；

静态资源加载模块305，所述静态资源加载模块305分别与所述静态资源缓存模块303、容器状态判断模块304和所述容器初始化模块302相连接，用于将缓存于本地中的静态资源数据加载于所述容器中；

动态资源加载模块307，所述动态资源加载模块307与所述静态资源加载模块305相连接，用于在静态资源数据加载于所述容器中后，在所述容器中导入已缓存的所述动态资源数据，得到整合数据，并将所下载的动态资源数据发送至页面绘制模块306的容器中；

页面绘制模块306，所述页面绘制模块306与所述动态资源缓存模块307相连接，用于对加载有静态资源数据的容器进行处理，得到可显示的网络页面。

请参看图4，在本发明中，所述设备还包括：

网络页面显示模块308，所述网络页面显示模块308与所述页面绘制模块306相连接，用于对可显示的网络页面进行显示。

在现有的技术中，由于其处理流程为先对容器进行初始化，在容器的初始化完成后，再通过网络在网络服务端下载静态资源数据；故其总的更新时长为初始化的时间加上下载静态资源数据的时间；而由于下载静态资源数据的时间较长，且其受网络性能的影响较大，当遇上网络性能不佳的情况时，其极大地延长了页面更新的时间；而在本实施例中，在容器初始化前开始对静态资源数据进行下载，当容器初始化完成后，静态资源数据也下载完成；故只需要将其进行加载即可，因此，其总的更新时长为初始化的时间加上加载静态资源数据的时间；而由于加载的为本地的静态资源数据，其加载的速度必然会大于下载的速度，且其不受网络性能的影响，极大地缩短了页面更新的时间。

请参看图5，本发明是一种页面数据更新的系统，包括：如上所述的页面数据更新的设备300和网络服务端400；

所述网络服务端400通过应用程序编程接口(API)与所述页面数据更新的设备300相连接，所述网络服务端400中存储有静态资源数据和动态资源数据。

本实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现，所描述的模块也可以设置在处理器中。其中，这些模块的名称在某种情况下并不构成对该单元本身的限定。

作为另一方面，本申请还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该电子设备执行时，使得该电子设备实现如上述实施例中所述的页面数据更新的方法。

本发明还可以是一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现如上所述的页面数据更新的方法。例如，本实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行上述方法流程所示的方法的程序代码。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

在本说明书的描述中，参考术语“一个实施方式”、“一些实施方式”、“示意性实施方式”、“示例”、“具体示例”、或“一些示例”等的描述意指结合实施方式或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施方式或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施方式或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施方式或示例中以合适的方式结合。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims (8)

1.一种页面数据更新的方法，其特征在于，包括：

向网络服务端请求下载静态资源数据，并将所述静态资源数据缓存到本地中；

当产生页面触发信号时，对容器进行初始化；同时，向网络服务端请求下载动态数据，并对所述动态数据进行缓存；

判断所述容器的初始化是否已经完成，若初始化已经完成，则将缓存于本地中的静态资源数据加载于所述容器中；

在加载有所述静态资源数据的容器中导入已缓存的所述动态资源数据，得到整合数据；

根据所述整合数据的内容对网络页面进行绘制，得到可显示的网络页面。

2.根据权利要求1所述的页面数据更新的方法，其特征在于，所述对容器进行初始化之前包括：

判断是否接收到服务端所发送的数据更新信息，如接收到数据更新信息，则驱动容器进行初始化。

3.根据权利要求2所述的页面数据更新的方法，其特征在于，所述得到可显示的网络页面之后包括：

对所述网络页面进行显示。

4.根据权利要求3所述的页面数据更新的方法，其特征在于，所述产生页面触发信号之前包括：

生成新的静态资源数据，将所述静态资源数据进行压缩后上传至网络服务端中。

5.一种页面数据更新的设备，其特征在于，包括：

触发信号输入模块，所述触发信号输入模块用于供用户输入页面触发信号；

容器初始化模块，所述容器初始化模块与所述触发信号输入模块相连接，用于当产生页面触发信号时，对容器进行初始化；

动态资源缓存模块，所述动态资源缓存模块与所述容器初始化模块相连接，用于当产生页面触发信号时，从网络服务端下载动态资源数据；

静态资源缓存模块，所述静态资源缓存模块用于向网络服务端请求下载静态资源数据，并将所述静态资源数据缓存与本地中；

容器状态判断模块，所述容器状态判断模块与所述容器初始化模块相连接，用于判断所述容器的初始化是否已经完成；

静态资源加载模块，所述静态资源加载模块分别与所述静态资源缓存模块、容器状态判断模块和所述容器初始化模块相连接，用于在容器初始化已经完成时，将缓存于本地中的静态资源数据加载于所述容器中；

动态资源加载模块，所述动态资源加载模块用于与所述静态资源加载模块相连接，用于在静态资源数据加载于所述容器中后，在所述容器中导入已缓存的所述动态资源数据，得到整合数据；

页面绘制模块，所述页面绘制模块与所述动态资源加载模块相连接，用于根据所述整合数据的内容对网络页面进行绘制，得到可显示的网络页面。

6.根据权利要求3所述的页面数据更新的设备，其特征在于，所述设备还包括：

网络页面显示模块，所述网络页面显示模块与所述页面绘制模块相连接，用于对可显示的网络页面进行显示。

7.一种页面数据更新的系统，其特征在于，包括：如权利要求5至6任一项所述的页面数据更新的设备和网络服务端；

所述网络服务端通过应用程序编程接口与所述页面数据更新的设备相连接，所述网络服务端中存储有静态资源数据和动态资源数据。

8.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器执行时，实现如权利要求1至4任一项所述的页面数据更新的方法。