CN115687817A - 路由器页面快速加载方法、装置、电子设备、存储介质 - Google Patents
路由器页面快速加载方法、装置、电子设备、存储介质 Download PDFInfo
- Publication number
- CN115687817A CN115687817A CN202210998892.3A CN202210998892A CN115687817A CN 115687817 A CN115687817 A CN 115687817A CN 202210998892 A CN202210998892 A CN 202210998892A CN 115687817 A CN115687817 A CN 115687817A
- Authority
- CN
- China
- Prior art keywords
- router
- page
- page data
- data
- background
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开一种路由器页面快速加载方法,包括如下步骤:进入路由器页面,缓存路由器页面数据;请求后台路由器页面数据,判断是否存有缓存的路由器页面数据,若是,则从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面;否则,读取后台路由器页面数据,显示加载动态图片,获取后台路由器页面数据并关闭加载动态图片,根据所述后台路由器页面数据渲染页面。本发明提供一种路由器页面快速加载方法、装置、电子设备及存储介质,当用户进入某个页面时会优先根据缓存数据渲染页面,页面请求后台数据获取最新数据的这个过程会在后台默默进行,用户感知不到这个过程的发生,从而可以更快的加载页面,提升用户体验。
Description
技术领域
本发明涉及路由器领域,特别是涉及一种路由器页面快速加载方法、装置、电子设备及存储介质。
背景技术
目前,很多的路由器页面进入某个页面时都会加载该页面的所需的数据,并没有做数据的缓存,这会造成用户进入某个页面时会等待时间比较长的情况,造成不好的用户体验。现有的方式中,当用户第一次进入某个页面时,这时缓存中还没有该页面的数据,所以此时要按照传统的方式,先显示loading动效,请求后台数据,关闭loading动效。这个过程是比较缓慢的,而处理得快慢则与当前的网络和数据量的多少以及后台处理的速度有关。
发明内容
本发明的目的是克服现有技术中的不足之处,提供一种路由器页面快速加载方法、装置、电子设备及存储介质,当用户进入某个页面时会优先根据缓存数据渲染页面,页面请求后台数据获取最新数据的这个过程会在后台默默进行,用户感知不到这个过程的发生,从而可以更快的加载页面,提升用户体验。
本发明的目的是通过以下技术方案来实现的:
基于本发明实施例的一个方面提供一种路由器页面快速加载方法,包括如下步骤:
S100、进入路由器页面,缓存路由器页面数据,预读路由器页面数据,缓存预读的所述路由器页面数据;
S200、请求后台路由器页面数据,判断是否存有缓存的路由器页面数据,若是,则执行步骤S300,否则执行步骤S400;
S300、从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面;
S400、读取后台路由器页面数据,显示加载动态图片,获取后台路由器页面数据并关闭加载动态图片,根据所述后台路由器页面数据渲染页面。
优选的,所述步骤从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面中还具体包括步骤:
S310、根据路由器页面数据从缓存中读取缓存的所述路由器页面数据,提取所述路由器页面数据;
S320、根据所述路由器页面数据,加载和渲染路由器页面;
S330、根据路由器页面数据获取最新路由器页面数据,根据所述最新路由器页面数据,更新路由器页面数据并且更新缓存的路由器页面数据。
优选的,所述步骤S330中更新路由器页面数据并且更新缓存的路由器页面数据之前还包括步骤:
获取最新路由器页面数据,将所述最新路由器页面数据与缓存的所述路由器页面数据进行比对,若不一致,则更新路由器页面数据和更新缓存的路由器页面数据,否则,则不用更新数据。
优选的,所述步骤S100中还包括步骤:
预设第一循环时间,每隔所述第一循环时间则缓存一次路由器页面数据,并且预读和保存路由器页面数据。
优选的,所述第一循环时间为5s~15s。
优选的,所述步骤S400中,在根据所述后台路由器页面数据渲染页面之后还包括:
将获取的所述后台路由器页面数据更新至缓存数据中。
优选的,所述显示加载动态图片为显示loading动态效果。
基于本发明实施例的另一个方面公开一种路由器页面快速加载装置,包括:
缓存模块,用于进入路由器页面,缓存路由器页面数据,预读路由器页面数据,缓存预读的所述路由器页面数据;
判断模块,用于请求后台路由器页面数据,判断是否存有缓存的路由器页面数据;
预先渲染模块,用于从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面;
加载显示模块,用于读取后台路由器页面数据,显示加载动态图片,获取后台路由器页面数据并关闭加载动态图片,根据所述后台路由器页面数据渲染页面。
基于本发明实施例的又一个方面公开一种电子设备,该设备包括一个或者多个处理器和存储器,存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述处理器执行时,使得所述处理器实现本发明各实施例提供的路由器页面快速加载方法。
基于本发明实施例的又一个方面公开一种存储有计算机程序的计算机可读存储介质,该计算机程序被执行时实现本发明各实施例提供的路由器页面快速加载方法。
本发明相比于现有技术的优点及有益效果如下:
本发明为一种路由器页面快速加载方法、装置、电子设备及存储介质,进入路由器页面,缓存路由器页面数据,预读路由器页面数据,缓存预读的所述路由器页面数据;请求后台路由器页面数据,判断是否存有缓存的路由器页面数据,若是,从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面;否则读取后台路由器页面数据,显示加载动态图片,获取后台路由器页面数据并关闭加载动态图片,根据所述后台路由器页面数据渲染页面。本申请能够在用户进入某个页面时会优先根据缓存数据渲染页面,页面请求后台数据获取最新数据的这个过程会在后台默默进行,用户感知不到这个过程的发生,从而可以更快的加载页面,提升用户体验。
附图说明
图1为本发明一实施方式的路由器页面快速加载方法的流程图;
图2为本发明一个实施例中储热及供热装置的结构框图;
图3为一个实施例中电子设备的内部结构图;
图4为一实施例中路由器页面一的示意图;
图5为一实施例中路由器页面二的示意图;
图6为一实施例的数据请求流程图一;
图7为一实施例的数据请求流程图二;
图8为一实施例的数据请求流程图三。
具体实施方式
为了便于理解本发明,下面将参照相关附图对本发明进行更全面的描述。附图中给出了本发明的较佳实施方式。但是,本发明可以以许多不同的形式来实现,并不限于本文所描述的实施方式。相反地,提供这些实施方式的目的是使对本发明的公开内容理解的更加透彻全面。
请参阅图1,本发明实施例的一个方面提供一种路由器页面快速加载方法,包括如下步骤:
S100、进入路由器页面,缓存路由器页面数据,预读路由器页面数据,缓存预读的所述路由器页面数据;
需要说明的是,一般页面的加载都是在用户每次进入页面时请求需要的数据,当数据量比较庞大或者网络信号不好的情况下,可能会造成加载时间过慢,给用户造成不好的用户体验。而本申请提供了一种页面缓存机制可以快速的加载页面,先进行缓存路由器页面数据,以确保可以实现快速加载页面的过程,提高用户体验度。
具体地,当用户第一次进入某个页面时,这时缓存中还没有该路由器页面的数据,所以此时要按照传统的方式,先显示loading动效,请求后台数据,关闭loading动效。这个过程是比较缓慢的,影响的因素有当前的网络和数据量的多少和后台处理的速度。
当第一次从后台请求回来数据后,需要将其数据存入缓存中,这样当用户第二次进入页面后则可以直接从缓存中提取数据,直接渲染页面,这种方式是比较快速的。
S200、请求后台路由器页面数据,判断是否存有缓存的路由器页面数据,若是,则执行步骤S300,否则执行步骤S400;
需要说明的是,当第二次进入路由器页面的时候,则可以先判断是否存在相关的路由器页面数据,如果有,则可以直接提取该数据,进行渲染,若没有,则需要重新加载该路由器页面。
S300、从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面。
当判断有缓存相关的路由器页面数据,则可以调用该路由器页面数据,这样的操作,可以减少相关的“显示loading动效,请求后台数据,关闭loading 动效”的操作,可以快速进入路由器页面进行显示,从而加快了系统加载的过程,提升了用户体验。
具体地,当用户第二次进入页面,缓存中已经有该页面的缓存则可以先从缓存中拿数据,直接渲染页面,这个过程是比较快速的。同时为了保证数据的及时性和完整性我们需要再次请求后台数据,再更新缓存,这个过程虽然也是比较缓慢的但是在后台运行的,对于用户来说是未知的,用户感知不到,所以不会造成什么不好的用户体验,然后再把后台请求回来的数据更新缓存。同时对比页面原有的数据若与当前页面数据不一样,则更改当前页面数据,这样就保证前后台数据的一致性。
S400、读取后台路由器页面数据,显示加载动态图片,获取后台路由器页面数据并关闭加载动态图片,根据所述后台路由器页面数据渲染页面。
而如果在判断过程中,没有发现有缓存数据,则需要重新进行加载操作,这样的话,则会跟初次进入路由器页面一样,需要重新进行缓存数据,进而为下一次进入路由器做准备。
在其中一个实施例中,所述步骤从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面中还具体包括步骤:
S310、根据路由器页面数据从缓存中读取缓存的所述路由器页面数据,提取所述路由器页面数据;
在本实施例中,通过预存路由器页面数据,然后再根据第二次进入的情况,则可以直接预读缓存的路由器页面数据,从而加快路由器页面的加载过程,提升用户体验度。
S320、根据所述路由器页面数据,加载和渲染路由器页面;
在本实施例中,在进行加载路由器页面数据的时候,则需要根据所述路由器页面数据进行加载,而路由器页面数据则是从缓存中获取的,从而可以进一步加快了加载的过程,提高了读取的效率,进而提升用户体验度,不会让客户等待那么久。
S330、根据路由器页面数据获取最新路由器页面数据,根据所述最新路由器页面数据,更新路由器页面数据并且更新缓存的路由器页面数据。
需要说明的是,当路由器页面加载过程中,还需要根据路由器页面数据获取最新路由器页面数据,若出现最新的路由器页面数据与缓存的路由器页面数据不一致的时候,则更新至加载之后的路由器页面,即重新加载路由器页面数据,而这个过程由于已经过了等待时间,所以可以很快地进行加载和显示,也不会有额外的等待时间。
在其中一个实施例中,所述步骤S330中更新路由器页面数据并且更新缓存的路由器页面数据之前还包括步骤:
获取最新路由器页面数据,将所述最新路由器页面数据与缓存的所述路由器页面数据进行比对,若不一致,则更新路由器页面数据和更新缓存的路由器页面数据,否则,则不用更新数据。
如此,通过比对最新的路由器页面数据,则可以判断是否有进行更新,若更新了,则就以最新的路由器页面数据进行再一次的加载和显示。
在其中一个实施例中,所述步骤S100中还包括步骤:预设第一循环时间,每隔所述第一循环时间则缓存一次路由器页面数据,并且预读和保存路由器页面数据。进一步地,所述第一循环时间为5s~15s。优选的,所述第一循环时间为10s。
如此,通过设置第一循环时间,可以及时更新路由器页面数据,使得路由器页面数据保持一个最新的状态,进而在客户进入路由器页面的时候,可以显示最新的路由器页面数据,不会显示旧的路由器页面数据,也加快了显示路由器页面数据,不用在进入路由器页面之后再进行重新刷新的操作。
在本实施例中,所述步骤S400中,在根据所述后台路由器页面数据渲染页面之后还包括:将获取的所述后台路由器页面数据更新至缓存数据中。如此,当检测之后发现缓存路由器页面数据不是最新的路由器页面数据,那么可以在下一次进入路由器页面的时候,显示最新的路由器页面数据。
在本实施例中,所述显示加载动态图片为显示loading动态效果。如此,可以显示等待的状态。
请参阅图2,基于本发明实施例的另一个方面公开一种路由器页面快速加载装置,包括:
缓存模块,用于进入路由器页面,缓存路由器页面数据,预读路由器页面数据,缓存预读的所述路由器页面数据;
判断模块,用于请求后台路由器页面数据,判断是否存有缓存的路由器页面数据;
预先渲染模块,用于从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面;
加载显示模块,用于读取后台路由器页面数据,显示加载动态图片,获取后台路由器页面数据并关闭加载动态图片,根据所述后台路由器页面数据渲染页面。
如此,本发明在进入路由器页面,缓存路由器页面数据,预读路由器页面数据,缓存预读的所述路由器页面数据;请求后台路由器页面数据,判断是否存有缓存的路由器页面数据,若是,从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面;否则读取后台路由器页面数据,显示加载动态图片,获取后台路由器页面数据并关闭加载动态图片,根据所述后台路由器页面数据渲染页面。本申请能够在用户进入某个页面时会优先根据缓存数据渲染页面,页面请求后台数据获取最新数据的这个过程会在后台默默进行,用户感知不到这个过程的发生,从而可以更快的加载页面,提升用户体验。
在一个实施例中,提供了一种电子设备,该电子设备可以是终端,其内部结构图可以如图3所示。该电子设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中,该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该电子设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、运营商网络、近场通信(NFC)或其他技术实现。该计算机程序被处理器执行时以实现一种路由器页面快速加载方法。该电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该电子设备的输入装置可以是显示屏上覆盖的触摸层,也可以是电子设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图3中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的电子设备的限定,具体的电子设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,本申请提供的路由器页面快速加载装置可以实现为一种计算机程序的形式,计算机程序可在如图3所示的电子设备上运行。电子设备的存储器中可存储组成该基于路由器页面快速加载装置的各个程序模块,比如,图2所示的缓存模块、判断模块、预先渲染模块、加载显示模块。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的储热及供热方法中的步骤。
例如,图3所示的电子设备可以通过图2所示的路由器页面快速加载装置的缓存模块进入路由器页面,缓存路由器页面数据,预读路由器页面数据,缓存预读的所述路由器页面数据;通过判断模块请求后台路由器页面数据,判断是否存有缓存的路由器页面数据;通过预先渲染模块从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面;通过加载显示模块读取后台路由器页面数据,显示加载动态图片,获取后台路由器页面数据并关闭加载动态图片,根据所述后台路由器页面数据渲染页面。
可以理解,
在进入页面时,由于要从后台请求后台数据和加载资源来初始化页面,所以会有一段比较长的加载时间。这个时候的页面称为页面的加载动效。
页面显示加载动效的原因是要让用户感知到当前的页面正在加载和请求资源,如果没有加载动效用户在进入页面后就会显示有一些输入框是空白的,然后请求到资源后,就会突然填入数据,这就会给用户一种很突兀的感觉。为了给用户更好的用户体验,目前的主流做法都是在请求资源和请求接口时添加加载动效。
在用户资源加载成功后,打开浏览器的控制台,可以在进入页面后页面加载和请求后台接口数据一共花费了2800ms,所以在用户点击进入页面后要显示 2800ms的加载动效。所以如果用户每次点击都要显示2800ms的加载动效,这无疑来说是很降低用户的操作体验的。这个就相当与用户每次点击都要等一段时间后才能做出应答。
所以本发明做了一个页面缓存机制来解决如上用户每次点击进入页面都会显示一段时间的加载动效问题。
首先这里分析加载动效比较长的原因是因为在进入页面时页面会去请求一些资源文件和通过http协议去请求后台数据,通过http请求后台数据这个过程由于用到网络作为媒介,即使网络再好,通过互联网传输也是需要一些时间的,何况网络质量不好的情况下资源加载就会变得更加缓慢。
所以本发明的做法是在用户初次进入页面时,我们就通过正常方式加载资源并把加载到的资源存入缓存中,当用户第二次进入页面时就先检测缓存中是否有资源,如果有则优先用缓存中的数据去初始化页面。这样就可以让用户在第一次进入页面时感知到加载动效,在第二次进入页面就没有加载动效了,因为这时页面可以直接从缓存中拿数据去初始化页面。从缓存中拿资源几乎不会消耗时间,所以用户可以在第二次进入页面时感知不到加载动效的出现。
总的来说本发明改进地方是,因为之前的页面在每次进入页面时都会显示比较长的加载动效时间,这比较影响用户的操作体验,所以将其改进为仅当用户第一次进入页面时显示加载动效并将请求的资源和数据存储到缓存中,当用户第二次进入页面时,就从缓存中拿数据来初始化页面,这个过程几乎是不消耗什么时间的,所以当用户第二次进入页面时是无需加载动效的。
想要实现用户第二次加载无需显示加载动效,这里需要做的就是在项目中建立一个缓存机制。建立缓存机制有以下几个地方需要注意的:1.我们需要把用户进入页面时所需要的资源存储到缓存中。2.为了保证缓存中的数据是实时的和正确性,我们需要在用户进行页面操作后,把最新的数据存储到缓存中。
关于什么是用户进行页面操作的解释是:当用户在页面上修改了一些数据,并点击保存按钮后,这时页面会发送接口请求到后台服务器,告知服务器用户的修改了哪些数据,服务器再根据接收到的数据去进行一些处理,如修改配置项、重启等。关于用户在页面上的某些操作会触发接口请求的行为称为页面操作。
这里为什么要把用户页面操作后的数据也保存到缓存中的原因是:用户进入页面后,如图4所示,显示初始化后的页面的WiFi名称是“GSD-5583”,当用户修改数据后如把WiFi名称改为“新的WiFi名称”如图5所示,因为当前缓存中有的数据是用户初始化时的数据【当前的WiFi名称是“GSD-5583”】,如果没有把用户操作后的数据也存储到缓存中,当用户第二次进入页面时还是会显示初始化的数据而不是用户做出页面修改后的数据。所以为了保证缓存中的数据是实时的和正确性,我们需要在用户进行页面操作后,把最新的数据存储到缓存中。
当用户进入页面时首先会检测缓存中是否有该页面初始化所需要的数据,如果有证明这是用户不是第一次进入该页面,如果没有则证明用户是第一次进入该页面。当检测到缓存中没有数据时,这时需要显示加载动效流程图中以“显示loading动效”表述,这时页面会去请求资源和后台数据,当资源请求成功和请求后台数据成功后,这里需要关闭加载动效,流程图中以“关闭loading动效表述”。这些为什么要显示loading动效在上面背景介绍中已经详述清楚了。
当用户第一次进入页面请求到后台数据后需要做两件事情,第一件事情就是把从后台请求回来的数据存入缓存中,第二件事情就是用请求回来的数据初始化页面也称作渲染页面。
如果当用户进入页面时,检测到缓存已经有该页面所需要的数据,则我们就直接从缓存中提取数据,在用缓存中的数据去初始化页面,也可以称为用缓存中的数据渲染页面。
当检测到缓存中有数据,第一步是从缓存中提取数据去渲染页面,第二步是请求后台数据,去更新页面。这里解释一下为什么既然缓存中有数据了我们还需要从后台请求数据,去更新页面呢?这是因为当检测到缓存有数据时,第一步先提取缓存中的数据去渲染页面,这个过程是很迅速的,让用户一进入页面就可以获取到页面初始化的信息,所以这个过程是不需要加载动效的,流程图中成为loading动效。那么这个时候去请求后台数据的原因是为了保证页面数据和后台服务器数据的一致性,是一种比较稳妥的做法。而且这个过程对于用户来说是未知的,是因为已经把缓存中的数据显示到页面上了,所以对于用户来说页面已经加载成功了,这个时候再去请求后台数据,只是更新页面数据而已。
所以为了保证后台数据和页面数据的一致性,我们即使在缓存中有数据,我们第一时间会把缓存的数据渲染到页面进行初始化处理,再去请求后台数据,更新页面中的数据,以确保页面和后台数据的一致性和正确性。
另外当用户在页面进行页面操作,即用户操作后,也需要把用户页面操作后的数据存储到缓存中。
如图6所示,参考上传代码实现逻辑,这里以vue框架为例,搭建和使用一个项目的缓存系统。
这里对上述代码实现流程做一个详细说明,首先利用到的是vuex来创建项目的缓存。如图7所示,这里解释一下为什么要用vuex作为缓存,是因为vuex 中存在一个store的仓库,可以利用store的仓库来进行缓存数据的处理。在store 分别有一个叫state的地方是用来存储缓存数据的,有一个叫mutations的地方是用来存储更新缓存state数据的地方。对于用户来说可以直接用store这个仓库的 state中提取数据,但是如果用户想修改数据就需要用利用mutations中的方法来更新缓存state中的数据,这个vuex的一个机制,是为了确保数据的单向流动性,确保数据的可靠性。
在vue框架中,页面是书写在.vue文件里面的,所以在vue框架中.vue文件相当于一个页面,在这个页面中有一个生命周期created代表着页面刚刚加载的时候,也就是用户刚刚进入页面的时候。所以需要在created这个生命周期中检测store仓库中的state是否存储这此页面所需要的数据,如图8所示,如果缓存中没有该页面的数据则显示loading动效,也叫加载动效;并请求后台服务器去获取数据,当请求到后台数据后,就可以利用后台的数据去渲染页面,并把后台请求到的数据去添加到缓存中。向缓存中添加数据利用到的是vuex store里 mutations的方法,如上所述。这里为$store.commit(“方法名”,要更新的数据) 【$store.commit为vuex的一个代码规范】。如果在created生命周期中,检测到缓存的存在,则先用缓存中的数据去渲染页面,在请求后台数据,去更新缓存,确保前后台数据的一致性。
在.vue文件中有一个叫methods的地方是用来存放方法的,data是用来存放数据的地方,template是存放页面结构的地方,因为看到的页面是有结构和样式组成所以template也可以相当于页面。在图8中methods存放方法的地方有一个 GetPageData()的方法,该方法是一个后台请求的函数,调用该函数就会去后台请求数据。在data的地方存放这一个pageData的数据,该数据是用来渲染 template中的页面的结构。所以在created中是利用methods中的GetPageData() 方法去请求后台数据,将请求到的数据更新到pageData和通过$store.commit(“方法名”,更新的数据)更新到缓存中的state中。data中的pageData数据会和template 中的页面进行绑定,从而渲染页面。
在利用vuex进行缓存设计时,需要在。vue文件created中先进行缓存判断,有缓存则先用缓存中的数据渲染页面,再请求后台接口,确保数据的一致性。无缓存则先展示加载动效,再请求后台数据,获取到后台数据后就可以关闭加载动效,并通过获取到的数据渲染页面和更新缓存。更新缓存用到store的commit 方法。同时当用户在进行页面操作请求数据后也要把用户请求的数据更新到缓存中。
以上所述实施方式仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种路由器页面快速加载方法,其特征在于,包括如下步骤:
S100、进入路由器页面,缓存路由器页面数据,预读路由器页面数据,缓存预读的所述路由器页面数据;
S200、请求后台路由器页面数据,判断是否存有缓存的路由器页面数据,若是,则执行步骤S300,否则执行步骤S400;
S300、从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面;
S400、读取后台路由器页面数据,显示加载动态图片,获取后台路由器页面数据并关闭加载动态图片,根据所述后台路由器页面数据渲染页面。
2.根据权利要求1所述的路由器页面快速加载方法,其特征在于,所述步骤从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面中还具体包括步骤:
S310、根据路由器页面数据从缓存中读取缓存的所述路由器页面数据,提取所述路由器页面数据;
S320、根据所述路由器页面数据,加载和渲染路由器页面;
S330、根据路由器页面数据获取最新路由器页面数据,根据所述最新路由器页面数据,更新路由器页面数据并且更新缓存的路由器页面数据。
3.根据权利要求2所述的路由器页面快速加载方法,其特征在于,所述步骤S330中更新路由器页面数据并且更新缓存的路由器页面数据之前还包括步骤:
获取最新路由器页面数据,将所述最新路由器页面数据与缓存的所述路由器页面数据进行比对,若不一致,则更新路由器页面数据和更新缓存的路由器页面数据,否则,则不用更新数据。
4.根据权利要求1所述的路由器页面快速加载方法,其特征在于,所述步骤S100中还包括步骤:
预设第一循环时间,每隔所述第一循环时间则缓存一次路由器页面数据,并且预读和保存路由器页面数据。
5.根据权利要求4所述的路由器页面快速加载方法,其特征在于,所述第一循环时间为5s~15s。
6.根据权利要求1所述的路由器页面快速加载方法,其特征在于,所述步骤S400中,在根据所述后台路由器页面数据渲染页面之后还包括:
将获取的所述后台路由器页面数据更新至缓存数据中。
7.根据权利要求1所述的路由器页面快速加载方法,其特征在于,所述显示加载动态图片为显示loading动态效果。
8.一种路由器页面快速加载装置,其特征在于,包括:
缓存模块,用于进入路由器页面,缓存路由器页面数据,预读路由器页面数据,缓存预读的所述路由器页面数据;
判断模块,用于请求后台路由器页面数据,判断是否存有缓存的路由器页面数据;
预先渲染模块,用于从缓存中提取所述路由器页面数据,根据所述路由器页面数据渲染页面;
加载显示模块,用于读取后台路由器页面数据,显示加载动态图片,获取后台路由器页面数据并关闭加载动态图片,根据所述后台路由器页面数据渲染页面。
9.一种电子设备,其特征在于,该设备包括一个或者多个处理器和存储器,存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述处理器执行时,使得所述处理器实现如权利要求1至7中任一项所述的方法。
10.一种存储有计算机程序的计算机可读存储介质,其特征在于,该计算机程序被执行时实现如权利要求1至7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210998892.3A CN115687817A (zh) | 2022-08-19 | 2022-08-19 | 路由器页面快速加载方法、装置、电子设备、存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210998892.3A CN115687817A (zh) | 2022-08-19 | 2022-08-19 | 路由器页面快速加载方法、装置、电子设备、存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115687817A true CN115687817A (zh) | 2023-02-03 |
Family
ID=85060706
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210998892.3A Pending CN115687817A (zh) | 2022-08-19 | 2022-08-19 | 路由器页面快速加载方法、装置、电子设备、存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115687817A (zh) |
-
2022
- 2022-08-19 CN CN202210998892.3A patent/CN115687817A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102438045B (zh) | Web页面的预取方法、系统以及访问web页面的方法 | |
US20150370912A1 (en) | Method and system for displaying customized webpage on double webview | |
CN107066631A (zh) | 页面的显示方法、装置及电子设备 | |
US20080301300A1 (en) | Predictive asynchronous web pre-fetch | |
CN107040584B (zh) | 客户端下载图片的方法及装置 | |
CN111339458B (zh) | 页面呈现方法和装置 | |
US20140208326A1 (en) | File presenting method and apparatus for a smart terminal | |
WO2019085598A1 (zh) | 计算页面首屏渲染时长的方法、装置及电子设备 | |
US20170300459A1 (en) | Card-type desktop implementation method and apparatus | |
CN104915461B (zh) | 页面展示方法和装置 | |
CN108108219B (zh) | 应用程序运行方法、装置、计算机设备和存储介质 | |
CN113703893B (zh) | 一种页面渲染方法、装置、终端及存储介质 | |
JP7282133B2 (ja) | ブラウザの表示検証方法、装置、コンピュータ機器及び記憶媒体 | |
US20170359434A1 (en) | Web caching with image and local storage | |
CN111079048B (zh) | 一种页面加载方法及装置 | |
WO2013177259A2 (en) | Page phase time | |
CN109582890A (zh) | 页面加载方法、装置、计算机设备及存储介质 | |
CN112612546A (zh) | 页面加载方法、装置、电子设备和存储介质 | |
CN111191158A (zh) | 网页资源缓存方法、装置、计算机设备和存储介质 | |
CN114741149B (zh) | 单页应用的页面切换方法及装置、存储介质和电子设备 | |
CN110119490A (zh) | 网页浏览方法、装置、计算机设备和存储介质 | |
CN111367518A (zh) | 页面布局方法、装置、计算设备及计算机存储介质 | |
CN111737614B (zh) | 页面显示方法、装置、电子设备和存储介质 | |
CN108038150B (zh) | 网页打开方法、装置及终端设备 | |
CN112905920B (zh) | 一种页面显示的方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |