CN112612977B - 一种页面显示方法、系统、装置、设备及存储介质 - Google Patents

Abstract

本发明实施例公开了一种页面显示方法、系统、装置、设备及存储介质。该方法包括：在检测到第一页面显示触发操作时，从本地存储单元获取待显示页面对应的离线资源文件；基于所述离线资源文件对所述待显示页面进行渲染显示；其中，所述离线资源文件是预先根据页面配置列表中记录的所述待显示页面对应的离线下载地址，从第一服务器下载得到的；所述离线资源文件中包含用于渲染所述待显示页面的信息；所述页面配置列表是预先从数据存储服务器获取的，所述页面配置列表中记录有至少一个页面对应的离线下载地址。本发明实施例通过将页面的资源数据从第一服务器中存储到本地存储单元中，解决了页面加载依赖于网络环境的问题，提高了页面加载速度。

Description

一种页面显示方法、系统、装置、设备及存储介质

技术领域

本发明实施例涉及互联网技术领域，尤其涉及一种页面显示方法、系统、装置、设备及存储介质。

背景技术

现有客户端在每次进行页面显示时，都需要从网站服务器获取页面相关的HTML(Hyper Text Markup Language，超文本标记语言)文件，如客户端在获取网站服务器的IP地址(Internet Protocol Address，互联网协议地址)后，需要与网站服务器进行三次握手建立网络连接，并基于网站服务器发送的HTML文件中的资源路径获取网站服务器中的渲染资源，然后根据HTML文件和渲染资源对页面进行渲染显示。

在实现本发明的过程中，发明人发现现有技术中至少存在以下技术问题：

客户端获取HTML文件的过程相对复杂，严重依赖于网络环境，使得现有的页面加载速度较慢，进而影响到页面的加载性能和用户体验。

发明内容

本发明实施例提供了一种页面显示方法、系统、装置、设备及存储介质，以降低页面加载对网络环境的依赖性，提高页面的加载速度。

第一方面，本发明实施例提供了一种页面显示方法，该方法包括：

在检测到第一页面显示触发操作时，从本地存储单元获取待显示页面对应的离线资源文件；

基于所述离线资源文件对所述待显示页面进行渲染显示；

其中，所述离线资源文件是预先根据页面配置列表中记录的所述待显示页面对应的离线下载地址，从第一服务器下载得到的；所述离线资源文件中包含用于渲染所述待显示页面的信息；所述页面配置列表是预先从数据存储服务器获取的，所述页面配置列表中记录有至少一个页面对应的离线下载地址。

第二方面，本发明实施例还提供了一种页面显示方法，该方法包括：

接收客户端发送的携带待显示页面对应的离线下载地址的文件下载请求；

根据所述离线下载地址，获取所述待显示页面对应的离线资源文件；其中，所述离线资源文件中包含用于渲染所述待显示页面的信息；

将所述离线资源文件发送给所述客户端，以使所述客户端将所述离线资源文件存储在本地存储单元中，并在检测到第一页面显示触发操作时从所述本地存储单元获取所述离线资源文件，以及基于所述离线资源文件对所述待显示页面进行渲染显示；

其中，所述离线下载地址是所述客户端从页面配置列表中获取的，所述页面配置列表是所述客户端预先从数据存储服务器获取的，所述页面配置列表中记录有至少一个页面对应的离线下载地址。

第三方面，本发明实施例还提供了一种页面显示系统，该系统包括：客户端、第一服务器和数据存储服务器；其中：

所述第一服务器，用于存储至少一个页面对应的离线资源文件，所述离线资源文件中包含用于渲染页面的信息；

所述数据存储服务器，用于存储页面配置列表，所述页面配置列表中记录有至少一个页面对应的离线下载地址；

所述客户端，用于在检测到第一页面显示触发操作时，从本地存储单元获取待显示页面对应的离线资源文件；以及基于所述离线资源文件对所述待显示页面进行渲染显示；其中，所述本地存储单元中的离线资源文件是客户端预先根据从所述数据存储服务器获取的所述页面配置列表中记录的所述待显示页面对应的离线下载地址，从所述第一服务器下载得到的。

第四方面，本发明实施例还提供了一种页面显示装置，该装置包括：

离线资源文件获取模块，用于在检测到第一页面显示触发操作时，从本地存储单元获取待显示页面对应的离线资源文件；

待显示页面渲染显示模块，用于基于所述离线资源文件对所述待显示页面进行渲染显示；

其中，所述离线资源文件是预先根据页面配置列表中记录的所述待显示页面对应的离线下载地址，从第一服务器下载得到的；所述离线资源文件中包含用于渲染所述待显示页面的信息；所述页面配置列表是预先从数据存储服务器获取的，所述页面配置列表中记录有至少一个页面对应的离线下载地址。

第五方面，本发明实施例还提供了一种页面显示装置，该装置包括：

文件下载请求接收模块，用于接收客户端发送的携带待显示页面对应的离线下载地址的文件下载请求；

离线资源文件获取模块，用于根据所述离线下载地址，获取所述待显示页面对应的离线资源文件；其中，所述离线资源文件中包含用于渲染所述待显示页面的信息；

离线资源文件发送模块，用于将所述离线资源文件发送给所述客户端，以使所述客户端将所述离线资源文件存储在本地存储单元中，并在检测到第一页面显示触发操作时从所述本地存储单元获取所述离线资源文件，以及基于所述离线资源文件对所述待显示页面进行渲染显示；

其中，所述离线下载地址是所述客户端从页面配置列表中获取的，所述页面配置列表是所述客户端预先从数据存储服务器获取的，所述页面配置列表中记录有至少一个页面对应的离线下载地址。

第六方面，本发明实施例还提供了一种电子设备，该电子设备包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现上述所涉及的任一所述的页面显示方法。

第七方面，本发明实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行上述所涉及的任一所述的页面显示方法。

上述发明中的实施例具有如下优点或有益效果：

本发明实施例通过预先将离线资源文件从第一服务器下载到本地存储单元中存储，当检测到页面显示触发操作时，直接基于本地存储单元中的离线资源文件进行页面的渲染显示，解决了需要通过网络获取资源文件的问题，降低了页面加载对网络环境的依赖性，提高了页面加载的速度。进一步地，本发明实施例通过数据存储服务器中的页面配置列表对离线资源文件进行下载，解决了离线资源文件更新信息的获取问题，提高了离线资源文件下载的时效性。

附图说明

图1是本发明实施例一提供的一种页面显示方法的流程图。

图2是本发明实施例二提供的一种页面显示方法的流程图。

图3是本发明实施例三提供的一种页面显示方法的流程图。

图4是本发明实施例四提供的一种页面显示系统的结构示意图。

图5是本发明实施例五提供的一种页面显示系统的结构示意图。

图6是本发明实施例五提供的一种页面显示系统的具体实例的结构示意图。

图7是本发明实施例六提供的一种页面显示装置的示意图。

图8是本发明实施例七提供的一种页面显示装置的示意图。

图9是本发明实施例八提供的一种电子设备的结构示意图。

具体实施方式

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

实施例一

图1是本发明实施例一提供的一种页面显示方法的流程图，本实施例可适用于对页面进行显示的情况，该方法可以由页面显示装置来执行，该装置可采用软件和/或硬件的方式实现，该装置可以配置于客户端中。具体包括如下步骤：

S110、在检测到第一页面显示触发操作时，从本地存储单元获取待显示页面对应的离线资源文件。

其中，本地存储单元是设置在客户端中的存储单元，具体的，存储单元具备存储数据和读写数据的功能。

在本实施例中，离线资源文件是预先根据页面配置列表中记录的待显示页面对应的离线下载地址，从第一服务器下载得到的；离线资源文件中包含用于渲染待显示页面的信息；页面配置列表是预先从数据存储服务器获取的，页面配置列表中记录有至少一个页面对应的离线下载地址。

其中，具体的，离线下载地址用于表征待显示页面在第一服务器中的存储地址。在一个实施例中，可选的，第一服务器为云服务器。其中，云服务器是一种可提供简单高效、安全可靠、处理能力可弹性伸缩的计算服务的服务器。在一个实施例中，可选的，云服务器可以是JSS服务器(Jingdong Store Service)。具体的，JSS服务器可向用户提供文件存储、访问、备份和共享等管理功能。

在一个实施例中，可选的，在检测到第一页面显示触发操作之前，该方法还包括：在检测到客户端的启动事件或客户端的前后台切换事件时，从数据存储服务器获取页面配置列表；其中，启动事件包括在检测到第一页面显示触发操作之前检测到的至少一个启动事件中的一项，前后台切换事件包括在检测到第一页面显示触发操作之前检测到的至少一个前后台切换事件中的一项；读取页面配置列表中记录的客户端的页面对应的离线下载地址；根据离线下载地址从第一服务器下载客户端的页面对应的离线资源文件，并将下载得到的离线资源文件存储在本地存储单元中。

其中，具体的，当检测到客户端启动时，或客户端从前台运行切换到后台运行时，或客户端从后台运行切换到前台运行时，从数据存储服务器中获取页面配置列表。其中，以启动事件为例，触发获取页面配置列表的启动事件可以是与第一页面显示触发操作最近的一次启动事件，当然，启动事件也可以是与第一页面显示触发操作间隔一次启动事件的启动事件。举例而言，假设在检测到第一页面显示触发操作之前，共检测到三次启动事件，且三次启动事件的检测顺序依次为启动事件A、启动事件B和启动事件C，则触发获取页面配置列表的启动事件可以是上述三次启动事件中的任一项。

在一个实施例中，可选的，将页面配置下载请求发送给网关接口，以及接收网关接口发送的从数据存储服务器中获取到的页面配置列表。其中，示例性的，网关接口可以是Java网关接口。

在本实施例中，读取页面配置列表中记录的客户端的所有页面对应的离线下载地址，即将与各页面对应的离线资源文件下载到本地存储单元中存储。这样设置的好处在于，在检测到第一页面显示触发操作之前，预先将待显示页面对应的离线资源文件下载到本地存储单元中，从而提高待显示页面首次加载时的加载速度。

在一个实施例中，可选的，在检测到第一页面显示触发操作之前，方法还包括：在检测到对待显示页面的第二页面显示触发操作时，从数据存储服务器获取页面配置列表；其中，第二页面显示触发操作是在检测到第一页面显示触发操作之前检测到的待显示页面对应的至少一个页面显示触发操作中的一项；读取页面配置列表中记录的待显示页面对应的离线下载地址；根据离线下载地址从第一服务器下载待显示页面对应的离线资源文件，基于离线资源文件对待显示页面进行渲染显示，并将下载得到的离线资源文件存储在本地存储单元中。

其中，示例性的，第二页面显示触发操作可以是与第一页面显示触发操作最近的一次页面显示触发操作，当然，第二页面显示触发操作也可以是与第一页面显示触发操作间隔一次页面显示触发操作的页面显示触发操作。举例而言，假设在检测到第一页面显示触发操作之前，共检测到三次对待显示页面的第二页面显示触发操作，且三次第二页面显示触发操作的检测顺序依次为第二页面显示触发操作A、第二页面显示触发操作B和第二页面显示触发操作C，则触发获取页面配置列表的第二页面显示触发操作可以是上述三次第二页面显示触发操作中的任一项。在一个实施例中，如果第二页面显示触发操作为对待显示页面的第一次页面显示触发操作，则在待显示页面首次加载时，基于页面配置列表下载与待显示页面对应的离线资源文件，将离线资源文件保存在本地存储单元中，并基于离线资源文件对待显示页面进行渲染显示。在待显示页面再次被加载时，直接基于本地存储单元中离线资源文件对待显示页面进行加载。这样设置的好处在于，只有在页面被首次访问时，才会下载该页面对应的离线资源文件，以避免不被访问的页面的离线资源文件对本地存储单元的存储空间的占用。

S120、基于离线资源文件对待显示页面进行渲染显示。

在本实施例中，离线资源文件包括HTML文件和渲染资源。其中，具体的，HTML文件引用的离线资源路径为渲染资源在本地存储单元中的存储路径。示例性的，渲染资源包括但不限于CSS文件、JS文件、视频和图片中至少一种。

本实施例的技术方案，通过预先将离线资源文件从第一服务器下载到本地存储单元中存储，当检测到页面显示触发操作时，直接基于本地存储单元中的离线资源文件进行页面的渲染显示，解决了需要通过网络获取资源文件的问题，降低了页面加载对网络环境的依赖性，提高了页面加载的速度。进一步地，本发明实施例通过数据存储服务器中的页面配置列表对离线资源文件进行下载，解决了离线资源文件更新信息的获取问题，提高了离线资源文件下载的时效性。

实施例二

图2是本发明实施例二提供的一种页面显示方法的流程图，本实施例的技术方案是上述实施例的基础上的进一步细化。可选的，从本地存储单元获取待显示页面对应的离线资源文件，包括：确定页面配置列表中是否记录有所述待显示页面对应的离线下载地址；若是，则从本地存储单元获取待显示页面对应的离线资源文件。进一步的，所述方法还包括：若所述页面配置列表中未记录有所述待显示页面对应的离线下载地址，或者，若未从本地存储单元获取到所述待显示页面对应的离线资源文件，则根据所述待显示页面的统一资源定位符URL地址从第二服务器下载所述待显示页面对应的超文本标记语言HTML文件，并基于所述HTML文件对所述待显示页面进行渲染显示。

本实施例的具体实施步骤包括：

S210、在检测到第一页面显示触发操作时，判断页面配置列表中是否记录有待显示页面对应的离线下载地址；如果是，则执行S220，如果否，则执行S240。

在一个实施例中，可选的，页面配置列表还记录有待显示页面对应的URL(UniformResource Locator，统一资源定位符)地址，相应的，在检测到第一页面显示触发操作时，获取待显示页面对应的URL地址，判断页面配置列表中是否记录有待显示页面对应的URL地址，如果是，则说明页面配置列表中记录有待显示页面对应的离线下载地址，如果否，则说明页面配置列表中未记录有待显示页面对应的离线下载地址。其中，URL地址是作为页面配置列表中的待显示页面的标识信息，基于该标识信息确定页面配置列表中是否记录有该待显示页面以及与该待显示页面对应的离线下载地址。

S220、从本地存储单元获取待显示页面对应的离线资源文件。

在一个实施例中，页面被访问时下载离线资源文件。如果当前的第一页面显示触发操作是待显示页面的首次页面显示触发操作，则判断页面配置列表中是否记录有待显示页面对应的离线下载地址，如果是，则基于离线下载地址对待显示页面对应的离线资源文件进行下载，并保存在本地存储单元中。如果否，则执行S240。在首次页面显示触发操作下，页面配置列表中记录有待显示页面对应的离线下载地址，但此时本地存储单元中可能未存储与待显示页面对应的离线资源文件。

如果当前的第一页面显示触发操作是待显示页面的再次页面显示触发操作，则判断页面配置列表中是否记录有待显示页面对应的离线下载地址，如果是，则从本地存储单元获取待显示页面对应的离线资源文件。在再次页面显示触发操作下，如果页面配置列表中记录有待显示页面对应的离线下载地址，说明本地存储单元中存储有与待显示页面对应的离线资源文件。

S230、基于离线资源文件对待显示页面进行渲染显示。

在一个实施例中，可选的，离线资源文件包括HTML文件和渲染资源；离线资源文件是由第三服务器在接收到用户输入的离线资源文件时上传到第一服务器的。其中，具体的，用户登录第三服务器，并将离线资源文件输入到第三服务器中，第三服务器将该离线资源文件上传到第一服务器中。

S240、根据待显示页面的URL地址从第二服务器下载待显示页面对应的HTML文件。

在一个实施例中，可选的，第二服务器为网站服务器。其中，网站服务器可以是一种物理服务器，配置独立的域名地址。示例性的，网站服务器可以是Apache服务器、Nginx服务器或IIS服务器。其中，具体的，第二服务器中的HTML文件引用的资源路径与离线资源文件中的HTML文件引用的资源路径不同。第二服务器中的HTML文件引用的资源路径是与第二服务器的域名地址相关的路径，而离线资源文件中的HTML文件引用的资源路径是与离线资源文件在本地存储单元中的存储路径相关的路径。相应的，从第二服务器下载的HTML文件与离线资源文件中的HTML文件为不同的HTML文件。

S250、基于HTML文件对待显示页面进行渲染显示。

如果页面配置列表中未记录有待显示页面对应的离线下载地址，说明本地存储单元中没有存储与待显示页面对应的离线资源文件。其中，具体的，对HTML文件进行解析，通过解析得到的资源路径从第二服务器获取渲染资源，对待显示页面进行渲染显示。

在上述实施例的基础上，可选的，若未从本地存储单元获取到待显示页面对应的离线资源文件，则根据待显示页面的URL地址从第二服务器下载待显示页面对应的HTML文件，并基于HTML文件对待显示页面进行渲染显示。

本实施例的技术方案，通过对页面配置列表进行查询，如果页面配置列表中记录有待显示页面对应的离线下载地址，则从本地存储单元获取待显示页面对应的离线资源文件，如果页面配置列表中未记录有待显示页面对应的离线下载地址，则基于URL地址从第二服务器下载HTML文件，解决了本地存储单元中不存在离线资源文件时的页面渲染问题，避免出现显示加载异常的情况，保证了客户端的运行性能。

实施例三

图3是本发明实施例三提供的一种页面显示方法的流程图，本实施例可适用于对页面进行显示的情况，该方法可以由页面显示装置来执行，该装置可采用软件和/或硬件的方式实现，该装置可以配置于第一服务器中。具体包括如下步骤：

S310、接收客户端发送的携带待显示页面对应的离线下载地址的文件下载请求。

S320、根据离线下载地址，获取待显示页面对应的离线资源文件。

其中，具体的，离线下载地址用于表征待显示页面在第一服务器中的存储地址。在本实施例中，离线资源文件中包含用于渲染待显示页面的信息；离线下载地址是客户端从页面配置列表中获取的，页面配置列表是客户端预先从数据存储服务器获取的，页面配置列表中记录有至少一个页面对应的离线下载地址。

S330、将离线资源文件发送给客户端，以使客户端将离线资源文件存储在本地存储单元中，并在检测到第一页面显示触发操作时从本地存储单元获取离线资源文件，以及基于离线资源文件对待显示页面进行渲染显示。

在一个实施例中，可选的，离线资源文件包括HTML文件和渲染资源；离线资源文件是由第三在接收到用户输入的离线资源文件时上传的。其中，具体的，用户登录第三服务器，并将离线资源文件输入到第三服务器中，第三服务器将该离线资源文件上传到第一服务器中。

本实施例的技术方案，通过基于接收到的客户端发送的文件下载请求，将离线资源文件发送给客户端，以使客户端将离线资源文件存储在本地存储单元中，以及在检测到页面显示触发操作时，直接基于本地存储单元中的离线资源文件进行页面的渲染显示，解决了需要通过网络获取资源文件的问题，降低了页面加载对网络环境的依赖性，提高了页面加载的速度。进一步地，本发明实施例中的客户端通过数据存储服务器中的页面配置列表对离线资源文件进行下载，解决了离线资源文件更新信息的获取问题，提高了离线资源文件下载的时效性。

实施例四

图4是本发明实施例四提供的一种页面显示系统的结构示意图，本发明实施例为本发明上述实施例的页面显示方法的实现提供服务，可配置本发明提供的页面显示装置。

该页面显示系统包括：客户端410、第一服务器420和数据存储服务器430；其中，第一服务器420，用于存储至少一个页面对应的离线资源文件，离线资源文件中包含用于渲染页面的信息；数据存储服务器430，用于存储页面配置列表，页面配置列表中记录有至少一个页面对应的离线下载地址；客户端410，用于在检测到第一页面显示触发操作时，从本地存储单元获取待显示页面对应的离线资源文件；以及基于离线资源文件对待显示页面进行渲染显示；其中，本地存储单元中的离线资源文件是客户端410预先根据从数据存储服务器430获取的页面配置列表中记录的待显示页面对应的离线下载地址，从第一服务器420下载得到的。

其中，本地存储单元是设置在客户端410中的存储单元，具体的，存储单元具备存储数据和读写数据的功能。

其中，具体的，离线下载地址用于表征待显示页面在第一服务器420中的存储地址。在一个实施例中，可选的，第一服务器420为云服务器。其中，云服务器是一种可提供简单高效、安全可靠、处理能力可弹性伸缩的计算服务的服务器。在一个实施例中，可选的，云服务器可以是JSS服务器(Jingdong Store Service)。具体的，JSS服务器可向用户提供文件存储、访问、备份和共享等管理功能。

其中，示例性的，数据存储服务器420可以是基于关系型数据库或非关系型数据库构建的服务器，其中，具体的，关系型数据库包括但不限于Oracle数据库、DB2数据库、Microsoft SQL Server数据库、Microsoft Access数据库或MySQL数据库，非关系数据库包括但限于NoSql数据库、Cloudant数据库、MongoDb数据库、redis数据库或HBase数据库。此处对数据存储服务器420构建时采用的数据库的类型不作限定。

在一个实施例中，可选的，客户端410还用于：在检测到第一页面显示触发操作之前，在检测到客户端410的启动事件或客户端410的前后台切换事件时，从数据存储服务器430获取页面配置列表，读取页面配置列表中记录的客户端410的页面对应的离线下载地址，根据离线下载地址从第一服务器420下载客户端410的页面对应的离线资源文件，并将下载得到的离线资源文件存储在本地存储单元中；其中，启动事件包括在检测到第一页面显示触发操作之前检测到的至少一个启动事件中的一项，前后台切换事件包括在检测到第一页面显示触发操作之前检测到的至少一个前后台切换事件中的一项。

其中，具体的，当检测到客户端410启动时，或客户端410从前台运行切换到后台运行时，或客户端410从后台运行切换到前台运行时，从数据存储服务器430中获取页面配置列表。其中，以启动事件为例，触发获取页面配置列表的启动事件可以是与第一页面显示触发操作最近的一次启动事件，当然，启动事件也可以是与第一页面显示触发操作间隔一次启动事件的启动事件。举例而言，假设在检测到第一页面显示触发操作之前，共检测到三次启动事件，且三次启动事件的检测顺序依次为启动事件A、启动事件B和启动事件C，则触发获取页面配置列表的启动事件可以是上述三次启动事件中的任一项。

在一个实施例中，可选的，将页面配置下载请求发送给网关接口，以及接收网关接口发送的从数据存储服务器430中获取到的页面配置列表。其中，示例性的，网关接口可以是Java网关接口。

在一个实施例中，可选的，客户端410还用于：在检测到第一页面显示触发操作之前，在检测到对待显示页面的第二页面显示触发事件时，从数据存储服务器430获取页面配置列表，读取页面配置列表中记录的待显示页面对应的离线下载地址，根据离线下载地址从第一服务器420下载待显示页面对应的离线资源文件，基于离线资源文件对待显示页面进行渲染显示，并将下载得到的离线资源文件存储在本地存储单元中；其中，第二页面显示触发操作是在检测到第一页面显示触发操作之前检测到的待显示页面对应的至少一个页面显示触发操作中的一项。

在一个实施例中，可选的，客户端410还用于：在从本地存储单元获取待显示页面对应的离线资源文件之前，确定页面配置列表中是否记录有待显示页面对应的离线下载地址；若是，则触发执行从本地存储单元获取待显示页面对应的离线资源文件的操作。

在一个实施例中，可选的，系统还包括：第二服务器，用于存储至少一个页面对应的HTML文件；客户端410还用于：若页面配置列表中未记录有待显示页面对应的离线下载地址，或者，若未从本地存储单元获取到待显示页面对应的离线资源文件，则根据待显示页面的URL地址从第二服务器下载待显示页面对应的HTML文件，并基于HTML文件对待显示页面进行渲染显示。

其中，具体的，对HTML文件进行解析，通过解析得到的资源路径从第二服务器获取渲染资源，对待显示页面进行渲染显示。

本实施例的技术方案，通过预先将离线资源文件从第一服务器下载到本地存储单元中存储，当检测到页面显示触发操作时，直接基于本地存储单元中的离线资源文件进行页面的渲染显示，解决了需要通过网络获取资源文件的问题，降低了页面加载对网络环境的依赖性，提高了页面加载的速度。进一步地，本发明实施例通过数据存储服务器中的页面配置列表对离线资源文件进行下载，解决了离线资源文件更新信息的获取问题，提高了离线资源文件下载的时效性。

实施例五

图5是本发明实施例五提供的一种页面显示系统的结构示意图，本实施例的技术方案是上述实施例的基础上的进一步细化。可选的，页面显示系统还包括：第三服务器540，用于将用户输入的离线资源文件上传到第一服务器420中，以及将与离线资源文件对应的资源数据保存在数据存储服务器430中的页面配置列表中，资源数据包括离线资源文件在第一服务器420中的离线下载地址。

其中，示例性的，第三服务器540上部署有离线化平台系统，在一个实施例中，可选的，离线化平台系统是基于Nodejs语句编译。

在一个实施例中，可选的，数据存储服务器430是基于MySQL数据库和redis数据库构建的，其中，第三服务器540将资源数据保存在MySQL数据库中的页面配置列表中，redis数据库对MySQL数据库中的页面配置列表进行同步存储，以使网关接口从redis数据库中读取页面配置列表。这样设置的好处在于，当使用一个数据库进行数据读写和处理时，当访问量较大时会大大降低该数据库的处理效率。将MySQL数据库页面配置列表同步到redis数据库中进行同步保存，可以有效保证网关接口读取页面配置列表的读取速度，进而保证页面的加载速度。

在一个实施例中，可选的，页面显示系统还包括登录管理平台服务器，用于根据接收到的第三服务器540发送的用户登录信息，生成登录成功信息，将登录成功信息发送给第三服务器540；其中，用户登录信息是第三服务器540在检测到与用户登录信息对应的登录状态为未登录状态时发送的。

其中，具体的，用户通过用户终端输入用户登录信息，第三服务器540对用户登录信息对应的登录状态进行检测，如果登录状态为未登录状态，则将该用户登录信息发送给登录管理平台服务器。其中，示例性的，登录管理平台服务器可部署SSA(运维审计系统)，具体的，SSA是集单点登录、账号管理、身份认证、资源授权、访问控制和操作审计于一体的新一代运维安全审计系统。

在一个实施例中，可选的，第三服务器540具体用于：如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，或者如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，且用户输入的离线资源文件的文件大小大于预设上传阈值，则基于各页面对应的页面目录，对用户输入的离线资源文件进行划分，将得到的与各页面分别对应的离线资源文件分别上传到第一服务器420中。

其中，示例性的，预设上传阈值可以是5M。

在本实施例中，用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，具体的，不同页面对应的离线资源文件的页面目录不同。在一个实施例中，页面A对应的离线资源文件的页面目录包括“A/CSS/样式1”，页面B对应的离线资源文件的页面目录包括“B/CSS/样式1”，基于不同页面对应的页面目录，将用户输入的离线资源文件划分为与页面A对应的离线资源文件和与页面B对应的离线资源文件。在另一个实施例中，用户输入的离线资源文件包括主页面对应的离线资源文件和至少一个子页面对应的离线资源文件，示例性的，主页面对应的离线资源文件的页面目录包括“主页面/CSS/样式1”，子页面A对应的离线资源文件的页面目录包括“子页面A/CSS/样式1”，子页面B对应的离线资源文件的页面目录包括“子页面B/CSS/样式1”。具体的，可以基于主页面和子页面的页面目录对用户输入的资源文件进行划分，得到主页面对应的资源文件和与至少一个子页面对应的一个离线资源文件，当然还可以是基于每个页面的页面目录对用户输入的资源文件进行划分，得到主页面对应的资源文件和与至少一个子页面分别对应的离线资源文件。此处对用户输入的离线资源文件的具体划分方式不作限定。

这样设置的好处在于，通过对用户输入的离线资源文件进行划分，一方面保证了客户端下载一个离线资源文件的下载速度，另一方面，如果是在用户访问页面时进行离线资源文件的下载，则上述设置可以保证只下载与当前页面对应的离线资源文件，而不下载与该页面相关的其他页面的离线资源文件，如仅下载主页面对应的离线资源文件，在访问到子页面的时再下载子页面对应的离线资源文件，从而也降低了离线资源文件对本地存储单元的存储资源的占用。

在一个实施例中，可选的，第三服务器540具体用于：将用户输入的离线资源文件与第三服务器540中存储的上一版本的离线资源文件进行比较，并将根据比较结果生成的增量离线资源文件上传到第一服务器420中，以使客户端410基于下载的增量离线资源文件对本地存储单元中的离线资源文件进行更新。

其中，示例性的，将用户输入的离线资源文件与上一版本的离线资源文件的文件数量和文件内容进行比较，将用户输入的离线资源文件中与上一版本的离线资源文件不同的离线资源文件作为增量离线资源文件上传到第一服务器420中，这样设置的好处在于，降低客户端下载离线资源文件时的网络带宽，进而提高客户端下载离线资源文件的下载速度。

在上述实施例的基础上，可选的，第三服务器540还用于：在接收到用户输入的离线资源文件后，生成与离线资源文件对应的离线版本号；基于离线版本号，对离线资源文件中引用的离线资源路径进行更新得到更新后的离线资源文件，以及基于离线版本号生成离线存储路径，并将离线存储路径保存在数据存储服务器430中的页面配置列表中；其中，离线存储路径为离线资源路径的上级目录路径；

相应的，客户端410具体用于：基于页面配置列表中的离线存储路径，将下载得到的更新后的离线资源文件存储在本地存储单元中，并通过更新后的离线资源路径获取本地存储单元中离线资源文件中的渲染资源。

其中，具体的，用户输入的离线资源文件可能并未考虑到离线资源文件的版本问题，第三服务器540为了对用户输入的离线资源文件进行标识以便后续管理，在接收到用户输入的离线资源文件后，生成与离线资源文件对应的离线版本号。具体的，基于离线版本号生成离线存储路径，其中，离线存储路径用于表征离线资源文件在本地存储单元中的存储路径。这样设置的好处在于，保证客户端对不同版本的离线资源文件进行路径区分存储，以降低访问离线存储路径下的离线资源路径时的错误率。

由于离线资源文件引用了渲染资源的离线资源路径，该离线资源路径是与离线资源文件在本地存储单元中的存储路径相关的路径，当离线存储路径由于离线版本号发生变化时，相应的，需要对离线资源文件中引用的离线资源路径基于离线版本号进行对应修改，以便客户端在对离线资源文件进行解析时，可基于引用的离线资源路径获取到渲染资源。

在本实施例中，离线存储路径为离线资源路径的上级目录路径，具体的，离线存储路径可以是离线资源路径的上一级目录路径，举例而言，离线存储路径为“D:/版本2”，离线资源路径为“D:/版本2/样式1”，其中，“D”可以表示本地磁盘。当然，离线存储路径还可以是离线资源路径的上两级目录路径，举例而言，离线存储路径为“D:/版本2”，离线资源路径为“D:/版本2/CSS文件/样式1”。

在一个实施例中，可选的，资源数据还包括离线资源文件对应的标识信息、URL地址、MD5(信息摘要算法，Message-Digest Algorithm5)值、上线状态和资源类型中至少一种。其中，具体的，标识信息可便于用户对上传的离线资源文件进行区别，资源类型是用户上传离线资源文件时输入的对离线资源文件的类型说明。其中，具体的，URL地址用于对待显示页面进行标识，以使客户端根据页面配置列表中的URL地址确定是否存在与待显示页面对应的离线下载地址。其中，具体的，第三服务器540基于MD5算法对离线资源文件进行加密后上传到第一服务器420中，MD5值是第一服务器420基于MD5算法反馈给第三服务器540的数据，示例性的，MD5值可用于表征第一服务器420对离线资源文件的校验数据，校验数据可以是文件是否完整、是否上传成功、是否被篡改和是否被丢弃等数据。其中，具体的，上线状态是第一服务器420反馈给第三服务器540的上线数据，示例性的，上线状态可以是在线状态、下线状态或离线状态等。

图6是本发明实施例五提供的一种页面显示系统的具体实例的结构示意图。其中，具体的，页面显示系统分为三层，从上到下分别为应用层、服务层和数据层。其中，SSA表示登录管理平台服务器，Nodejs接口服务表示第三服务器540，JSS表示第一服务器420，H5Nginx表示第二服务器，线上APP表示客户端410，MySQL和redis缓存表示数据存储服务器430。

本实施例的技术方案，通过在页面显示系统中设置第三服务器，用于将用户输入的离线资源文件上传到第一服务器中以及将离线资源文件对应的资源数据保存在数据存储服务器中的页面配置列表中，解决了离线资源文件的管理规范问题，规范了离线资源文件的上传规范和资源数据的记录规范，进一步保证了客户端基于第三服务器上传的离线资源文件的下载速度。

实施例六

图7是本发明实施例六提供的一种页面显示装置的示意图。本实施例可适用于对页面进行显示的情况，该装置可采用软件和/或硬件的方式实现，该装置可以配置于客户端中。该页面显示装置包括：离线资源文件获取模块610和待显示页面渲染显示模块620。

其中，离线资源文件获取模块610，用于在检测到第一页面显示触发操作时，从本地存储单元获取待显示页面对应的离线资源文件；

待显示页面渲染显示模块620，用于基于离线资源文件对待显示页面进行渲染显示；

其中，离线资源文件是预先根据页面配置列表中记录的待显示页面对应的离线下载地址，从第一服务器下载得到的；离线资源文件中包含用于渲染待显示页面的信息；页面配置列表是预先从数据存储服务器获取的，页面配置列表中记录有至少一个页面对应的离线下载地址。

本实施例的技术方案，通过预先将离线资源文件从第一服务器下载到本地存储单元中存储，当检测到页面显示触发操作时，直接基于本地存储单元中的离线资源文件进行页面的渲染显示，解决了需要通过网络获取资源文件的问题，降低了页面加载对网络环境的依赖性，提高了页面加载的速度。进一步地，本发明实施例通过数据存储服务器中的页面配置列表对离线资源文件进行下载，解决了离线资源文件更新信息的获取问题，提高了离线资源文件下载的时效性。

在上述技术方案的基础上，可选的，该装置还包括：

第一离线资源文件下载模块，用于在检测到第一页面显示触发操作之前，在检测到客户端的启动事件或客户端的前后台切换事件时，从数据存储服务器获取页面配置列表；其中，启动事件包括在检测到第一页面显示触发操作之前检测到的至少一个启动事件中的一项，前后台切换事件包括在检测到第一页面显示触发操作之前检测到的至少一个前后台切换事件中的一项；读取页面配置列表中记录的客户端的页面对应的离线下载地址；根据离线下载地址从第一服务器下载客户端的页面对应的离线资源文件，并将下载得到的离线资源文件存储在本地存储单元中。

在上述技术方案的基础上，可选的，该装置还包括：

第二离线资源文件下载模块，在检测到第一页面显示触发操作之前，在检测到对待显示页面的页面显示触发操作时，从数据存储服务器获取页面配置列表；其中，第二页面显示触发操作是在检测到第一页面显示触发操作之前检测到的对待显示页面的至少一个页面显示触发操作中的一项；读取页面配置列表中记录的待显示页面对应的离线下载地址；根据离线下载地址从第一服务器下载待显示页面对应的离线资源文件，基于离线资源文件对待显示页面进行渲染显示，并将下载得到的离线资源文件存储在本地存储单元中。

在上述技术方案的基础上，可选的，离线资源文件获取模块610具体用于：

确定页面配置列表中是否记录有待显示页面对应的离线下载地址；若是，则从本地存储单元获取待显示页面对应的离线资源文件。

在上述技术方案的基础上，可选的，该装置还包括：

在线渲染模块，用于若页面配置列表中未记录有待显示页面对应的离线下载地址，或者，若未从本地存储单元获取到待显示页面对应的离线资源文件，则根据待显示页面的统一资源定位符URL地址从第二服务器下载待显示页面对应的超文本标记语言HTML文件，并基于HTML文件对待显示页面进行渲染显示。

在上述技术方案的基础上，可选的，离线资源文件包括HTML文件和渲染资源；离线资源文件是由第三服务器在接收到用户输入的离线资源文件时上传到第一服务器的。

本发明实施例所提供的页面显示装置可以用于执行本发明实施例所提供的页面显示方法，具备执行方法相应的功能和有益效果。

值得注意的是，上述页面显示装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。

实施例七

图8是本发明实施例七提供的一种页面显示装置的示意图。本实施例可适用于对页面进行显示的情况，该装置可采用软件和/或硬件的方式实现，该装置可以配置于第一存储器中。该页面显示装置包括：文件下载请求接收模块710、离线资源文件获取模块720和离线资源文件发送模块730。

其中，文件下载请求接收模块710，用于接收客户端发送的携带待显示页面对应的离线下载地址的文件下载请求；

离线资源文件获取模块720，用于根据离线下载地址，获取待显示页面对应的离线资源文件；其中，离线资源文件中包含用于渲染待显示页面的信息；

离线资源文件发送模块730，用于将离线资源文件发送给客户端，以使客户端将离线资源文件存储在本地存储单元中，并在检测到第一页面显示触发操作时从本地存储单元获取离线资源文件，以及基于离线资源文件对待显示页面进行渲染显示；

其中，离线下载地址是客户端从页面配置列表中获取的，页面配置列表是客户端预先从数据存储服务器获取的，页面配置列表中记录有至少一个页面对应的离线下载地址。

本实施例的技术方案，通过基于接收到的客户端发送的文件下载请求，将离线资源文件发送给客户端，以使客户端将离线资源文件存储在本地存储单元中，以及在检测到页面显示触发操作时，直接基于本地存储单元中的离线资源文件进行页面的渲染显示，解决了需要通过网络获取资源文件的问题，降低了页面加载对网络环境的依赖性，提高了页面加载的速度。进一步地，本发明实施例中的客户端通过数据存储服务器中的页面配置列表对离线资源文件进行下载，解决了离线资源文件更新信息的获取问题，提高了离线资源文件下载的时效性。

在上述技术方案的基础上，可选的，离线资源文件包括HTML文件和渲染资源；离线资源文件是由第三服务器在接收到用户输入的离线资源文件时上传到第一服务器的。

本发明实施例所提供的页面显示装置可以用于执行本发明实施例所提供的页面显示方法，具备执行方法相应的功能和有益效果。

值得注意的是，上述页面显示装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。

实施例八

图9是本发明实施例八提供的一种电子设备的结构示意图，本发明实施例为本发明上述实施例一和实施例二的页面显示方法的实现提供服务，可配置上述实施例六中的页面显示装置。或，本发明实施例为本发明上述实施例三的页面显示方法的实现提供服务，可配置上述实施例七中的页面显示装置。

图9示出了适于用来实现本发明实施方式的示例性电子设备12的框图。图9显示的电子设备12仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

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

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

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

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

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

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

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

通过上述电子设备，解决了需要通过网络获取资源文件的问题，降低了页面加载对网络环境的依赖性，提高了页面加载的速度。进一步解决了离线资源文件更新信息的获取问题，提高了离线资源文件下载的时效性。

实施例九

本发明实施例九还提供了一种包含计算机可执行指令的存储介质，计算机可执行指令在由计算机处理器执行时用于执行一种页面显示方法，该方法包括：

在检测到第一页面显示触发操作时，从本地存储单元获取待显示页面对应的离线资源文件；

基于离线资源文件对待显示页面进行渲染显示；

其中，离线资源文件是预先根据页面配置列表中记录的待显示页面对应的离线下载地址，从第一服务器下载得到的；离线资源文件中包含用于渲染待显示页面的信息；页面配置列表是预先从数据存储服务器获取的，页面配置列表中记录有至少一个页面对应的离线下载地址。

或，计算机可执行指令在由计算机处理器执行时用于执行一种页面显示方法，该方法包括：

接收客户端发送的携带待显示页面对应的离线下载地址的文件下载请求；

根据离线下载地址，获取待显示页面对应的离线资源文件；其中，离线资源文件中包含用于渲染待显示页面的信息；

将离线资源文件发送给客户端，以使客户端将离线资源文件存储在本地存储单元中，并在检测到第一页面显示触发操作时从本地存储单元获取离线资源文件，以及基于离线资源文件对待显示页面进行渲染显示；

其中，离线下载地址是客户端从页面配置列表中获取的，页面配置列表是客户端预先从数据存储服务器获取的，页面配置列表中记录有至少一个页面对应的离线下载地址。

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

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

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

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

当然，本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上的方法操作，还可以执行本发明任意实施例所提供的页面显示方法中的相关操作。

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

Claims (15)

1.一种页面显示方法，其特征在于，包括：

在检测到第一页面显示触发操作时，从本地存储单元获取待显示页面对应的离线资源文件；

基于所述离线资源文件对所述待显示页面进行渲染显示；

其中，所述离线资源文件是预先根据页面配置列表中记录的所述待显示页面对应的离线下载地址，从第一服务器下载得到的；所述离线资源文件中包含用于渲染所述待显示页面的信息；所述页面配置列表是预先通过网关接口从数据存储服务器获取的，所述页面配置列表中记录有至少一个页面对应的离线下载地址；

所述从本地存储单元获取待显示页面对应的离线资源文件，包括：

确定页面配置列表中是否记录有所述待显示页面对应的离线下载地址；

若是，则从本地存储单元获取待显示页面对应的离线资源文件；

所述方法还包括：

若所述页面配置列表中未记录有所述待显示页面对应的离线下载地址，或者，若未从本地存储单元获取到所述待显示页面对应的离线资源文件，则根据所述待显示页面的统一资源定位符URL地址从第二服务器下载所述待显示页面对应的超文本标记语言HTML文件，并基于所述HTML文件对所述待显示页面进行渲染显示；其中，所述第二服务器中的HTML文件引用的资源路径与所述离线资源文件中的HTML文件引用的资源路径不同，相应的，从所述第二服务器下载的HTML文件与所述离线资源文件中的HTML文件为不同的HTML文件；

所述离线资源文件是由第三服务器在接收到用户输入的离线资源文件时上传到所述第一服务器的；离线资源文件对应的资源数据由所述第三服务器保存在所述数据存储服务器中的页面配置列表中，所述资源数据包括所述离线资源文件在第一服务器中的离线下载地址；

其中，所述数据存储服务器基于MySQL数据库和redis数据库构建，所述资源数据由所述第三服务器保存在MySQL数据库中的页面配置列表中，MySQL数据库中的页面配置列表由redis数据库进行同步存储，页面配置列表由网关接口从redis数据库中读取；

所述第三服务器上传所述离线资源文件到所述第一服务器的过程包括：如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，或者如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，且用户输入的离线资源文件的文件大小大于预设上传阈值，则所述第三服务器基于各所述页面对应的页面目录，对用户输入的离线资源文件进行划分，将得到的与各所述页面分别对应的离线资源文件分别上传到所述第一服务器中。

2.根据权利要求1所述的方法，其特征在于，在检测到第一页面显示触发操作之前，所述方法还包括：

在检测到客户端的启动事件或客户端的前后台切换事件时，从数据存储服务器获取页面配置列表；其中，所述启动事件包括在检测到所述第一页面显示触发操作之前检测到的至少一个启动事件中的一项，所述前后台切换事件包括在检测到所述第一页面显示触发操作之前检测到的至少一个前后台切换事件中的一项；

读取所述页面配置列表中记录的客户端的页面对应的离线下载地址；

根据所述离线下载地址从第一服务器下载客户端的页面对应的离线资源文件，并将下载得到的离线资源文件存储在本地存储单元中。

3.根据权利要求1所述的方法，其特征在于，在检测到第一页面显示触发操作之前，所述方法还包括：

在检测到对所述待显示页面的第二页面显示触发操作时，从数据存储服务器获取页面配置列表；其中，所述第二页面显示触发操作是在检测到所述第一页面显示触发操作之前检测到的对所述待显示页面的至少一个页面显示触发操作中的一项；

读取所述页面配置列表中记录的所述待显示页面对应的离线下载地址；

根据所述离线下载地址从第一服务器下载所述待显示页面对应的离线资源文件，基于所述离线资源文件对所述待显示页面进行渲染显示，并将下载得到的离线资源文件存储在本地存储单元中。

4.根据权利要求1-3中任一项所述的方法，其特征在于，所述离线资源文件包括HTML文件和渲染资源。

5.一种页面显示方法，其特征在于，包括：

接收客户端发送的携带待显示页面对应的离线下载地址的文件下载请求；

根据所述离线下载地址，获取所述待显示页面对应的离线资源文件；其中，所述离线资源文件中包含用于渲染所述待显示页面的信息；

将所述离线资源文件发送给所述客户端，以使所述客户端将所述离线资源文件存储在本地存储单元中，并在检测到第一页面显示触发操作时从所述本地存储单元获取所述离线资源文件，以及基于所述离线资源文件对所述待显示页面进行渲染显示；

其中，所述离线下载地址是所述客户端从页面配置列表中获取的，所述页面配置列表是所述客户端预先通过网关接口从数据存储服务器获取的，所述页面配置列表中记录有至少一个页面对应的离线下载地址；

所述从所述本地存储单元获取所述离线资源文件，包括：

确定页面配置列表中是否记录有所述待显示页面对应的离线下载地址；

若是，则从本地存储单元获取待显示页面对应的离线资源文件；

若所述页面配置列表中未记录有所述待显示页面对应的离线下载地址，或者，若未从本地存储单元获取到所述待显示页面对应的离线资源文件，则根据所述待显示页面的统一资源定位符URL地址从第二服务器下载所述待显示页面对应的超文本标记语言HTML文件，并基于所述HTML文件对所述待显示页面进行渲染显示；其中，所述第二服务器中的HTML文件引用的资源路径与所述离线资源文件中的HTML文件引用的资源路径不同，相应的，从所述第二服务器下载的HTML文件与所述离线资源文件中的HTML文件为不同的HTML文件；

所述离线资源文件是由第三服务器在接收到用户输入的离线资源文件时上传到第一服务器的；离线资源文件对应的资源数据由所述第三服务器保存在所述数据存储服务器中的页面配置列表中，所述资源数据包括所述离线资源文件在第一服务器中的离线下载地址；

其中，所述数据存储服务器基于MySQL数据库和redis数据库构建，所述资源数据由所述第三服务器保存在MySQL数据库中的页面配置列表中，MySQL数据库中的页面配置列表由redis数据库进行同步存储，页面配置列表由网关接口从redis数据库中读取；

所述第三服务器上传所述离线资源文件到所述第一服务器的过程包括：如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，或者如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，且用户输入的离线资源文件的文件大小大于预设上传阈值，则所述第三服务器基于各所述页面对应的页面目录，对用户输入的离线资源文件进行划分，将得到的与各所述页面分别对应的离线资源文件分别上传到所述第一服务器中。

6.根据权利要求5所述的方法，其特征在于，所述离线资源文件包括HTML文件和渲染资源。

7.一种页面显示系统，其特征在于，包括：客户端、第一服务器和数据存储服务器；

其中，所述第一服务器，用于存储至少一个页面对应的离线资源文件，所述离线资源文件中包含用于渲染页面的信息；

所述数据存储服务器，用于存储页面配置列表，所述页面配置列表中记录有至少一个页面对应的离线下载地址；

所述客户端，用于在检测到第一页面显示触发操作时，从本地存储单元获取待显示页面对应的离线资源文件；以及基于所述离线资源文件对所述待显示页面进行渲染显示；其中，所述本地存储单元中的离线资源文件是客户端预先根据从所述数据存储服务器通过网关接口获取的所述页面配置列表中记录的所述待显示页面对应的离线下载地址，从所述第一服务器下载得到的；

所述客户端还用于：

在从本地存储单元获取待显示页面对应的离线资源文件之前，确定页面配置列表中是否记录有所述待显示页面对应的离线下载地址；若是，则触发执行从本地存储单元获取待显示页面对应的离线资源文件的操作；

所述系统还包括：

第二服务器，用于存储至少一个页面对应的HTML文件；

所述客户端还用于：

若所述页面配置列表中未记录有所述待显示页面对应的离线下载地址，或者，若未从本地存储单元获取到所述待显示页面对应的离线资源文件，则根据所述待显示页面的URL地址从所述第二服务器下载所述待显示页面对应的HTML文件，并基于所述HTML文件对所述待显示页面进行渲染显示；其中，所述第二服务器中的HTML文件引用的资源路径与所述离线资源文件中的HTML文件引用的资源路径不同，相应的，从所述第二服务器下载的HTML文件与所述离线资源文件中的HTML文件为不同的HTML文件；

所述系统还包括：

第三服务器，用于将用户输入的离线资源文件上传到所述第一服务器中，以及将与所述离线资源文件对应的资源数据保存在所述数据存储服务器中的页面配置列表中，所述资源数据包括所述离线资源文件在第一服务器中的离线下载地址；其中，所述数据存储服务器基于MySQL数据库和redis数据库构建，所述资源数据由所述第三服务器保存在MySQL数据库中的页面配置列表中，MySQL数据库中的页面配置列表由redis数据库进行同步存储，页面配置列表由网关接口从redis数据库中读取；

所述第三服务器，具体用于如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，或者如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，且用户输入的离线资源文件的文件大小大于预设上传阈值，则基于各所述页面对应的页面目录，对用户输入的离线资源文件进行划分，将得到的与各所述页面分别对应的离线资源文件分别上传到所述第一服务器中。

8.根据权利要求7所述的系统，其特征在于，所述客户端还用于：

在检测到第一页面显示触发操作之前，在检测到客户端的启动事件或客户端的前后台切换事件时，从数据存储服务器获取页面配置列表，读取所述页面配置列表中记录的客户端的页面对应的离线下载地址，根据所述离线下载地址从第一服务器下载客户端的页面对应的离线资源文件，并将下载得到的离线资源文件存储在本地存储单元中；其中，所述启动事件包括在检测到所述第一页面显示触发操作之前检测到的至少一个启动事件中的一项，所述前后台切换事件包括在检测到所述第一页面显示触发操作之前检测到的至少一个前后台切换事件中的一项。

