页面生成方法、装置及计算机设备

文档序号:721966 发布日期:2021-04-16 浏览:20次 >En<

阅读说明:本技术 页面生成方法、装置及计算机设备 (Page generation method and device and computer equipment ) 是由 沈庆玲 于 2020-12-18 设计创作,主要内容包括:本发明实施例涉及UI设计技术领域,提供了一种页面生成方法,包括:第一服务器接收客户端发送的页面加载请求,通过预设的数据接口向第二服务器发送页面数据加载请求;第一服务器判断是否在预设时间段内接收到数据接口返回的页面数据;若存在至少一个数据接口响应超时未返回页面数据,则第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给客户端,以使得客户端显示部分页面;客户端通过响应超时的数据接口向第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面。本发明实施例可以加快页面渲染速度。(The embodiment of the invention relates to the technical field of UI design, and provides a page generation method, which comprises the following steps: the method comprises the steps that a first server receives a page loading request sent by a client and sends the page data loading request to a second server through a preset data interface; the first server judges whether page data returned by the data interface is received within a preset time period or not; if at least one data interface response time-out does not return page data, the first server generates a partial page according to the received page data returned by the partial data interface and returns the partial page to the client so that the client displays the partial page; and the client sends a page data loading request to the second server through the data interface responding to the timeout so as to request the page data which is not returned in response to the timeout to render the partial page to form a complete page. The embodiment of the invention can accelerate the page rendering speed.)

页面生成方法、装置及计算机设备

技术领域

本发明实施例涉及UI设计技术领域,尤其涉及一种页面生成方法、装置及计算机设备。

背景技术

目前,用户经常通过客户端浏览网页页面,当用户浏览网页页面时,客户端需要从服务器获取网页页面的页面数据,然后根据获取的页面数据来渲染该网页。由于数据接口异常/超时,会导致页面的加载时间更长,会有长时间的白屏体验,影响用户体验极差。目前行业内都是通过服务端渲染(Server Side Render,SSR)来解决页面加载慢的问题,但这样无法解决因后端接口性能问题而导致的页面加载慢的问题。由于接口超时或者接口返回耗时较长,页面的渲染会随之减慢,加载页面的进度条会变得很缓慢,用户等待时间过长。

发明内容

有鉴于此,本发明实施例的目的是提供一种页面生成方法、装置、计算机设备及计算机可读存储介质,用于克服现有的网页渲染速度慢的问题。

为实现上述目的,本发明实施例提供了一种页面生成方法,包括:

第一服务器接收客户端发送的页面加载请求,通过预设的数据接口向第二服务器发送页面数据加载请求;

所述第一服务器判断是否在预设时间段内接收到所述数据接口返回的页面数据;

若存在至少一个所述数据接口响应超时未返回页面数据,则所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面;

所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面。

可选地,所述页面生成方法还包括:

所述客户端通过预设协议发送所述页面加载请求至所述第一服务器,其中所述预设协议为HTTP协议、TCP/IP协议、UDP协议及HTTPS协议中的任意一种。

可选地,所述第一服务器判断是否在预设时间段内接收到所述数据接口返回的页面数据的步骤之前,还包括:

所述第二服务器接收所述页面数据加载请求,响应于所述页面数据加载请求通过所述数据接口反馈所述页面数据至所述第一服务器。

可选地,所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面的步骤之前,还包括:

所述第一服务器将页面数据加载请求的请求记录及请求结果传送至所述客户端;

所述客户端将接收到的请求记录及请求结果保存至本地缓存;

所述客户端查找所述本地缓存保存的请求记录信息,以确定请求结果为响应超时的数据接口与页面数据加载请求。

可选地,所述请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面的步骤,包括:

所述客户端接收所述第二服务器返回的响应超时的页面数据时,基于当前接收到的页面数据及所述本地缓存所保存的页面数据进行页面渲染,以输出完整页面。

可选地,所述第一服务器为前端服务器,所述第二服务器为后端服务器。

可选地,所述页面生成方法还包括:

若在所述预设时间段内接收到每一所述数据接口返回的页面数据,则所述第一服务器根据接收到的每一所述数据接口返回的页面数据来生成完整页面,并返回给所述客户端。

为实现上述目的,本发明实施例还提供了一种页面生成装置,所述页面生成装置包括:

发送模块,用于在第一服务器接收到客户端发送的页面加载请求时,控制所述第一服务器通过预设的数据接口向第二服务器发送页面数据加载请求;

判断模块,用于控制所述第一服务器判断是否在预设时间段内接收到所述数据接口返回的页面数据;

第一控制模块,用于在存在至少一个所述数据接口响应超时未返回页面数据时,控制所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面;

第二控制模块,用于控制所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面。

为实现上述目的,本发明实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质内存储有计算机程序,所述计算机程序可被至少一个处理器所执行,以使所述至少一个处理器执行如上所述的页面生成方法的步骤。

本发明实施例提供的页面生成方法、装置、计算机设备及计算机可读存储介质,通过第一服务器接收客户端发送的页面加载请求,通过预设的数据接口向第二服务器发送1页面数据加载请求;所述第一服务器判断是否在预设时间段内接收到所述数据接口返回的页面数据;若存在至少一个所述数据接口响应超时未返回页面数据,则所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面;所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面,如此当存在至少一个所述数据接口未在所述预设时间段内返回页面数据,所述第一服务器根据接收到的部分数据接口返回的页面数据来生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面,然后所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面,加快了网页渲染速度,可以不被异常接口返回而拖慢页面的渲染速度。

附图说明

图1为本发明页面生成方法的一实施方式的步骤流程示意图。

图2为本发明一实施方式的页面生成装置的程序模块示意图。

图3为本发明一实施方式的计算机设备的硬件结构示意图。

本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。

具体实施方式

以下结合附图与具体实施例进一步阐述本发明的优点。

这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

在本公开使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本公开。在本公开和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解,尽管在本公开可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本公开范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

在本发明的描述中,需要理解的是,步骤前的数字标号并不标识执行步骤的前后顺序,仅用于方便描述本发明及区别每一步骤,因此不能理解为对本发明的限制。

参阅图1,示出了本发明实施例一之页面生成方法的流程图。可以理解,本方法实施例中的流程图不用于对执行步骤的顺序进行限定。下面以页面生成装置(下文以“生成装置”简称)为执行主体进行示例性描述,所述生成装置可以应用于计算机设备中,所述计算机设备可以是移动电话、平板个人计算机(tablet personal computer)、膝上型计算机(laptop computer)、服务器等具有数据传输功能的设备。具体如下:

步骤S10,第一服务器接收客户端发送的页面加载请求,通过预设的数据接口向第二服务器发送页面数据加载请求。

在一实施方式中,所述客户端可是手机、电脑等用户端设备。一数据接口可以对应一页面数据加载请求,以实现分别请求页面中不同页面部分的数据。所述第一服务器可以为前端服务器,所述第二服务器可以为后端服务器。所述第一服务器可以部署在docker中的Nodejs服务中,所述第二服务器可以部署在实体服务器的java服务中。所述页面加载请求可以包括首页页面加载请求和非首页页面加载请求。所述页面加载请求可以携带页面地址、页面名称等内容。所述页面加载请求可以基于用户在浏览器内进行浏览操作产生。比如,用户可以在浏览器内点击网页页面的链接,或者输入网页页面的URL(UniformResource Locator,统一资源定位符)地址,进而可以生成对应的页面加载请求。

在一实施方式中,所述客户端可以通过预设协议发送所述页面加载请求至所述第一服务器。所述第一服务器在接收到客户端发送的页面加载请求时,所述第一服务器可以通过多个预设的数据接口向第二服务器发送多条页面数据加载请求,其中所述预设协议为HTTP协议、TCP/IP协议、UDP协议及HTTPS协议中的任意一种。举例而言,当用户通过浏览器进入到所述客户端网页页面时,所述客户端可以通过所述HTTP协议发送所述页面加载请求至所述第一服务器,在所述第一服务器接收到所述页面加载请求后,所述第一服务器可以通过多个预设的数据接口向所述第二服务器发送多条所述页面数据加载请求。例如,所述页面依赖三个预设的数据接口的数据,在接收到所述客户端发送的页面加载请求时,所述第一服务器可以通过三个预设的数据接口向所述第二服务器发送三条页面数据加载请求。

步骤S11,所述第一服务器判断是否在预设时间段内接收到所述数据接口返回的页面数据。

在一实施方式中,所述预设时间段可以是指所述第一服务器请求最长的等待时间,所述预设时间段可以按照实际需求进行设定,同时所述预设时间段也可以随页面内容、目标人群、浏览时间、用户偏好等等因素而动态调整。例如,目标人群是年轻人,则考虑到年轻人缺乏耐心的特点,可以将所述预设时间段设定较短。所述预设时间段可以是2s、5s等。

具体地,在所述第二服务器接收到所述页面数据加载请求时,所述第二服务器可以响应于所述页面数据加载请求并通过所述数据接口反馈所述页面数据至所述第一服务器。所述第一服务器可以判断是否在预设时间段内接收到所述数据接口返回的页面数据,来确定是否有数据接口出现响应超时的情形。由于完整网页页面需要依赖多个预设的数据接口的数据来渲染,在所述第一服务器通过多个预设的数据接口向所述第二服务器发送多条页面数据加载请求后,所述第一服务器可以判断是否在所述预设时间段内接收到每一所述数据接口返回的页面数据,以确定是进行部分页面渲染,还是进行完整页面渲染。

步骤S12,若存在至少一个所述数据接口响应超时未返回页面数据,则所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面。

在一实施方式中,若存在至少一个所述数据接口响应超时未返回页面数据,表明所述第一服务器未接收到全部的页面数据,则可以控制所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面,加快了页面生成速度,保证用户可以提前看到部分页面,减少了用户等待时间,改善了用户浏览体验。

举例而言,所述页面依赖三个预设的数据接口的数据,若确定所述第一服务器在所述预设时间段内只接收到两个预设的数据接口返回的首页数据,则存在一个所述数据接口响应超时未返回首页数据即所述第一服务器在所述预设时间段内没有接收到每一所述数据接口返回的页面数据,所述第一服务器根据接收到的两个预设的数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面。

在一实施方式中,若在所述预设时间段内接收到每一所述数据接口返回的页面数据,则所述第一服务器可以根据接收到的每一所述数据接口返回的页面数据生成完整页面,并返回给所述客户端。

具体地,若在所述预设时间段内接收到每一所述数据接口返回的页面数据,则表明所述第一服务器已经接收到全部的页面数据,所述第一服务器可以根据接收到的每一所述数据接口返回的页面数据生成完整页面,并返回给所述客户端,以使得所述客户端显示完整的页面,保证用户浏览用户体验。

步骤S13,所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面。

在一实施方式中,在所述第一服务器通过多个预设的数据接口向所述第二服务器发送页面数据加载请求结束后,即所述第二服务器获得所有的页面数据加载请求后,所述第一服务器可以将页面数据加载请求的请求记录及请求结果传送至所述客户端,所述客户端可以将接收到的请求记录及请求结果保存至本地缓存,便于客户端后续可以通过查找所述本地缓存保存的请求记录信息,以确定请求结果为响应超时的数据接口与页面数据加载请求。当第一服务器返回部分页面给客户端后,所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面,从而不影响整个页面的最终显示效果。

在一实施方式中,所述请求记录信息可以包括所述请求记录和所述请求结果。所述客户端通过将所述请求记录及所述请求结果保存至本地缓存,可以降低接入成本、保证数据的准确性,同时,当存在至少一个所述数据接口未在所述预设时间内返回页面数据时,客户端可以直接查找所述本地缓存保存的请求记录信息,以确定请求结果为响应超时的数据接口与页面数据加载请求,实现超时补偿,加快了页面生成速度。

在一实施方式中,若存在至少一个所述数据接口响应超时未返回页面数据,则所述第一服务器可以根据接收到的部分数据接口返回的页面数据生成部分页面,同时在所述第一服务器处理数据接口返回的页面数据时,会有至少一个请求超时的错误,针对该些请求超时的错误,后续所述客户端可以通过响应超时的数据接口向第二服务器发送页面数据请求,来实现超时补偿。

在一实施方式中,当所述客户端接收到所述第二服务器返回的响应超时未返回的页面数据时,所述客户端可以基于当前接收到的页面数据及所述本地缓存所保存的页面数据进行页面渲染,以输出完整页面。例如,当所述客户端接收到所述第二服务器返回的响应超时未返回的页面数据时,可以通过所述客户端的JS(JavaScript)对所述第二服务器当前返回的页面数据及本地缓存所保存的页面数据进行页面渲染,以输出完整页面。

举例而言,所述页面依赖三个预设的数据接口的数据,若所述第一服务器在所述预设时间段内只接收到两个预设的数据接口返回的首页数据,则所述第一服务器根据接收到的两个数据接口返回的页面数据生成部分页面。客户端在接收到第一服务器返回的部分页面后,可以查找所述本地缓存保存的请求记录信息,以确定请求结果为响应超时的一个数据接口与页面数据加载请求,然后由所述客户端通过响应超时的数据接口次向所述第二服务器发送页面数据加载请求,以实现直接通过所述客户端来替代所述第一服务器请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面。

本发明实施例通过第一服务器接收客户端发送的页面加载请求,通过预设的数据接口向第二服务器发送页面数据加载请求;所述第一服务器判断是否在预设时间段内接收到所述数据接口返回的页面数据;若存在至少一个所述数据接口响应超时未返回页面数据,则所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面;所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面,如此当存在至少一个所述数据接口未在所述预设时间段内返回页面数据,所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面,然后所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面,加快了网页渲染速度,可以不被异常接口返回而拖慢页面的渲染速度。

请参阅图2,示出了本发明实施例之页面生成装置300(以下简称为“生成装置”300)的程序模块示意图。所述生成装置300可以应用于计算机设备中,所述计算机设备可以是移动电话、平板个人计算机(tablet personal computer)、膝上型计算机(laptopcomputer)、服务器等具有数据传输功能的设备。在本实施例中,所述生成装置300可以包括或被分割成一个或多个程序模块,一个或者多个程序模块被存储于存储介质中,并由一个或多个处理器所执行,以完成本发明,并可实现上述页面生成方法。本发明实施例所称的程序模块是指能够完成特定功能的一系列计算机程序指令段,比程序本身更适合于描述页面生成方法在存储介质中的执行过程。在本实施例中,所述页面生成装置300包括发送模块301、判断模块302、第一控制模块303及第二控制模块304。以下描述将具体介绍本实施例各程序模块的功能:

发送模块301,用于在第一服务器接收到客户端发送的页面加载请求时,控制所述第一服务器通过预设的数据接口向第二服务器发送页面数据加载请求。

在一实施方式中,所述客户端可是手机、电脑等用户端设备。一数据接口可以对应一页面数据加载请求,以实现分别请求页面中不同页面部分的数据。所述第一服务器可以为前端服务器,所述第二服务器可以为后端服务器。所述第一服务器可以部署在docker中的Nodejs服务中,所述第二服务器可以部署在实体服务器的java服务中。所述页面加载请求可以包括首页页面加载请求和非首页页面加载请求。所述页面加载请求可以携带页面地址、页面名称等内容。所述页面加载请求可以基于用户在浏览器内进行浏览操作产生。比如,用户可以在浏览器内点击网页页面的链接,或者输入网页页面的URL(UniformResource Locator,统一资源定位符)地址,进而可以生成对应的页面加载请求。

在一实施方式中,所述客户端可以通过预设协议发送所述页面加载请求至所述第一服务器。在接收到客户端发送的页面加载请求时,所述发送模块301可以控制所述第一服务器通过多个预设的数据接口向第二服务器发送多条页面数据加载请求,其中所述预设协议为HTTP协议、TCP/IP协议、UDP协议及HTTPS协议中的任意一种。举例而言,当用户通过浏览器进入到所述客户端网页页面时,所述客户端可以通过所述HTTP协议发送所述页面加载请求至所述第一服务器,在所述第一服务器接收到所述页面加载请求后,所述发送模块301可以控制所述第一服务器通过多个预设的数据接口向所述第二服务器发送多条所述页面数据加载请求。例如,所述页面依赖三个预设的数据接口的数据,在接收到所述客户端发送的页面加载请求时,所述发送模块301可以控制所述第一服务器通过三个预设的数据接口向所述第二服务器发送三条页面数据加载请求。

判断模块302,用于控制所述第一服务器判断是否在预设时间段内接收到所述数据接口返回的页面数据。

在一实施方式中,所述预设时间段可以是指所述第一服务器请求最长的等待时间,所述预设时间段可以按照实际需求进行设定,同时所述预设时间段可以随页面内容、目标人群、浏览时间、用户偏好等等因素而动态调整。例如,目标人群是年轻人,则考虑到年轻人缺乏耐心的特点,可以将所述预设时间段设定较短。所述预设时间段可以是2s、5s等。

具体地,在所述第二服务器接收到所述页面数据加载请求时,所述第二服务器可以响应所述页面数据加载请求并通过所述数据接口反馈所述页面数据至所述第一服务器。所述判断模块302可以控制所述第一服务器判断是否在预设时间段内接收到所述数据接口返回的页面数据,来确定是否有数据接口出现响应超时的情形。由于完整网页页面需要依赖多个预设的数据接口的数据来渲染,在所述发送模块301控制所述第一服务器通过多个预设的数据接口向所述第二服务器发送多条页面数据加载请求后,所述判断模块302还可以控制所述第一服务器判断是否在所述预设时间段内接收到每一所述数据接口返回的页面数据,以确定是进行部分页面渲染,还是进行完整页面渲染。

第一控制模块303,用于在存在至少一个所述数据接口响应超时未返回页面数据时,控制所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面。

在一实施方式中,若存在至少一个所述数据接口响应超时未返回页面数据,表明所述第一服务器未接收到全部的页面数据,则所述第一控制模块303可以控制所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面,加快了页面生成速度,保证用户可以提前看到部分页面,减少了用户等待时间,改善了用户浏览体验。

举例而言,所述页面依赖三个预设的数据接口的数据,若所述判断模块302确定所述第一服务器在所述预设时间段内只接收到两个预设的数据接口返回的首页数据,则存在一个所述数据接口响应超时未返回首页数据,即所述第一服务器在所述预设时间段内没有接收到每一所述数据接口返回的页面数据,所述第一控制模块303可以控制所述第一服务器根据接收到的两个数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面。

在一实施方式中,若在所述预设时间段内接收到每一所述数据接口返回的页面数据,则所述第一控制模块303可以控制所述第一服务器根据接收到的每一所述数据接口返回的页面数据生成完整页面,并返回给所述客户端。

具体地,若在所述预设时间段内接收到每一所述数据接口返回的页面数据,则表明所述第一服务器已经接收到全部的页面数据,所述第一控制模块303可以控制所述第一服务器根据接收到的每一所述数据接口返回的页面数据生成完整页面,并返回给所述客户端,以使得所述客户端显示完整的页面,保证用户浏览用户体验。

第二控制模块304,用于控制所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面。

在一实施方式中,在所述发送模块301控制所述第一服务器通过多个预设的数据接口向所述第二服务器发送页面数据加载请求结束后,即所述第二服务器获得所有的页面数据加载请求后,所述第一服务器可以将页面数据加载请求的请求记录及请求结果传送至所述客户端,所述客户端可以将接收到的请求记录及请求结果保存至本地缓存,便于客户端后续可以通过查找所述本地缓存保存的请求记录信息,以确定请求结果为响应超时的数据接口与页面数据加载请求。当第一服务器返回部分页面给客户端后,所述第二控制模块304可以控制所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面,从而不影响整个页面的最终显示效果。

在一实施方式中,所述请求记录信息可以包括所述请求记录和所述请求结果。通过将所述请求记录及所述请求结果保存至所述客户端的本地缓存,可以降低接入成本、保证数据的准确性,同时,当存在至少一个所述数据接口未在所述预设时间内返回页面数据时,可以控制客户端直接查找所述本地缓存保存的请求记录信息,以确定请求结果为响应超时的数据接口与页面数据加载请求,实现超时补偿,加快了页面生成速度。

在一实施方式中,若存在至少一个所述数据接口响应超时未返回页面数据,则所述第一控制模块303可以控制所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,同时在所述第一服务器处理数据接口返回的页面数据时,会有至少一个请求超时的错误,针对该些请求超时的错误,后续所述第二控制模块304可以控制所述客户端通过响应超时的数据接口向第二服务器发送页面数据请求,来实现超时补偿。

在一实施方式中,当所述客户端接收到所述第二服务器返回的响应超时未返回的页面数据时,所述第二控制模块304可以控制所述客户端基于当前接收到的页面数据及所述本地缓存所保存的页面数据进行页面渲染,以输出完整页面。例如,当所述客户端接收到所述第二服务器返回的响应超时未返回的页面数据时,可以通过所述客户端的JS(JavaScript)对所述第二服务器当前返回的页面数据及本地缓存所保存的页面数据进行页面渲染,以输出完整页面。

举例而言,所述页面依赖三个预设的数据接口的数据,若所述判断模块302确定所述第一服务器在所述预设时间段内只接收到两个预设的数据接口返回的首页数据,则所述第一控制模块303控制所述第一服务器根据接收到的两个数据接口返回的页面数据生成部分页面。客户端在接收到第一服务器返回的部分页面后,可以查找所述本地缓存保存的请求记录信息,以确定请求结果为响应超时的一个数据接口与页面数据加载请求,然后由所述第二控制模块304控制所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以实现直接通过所述客户端来替代所述第一服务器请求响应超时预设的的页面数据渲染所述部分页面以形成完整页面。

本发明实施例通过第一服务器接收客户端发送的页面加载请求,通过预设的数据接口向第二服务器发送页面数据加载请求;所述第一服务器判断是否在预设时间段内接收到所述数据接口返回的页面数据;若存在至少一个所述数据接口响应超时未返回页面数据,则所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面;所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面,如此当存在至少一个所述数据接口响应超时未返回页面数据,所述第一服务器根据接收到的部分数据接口返回的页面数据生成部分页面,并返回给所述客户端,以使得所述客户端显示所述部分页面,然后所述客户端通过响应超时的数据接口向所述第二服务器发送页面数据加载请求,以请求响应超时未返回的页面数据渲染所述部分页面以形成完整页面,加快了网页渲染速度,可以不被异常接口返回而拖慢页面的渲染速度。

参阅图3,是本发明实施例之计算机设备400的硬件架构示意图。在本实施例中,所述计算机设备400是一种能够按照事先设定或者存储的指令,自动进行数值计算和/或信息处理的设备。如图所示,所述计算机设备400至少包括,但不限于,可通过装置总线相互通信连接存储器401、处理器402、网络接口403。其中:

本实施例中,存储器401至少包括一种类型的计算机可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,存储器401可以是计算机设备400的内部存储单元,例如所述计算机设备400的硬盘或内存。在另一些实施例中,存储器401也可以是计算机设备400的外部存储设备,例如所述计算机设备400上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。当然,存储器401还可以既包括计算机设备400的内部存储单元也包括其外部存储设备。本实施例中,存储器401通常用于存储安装于计算机设备400的操作装置和各类应用软件,例如页面生成装置300的程序代码等。此外,存储器401还可以用于暂时地存储已经输出或者将要输出的各类数据。

处理器402在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。所述处理器402通常用于控制计算机设备400的总体操作。本实施例中,处理器402用于运行存储器401中存储的程序代码或者处理数据,例如运行页面生成装置300,以实现上述各个实施例中的页面生成方法。

所述网络接口403可包括无线网络接口或有线网络接口,所述网络接口403通常用于在所述计算机设备400与其他电子装置之间建立通信连接。例如,所述网络接口403用于通过网络将所述计算机设备400与外部终端相连,在所述计算机设备400与外部终端之间的建立数据传输通道和通信连接等。所述网络可以是企业内部网(Intranet)、互联网(Internet)、全球移动通讯装置(Global System of Mobile communication,GSM)、宽带码分多址(Wideband Code Division Multiple Access,WCDMA)、4G网络、5G网络、蓝牙(Bluetooth)、Wi-Fi等无线或有线网络。

需要指出的是,图3仅示出了具有部件401-403的计算机设备400,但是应理解的是,并不要求实施所有示出的部件,可以替代的实施更多或者更少的部件。

在本实施例中,存储于存储器401中的所述页面生成装置300还可以被分割为一个或者多个程序模块,所述一个或者多个程序模块被存储于存储器401中,并由一个或多个处理器(本实施例为处理器402)所执行,以完成本发明之页面生成方法。

本实施例还提供一种计算机可读存储介质,如闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘、服务器、App应用商城等等,其上存储有计算机程序,程序被处理器执行时实现相应功能。本实施例的计算机可读存储介质用于存储页面生成装置300,以被处理器执行时实现本发明之页面生成方法。

上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。

通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。

以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。

15页详细技术资料下载
上一篇:一种医用注射器针头装配设备
下一篇:一种主播推荐方法、设备及存储介质

网友询问留言

已有0条留言

还没有人留言评论。精彩留言会获得点赞!

精彩留言,会给你点赞!

技术分类