9.根据权利要求7所述的系统，其特征在于，所述客户端还用于：

在检测到第一页面显示触发操作之前，在检测到对所述待显示页面的第二页面显示触发事件时，从数据存储服务器获取页面配置列表，读取所述页面配置列表中记录的所述待显示页面对应的离线下载地址，根据所述离线下载地址从第一服务器下载所述待显示页面对应的离线资源文件，基于所述离线资源文件对所述待显示页面进行渲染显示，并将下载得到的离线资源文件存储在本地存储单元中；其中，所述第二页面显示触发操作是在检测到所述第一页面显示触发操作之前检测到的对所述待显示页面的至少一个页面显示触发操作中的一项。

10.根据权利要求7所述的系统，其特征在于，所述第三服务器具体用于：

将用户输入的离线资源文件与第三服务器中存储的上一版本的离线资源文件进行比较，并将根据比较结果生成的增量离线资源文件上传到第一服务器中，以使客户端基于下载的增量离线资源文件对本地存储单元中的离线资源文件进行更新。

11.根据权利要求10所述的系统，其特征在于，所述第三服务器还用于：

在接收到用户输入的离线资源文件后，生成与所述离线资源文件对应的离线版本号；

基于所述离线版本号，对所述离线资源文件中引用的离线资源路径进行更新得到更新后的离线资源文件，以及基于所述离线版本号生成离线存储路径，并将所述离线存储路径保存在所述数据存储服务器中的页面配置列表中；其中，所述离线存储路径为所述离线资源路径的上一级目录路径；

相应的，所述客户端具体用于：

基于页面配置列表中的离线存储路径，将下载得到的更新后的离线资源文件存储在本地存储单元中，并通过更新后的离线资源路径获取本地存储单元中离线资源文件中的渲染资源。

12.一种页面显示装置，其特征在于，包括：

离线资源文件获取模块，用于在检测到第一页面显示触发操作时，从本地存储单元获取待显示页面对应的离线资源文件；

待显示页面渲染显示模块，用于基于所述离线资源文件对所述待显示页面进行渲染显示；

其中，所述离线资源文件是预先根据页面配置列表中记录的所述待显示页面对应的离线下载地址，从第一服务器下载得到的；所述离线资源文件中包含用于渲染所述待显示页面的信息；所述页面配置列表是预先通过网关接口从数据存储服务器获取的，所述页面配置列表中记录有至少一个页面对应的离线下载地址；

所述离线资源文件获取模块，具体用于：

确定页面配置列表中是否记录有待显示页面对应的离线下载地址；

若是，则从本地存储单元获取待显示页面对应的离线资源文件；

所述页面显示装置还包括：在线渲染模块，用于若所述页面配置列表中未记录有所述待显示页面对应的离线下载地址，或者，若未从本地存储单元获取到所述待显示页面对应的离线资源文件，则根据所述待显示页面的统一资源定位符URL地址从第二服务器下载所述待显示页面对应的超文本标记语言HTML文件，并基于所述HTML文件对所述待显示页面进行渲染显示；其中，所述第二服务器中的HTML文件引用的资源路径与所述离线资源文件中的HTML文件引用的资源路径不同，相应的，从所述第二服务器下载的HTML文件与所述离线资源文件中的HTML文件为不同的HTML文件；

所述离线资源文件是由第三服务器在接收到用户输入的离线资源文件时上传到所述第一服务器的；离线资源文件对应的资源数据由所述第三服务器保存在所述数据存储服务器中的页面配置列表中，所述资源数据包括所述离线资源文件在第一服务器中的离线下载地址；

其中，所述数据存储服务器基于MySQL数据库和redis数据库构建，所述资源数据由所述第三服务器保存在MySQL数据库中的页面配置列表中，MySQL数据库中的页面配置列表由redis数据库进行同步存储，页面配置列表由网关接口从redis数据库中读取；

所述第三服务器上传所述离线资源文件到所述第一服务器的过程包括：如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，或者如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，且用户输入的离线资源文件的文件大小大于预设上传阈值，则所述第三服务器基于各所述页面对应的页面目录，对用户输入的离线资源文件进行划分，将得到的与各所述页面分别对应的离线资源文件分别上传到所述第一服务器中。

13.一种页面显示装置，其特征在于，包括：

文件下载请求接收模块，用于接收客户端发送的携带待显示页面对应的离线下载地址的文件下载请求；

离线资源文件获取模块，用于根据所述离线下载地址，获取所述待显示页面对应的离线资源文件；其中，所述离线资源文件中包含用于渲染所述待显示页面的信息；

离线资源文件发送模块，用于将所述离线资源文件发送给所述客户端，以使所述客户端将所述离线资源文件存储在本地存储单元中，并在检测到第一页面显示触发操作时从所述本地存储单元获取所述离线资源文件，以及基于所述离线资源文件对所述待显示页面进行渲染显示；

其中，所述离线下载地址是所述客户端从页面配置列表中获取的，所述页面配置列表是所述客户端预先通过网关接口从数据存储服务器获取的，所述页面配置列表中记录有至少一个页面对应的离线下载地址；

所述从所述本地存储单元获取所述离线资源文件，包括：

确定页面配置列表中是否记录有所述待显示页面对应的离线下载地址；

若是，则从本地存储单元获取待显示页面对应的离线资源文件；

若所述页面配置列表中未记录有所述待显示页面对应的离线下载地址，或者，若未从本地存储单元获取到所述待显示页面对应的离线资源文件，则根据所述待显示页面的统一资源定位符URL地址从第二服务器下载所述待显示页面对应的超文本标记语言HTML文件，并基于所述HTML文件对所述待显示页面进行渲染显示；其中，所述第二服务器中的HTML文件引用的资源路径与所述离线资源文件中的HTML文件引用的资源路径不同，相应的，从所述第二服务器下载的HTML文件与所述离线资源文件中的HTML文件为不同的HTML文件；

所述离线资源文件是由第三服务器在接收到用户输入的离线资源文件时上传到第一服务器的；离线资源文件对应的资源数据由所述第三服务器保存在所述数据存储服务器中的页面配置列表中，所述资源数据包括所述离线资源文件在第一服务器中的离线下载地址；

其中，所述数据存储服务器基于MySQL数据库和redis数据库构建，所述资源数据由所述第三服务器保存在MySQL数据库中的页面配置列表中，MySQL数据库中的页面配置列表由redis数据库进行同步存储，页面配置列表由网关接口从redis数据库中读取；

所述第三服务器上传所述离线资源文件到所述第一服务器的过程包括：如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，或者如果用户输入的离线资源文件包括与至少两个页面分别对应的离线资源文件，且用户输入的离线资源文件的文件大小大于预设上传阈值，则所述第三服务器基于各所述页面对应的页面目录，对用户输入的离线资源文件进行划分，将得到的与各所述页面分别对应的离线资源文件分别上传到所述第一服务器中。

14.一种电子设备，其特征在于，包括：

所述电子设备包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-4或5-6中任一所述的页面显示方法。

15.一种包含计算机可执行指令的存储介质，其特征在于，所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-4或5-6中任一所述的页面显示方法。