CN114357343A - 一种网页数据处理方法、装置、设备及存储介质 - Google Patents
一种网页数据处理方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN114357343A CN114357343A CN202111446764.XA CN202111446764A CN114357343A CN 114357343 A CN114357343 A CN 114357343A CN 202111446764 A CN202111446764 A CN 202111446764A CN 114357343 A CN114357343 A CN 114357343A
- Authority
- CN
- China
- Prior art keywords
- page
- data
- preset
- cache pool
- preset cache
- 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
- 238000003672 processing method Methods 0.000 title description 3
- 238000000034 method Methods 0.000 claims abstract description 95
- 238000012545 processing Methods 0.000 claims abstract description 42
- 230000003068 static effect Effects 0.000 claims description 32
- 239000003607 modifier Substances 0.000 claims description 29
- 238000004590 computer program Methods 0.000 claims description 13
- 230000004044 response Effects 0.000 claims description 9
- 238000012544 monitoring process Methods 0.000 claims description 7
- 238000007726 management method Methods 0.000 description 14
- 230000008569 process Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 238000010586 diagram Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000013500 data storage Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本公开提供了一种网页数据处理方法、装置、设备及存储介质,所述方法包括:首先,响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取第一页面上的第一数据,并将第一数据存入预设缓存池中,其中,第一页面和第二页面属于同一单页面应用。进而,当检测到当前展示页面由第一页面跳转至第二页面时,从预设缓存池中获取第一数据,并将第一数据展示在第二页面上。可见,本公开实施例能够直接从预设缓存池中获取第一页面上的第一数据,并展示在第二页面上,无需再次请求服务端获取第一数据,实现了相同数据的复用,减轻了服务端处理数据的压力,并且提高了获取数据的效率,从而提升了用户体验。
Description
技术领域
本公开涉及数据处理领域,尤其涉及一种网页数据处理方法、装置、设备及存储介质。
背景技术
随着大数据的迅速普及,应用开发中数据传输量越来越巨大,当前网站前端技术发展迅速,前端业务量逐渐增大,前端需要处理的数据也就越来越多。
目前,一些数据可以存储在前端浏览器提供的本地缓存中,但是由于存储在本地缓存的数据是被公开的状态,可能存在不安全隐患,因此,一般来说,大量的数据被缓存在网站后端,当接收到网页之间的跳转操作时,每次都需要向服务端发送数据请求,以获取数据。
可见,目前的缓存数据的方式可能会造成服务端处理数据压力过大的问题,并且,由于每次都需要向服务端发送数据请求,可能存在获取数据效率较低的问题。
发明内容
为了解决上述技术问题,本公开提供了一种网页数据处理方法,能够实现相同数据的复用,减轻服务端处理数据的压力,并且提高了获取数据的效率,从而提升了用户体验。
第一方面,本公开提供了一种网页数据处理方法,所述方法包括:
响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取所述第一页面上的第一数据,并将所述第一数据存入预设缓存池中;其中,所述第一页面和所述第二页面属于同一单页面应用;
当检测到当前展示页面由所述第一页面跳转至所述第二页面时,从所述预设缓存池中获取所述第一数据,并将所述第一数据展示在所述第二页面上。
一种可选的实施方式中,所述将所述第一数据存入预设缓存池中之前,还包括:
在第一程序类中定义第一变量属性;其中,所述第一变量属性具有static修饰符;
将所述第一变量属性对应的内存区域确定为预设缓存池。
一种可选的实施方式中,所述将所述第一数据存入预设缓存池中,包括:
基于预设属性赋值方法,将所述第一数据确定为所述第一变量属性的属性值;其中,所述预设属性赋值方法为所述第一程序类中具有static修饰符的方法;
将所述属性值存储于所述第一变量属性对应的内存区域中。
一种可选的实施方式中,所述从所述预设缓存池中获取所述第一数据,包括:
基于预设属性值获取方法,从所述第一变量属性对应的内存区域中获取所述第一变量属性的属性值;其中,所述预设属性值获取方法为所述第一程序类中具有static修饰符的方法。
一种可选的实施方式中,所述从所述预设缓存池中获取所述第一数据之前,还包括:
在确定将所述第一数据存入预设缓存池中之后,监测针对所述第二页面是否存在刷新操作;
相应的,所述当检测到当前展示页面由所述第一页面跳转至所述第二页面时,从所述预设缓存池中获取所述第一数据,包括:
如果未监测到针对所述第二页面的刷新操作,则在检测到当前展示页面由所述第一页面跳转至所述第二页面时,从所述预设缓存池中获取所述第一数据。
一种可选的实施方式中,所述方法还包括:
如果监测到针对所述第二页面的刷新操作,则向服务端发送数据请求;其中,所述数据请求用于从所述服务端获取所述第一数据;
在接收到来自所述服务端的所述第一数据后,将所述第一数据展示在所述第二页面上。
第二方面,本公开提供了一种网页数据处理装置,所述装置包括:
缓存模块,用于响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取所述第一页面上的第一数据,并将所述第一数据存入预设缓存池中;其中,所述第一页面和所述第二页面属于同一单页面应用;
获取模块,用于当检测到当前展示页面由所述第一页面跳转至所述第二页面时,从所述预设缓存池中获取所述第一数据,并将所述第一数据展示在所述第二页面上。
第三方面,本公开提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当所述指令在终端设备上运行时,使得所述终端设备实现上述的方法。
第四方面,本公开提供了一种设备,包括:存储器,处理器,及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时,实现上述的方法。
第五方面,本公开提供了一种计算机程序产品,所述计算机程序产品包括计算机程序/指令,所述计算机程序/指令被处理器执行时实现上述的方法。
本公开实施例提供的技术方案与现有技术相比至少具有如下优点:
本公开实施例提供了一种网页数据处理方法,首先,响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取第一页面上的第一数据,并将第一数据存入预设缓存池中,其中,第一页面和第二页面属于同一单页面应用。进而,当检测到当前展示页面由第一页面跳转至第二页面时,从预设缓存池中获取第一数据,并将第一数据展示在第二页面上。可见,本公开实施例能够直接从预设缓存池中获取第一页面上的第一数据,并展示在第二页面上,无需再次请求服务端获取第一数据,实现了相同数据的复用,减轻了服务端处理数据的压力,并且提高了获取数据的效率,从而提升了用户体验。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本公开实施例提供的一种网页数据处理方法的流程图;
图2为本公开实施例提供的另一种网页数据处理方法的流程图;
图3为本公开实施例提供的一种网页数据处理装置的结构示意图;
图4为本公开实施例提供的一种网页数据处理设备的结构示意图。
具体实施方式
为了能够更清楚地理解本公开的上述目的、特征和优点,下面将对本公开的方案进行进一步描述。需要说明的是,在不冲突的情况下,本公开的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本公开,但本公开还可以采用其他不同于在此描述的方式来实施;显然,说明书中的实施例只是本公开的一部分实施例,而不是全部的实施例。
随着大数据的迅速普及,应用开发中数据传输量越来越巨大,当前网站前端技术发展迅速,前端业务量逐渐增大,前端需要处理的数据也就越来越多。
目前,一些数据可以存储在前端浏览器提供的本地缓存中,但是由于存储在本地缓存的数据是被公开的状态,可能存在不安全隐患,因此,一般来说,大量的数据被缓存在网站后端,当接收到网页之间的跳转操作时,每次都需要向服务端发送数据请求,以获取数据。
可见,目前的缓存数据的方式可能会造成服务端处理数据压力过大的问题,并且,由于每次都需要向服务端发送数据请求,可能存在获取数据效率较低的问题。
为此,本公开实施例提供了一种网页数据处理方法,首先,响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取第一页面上的第一数据,并将第一数据存入预设缓存池中,其中,第一页面和第二页面属于同一单页面应用。进而,当检测到当前展示页面由第一页面跳转至第二页面时,从预设缓存池中获取第一数据,并将第一数据展示在第二页面上。可见,本公开实施例能够直接从预设缓存池中获取第一页面上的第一数据,并展示在第二页面上,无需再次请求服务端获取第一数据,实现了相同数据的复用,减轻了服务端处理数据的压力,并且提高了获取数据的效率,从而提升了用户体验。
基于此,本公开实施例提供了一种网页数据处理方法,参考图1,为本公开实施例提供的一种网页数据处理方法的流程图,该方法包括:
S101:响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取第一页面上的第一数据,并将第一数据存入预设缓存池中。
其中,第一页面和第二页面属于同一单页面应用。
本公开实施例中,第一页面和第二页面可以为运行在移动终端、台式电脑终端、平板电脑终端等浏览器上展现给用户进行浏览的网页,其中,第一页面和第二页面为基于单网页应用的网页,并且第一页面和第二页面属于同一单页面应用。例如,第一页面可以为电商类商品信息后台管理界面,相应的,第二页面可以为商品信息编辑界面;第一页面可以为学生信息后台管理界面,相应的,第二页面可以为学生信息编辑界面;等等。
实际应用中,单页面应用是一种网站应用的模型,可以将所有的活动局限于一个页面中,该页面在初始化时加载完成相应的HTML(Hyper Text Markup Language,超文本标记语言)等,加载完成后,当属于同一单页面应用的多个页面之间存在跳转等操作时,仅URL(Uniform Resource Locator,统一资源定位系统)改变,但浏览器不会刷新,多个页面同属的一个单页面应用对应的容器内的缓存数据不会被刷新。
实际应用中,单页面应用被广泛使用在电商后台、ERP(Enterprise ResourcePlanning,企业资源计划)系统等,其中,Vue.js是目前最流行的单页面应用框架。
本公开实施例中,第一页面上可以包括包含第一数据在内的若干数据,其中,第一页面上的数据可以为字符串数据,也可以为其他复杂类型数据。当接收到针对第一页面的触发操作时,可以向服务端发送数据请求,请求服务端调用获取数据的API(ApplicationProgramming Interface,应用程序编程接口)接口,以获取第一页面上的所有数据。其中,针对第一页面的触发操作可以包括打开并停留在第一页面上等。
举例说明,以第一页面为电商类商品后台管理界面为例,第一页面上包括包含第一数据在内的10条商品信息数据,其中,第一数据可以是任意一个商品的商品信息数据(如商品A的商品信息数据)。当接收到针对第一页面的打开操作时,向服务端发送数据请求,请求服务端调用获取数据的API接口,以获取第一页面上的10条商品信息数据。
本公开实施例中,当接收到将第一页面上的第一数据展示在第二页面上的触发操作时,先提取第一页面上的第一数据,再将第一数据存入预设缓存池中。其中,针对第一页面上的第一数据可以设置触发控件,例如,编辑控件等。针对第一页面上的第一数据触发点击对应编辑控件的操作时,可以触发将第一页面上的第一数据展示在第二页面上,进而,提取第一页面上的第一数据。
举例说明,以第一页面为电商类商品后台管理界面为例,则第二页面可以为商品信息编辑界面,其中,第一数据可以是任意一个商品的商品信息数据(如商品A的商品信息数据),当接收到针对第一页面上的第一数据触发的点击对应编辑控件的操作时,提取第一页面上的商品A的商品信息数据。
本公开实施例中,在提取到第一页面上的第一数据之后,可以将第一数据存入预设缓存池中,其中,预设缓存池设置在第一页面和第二页面同属的单页面应用对应的容器中。创建预设缓存池的方式可以包括多种,例如,可以利用static修饰符共享内存数据的特性,将程序类封装为用于缓存数据的缓存类,使其能在属于同一单页面应用的多个页面之间缓存数据,以创建预设缓存池,其中,预设缓存池可以缓存字符串数据,也可以缓存其他复杂类型数据。
一种可选的实施方式中,首先,在第一程序类中定义第一变量属性,其中,第一变量属性具有static修饰符,进而,将第一变量属性对应的内存区域确定为预设缓存池。
实际应用中,程序类(class)在面向对象编程中是一种面向对象计算机编程语言的构造,描述了所创建的对象共同的变量属性和方法,在JavaScript编程语言中,允许利用static修饰符来修饰程序类中的变量属性和方法,当一个变量属性或者方法具有static修饰符,则内存会为该变量属性或者方法分配唯一的内存区域。
本公开实施例中,首先,创建第一程序类,第一程序类可以基于第一页面进行命名,例如,第一页面为电商类商品信息后台管理界面,相应的,创建的第一程序类可以被命名为GoodsCachePool类;第一页面为学生信息后台管理界面,相应的,创建的第一程序类可以被命名为StudentCachePool类;等等。然后,在第一程序类中定义由static修饰符所修饰的第一变量属性,则该第一变量属性在内存中拥有唯一的内存区域,进而,将该第一变量属性对应的内存区域确定为预设缓存池,用于存储与第一页面同属于一个单页面应用的网页上的数据。
需要说明的是,本公开实施例中的第一程序类可以被命名为GoodsCachePool类,也可以被命名为其他名称,此外,本公开实施例中的第一变量属性可以被命名为currentEditGoods,也可以被命名为其他名称,本公开实施例对于第一程序类以及第一变量属性的名称不做限制。
举例说明,以第一页面上包括商品信息数据,以及第一程序类被命名为GoodsCachePool类,第一变量属性被命名为currentEditGoods为例,在第一程序类中定义由static修饰符所修饰的第一变量属性的实现代码可以如下所示:
class GoodsCachePool{
//定义第一变量属性用于存储要缓存的商品信息数据,初始化为空
static currentEditGoods={}
}
一种可选的实施方式中,基于上述实施例中创建的预设缓存池,在提取第一页面上的第一数据之后,将第一数据存入预设缓存池中时,首先,基于预设属性赋值方法,将第一数据确定为第一变量属性的属性值,其中,预设属性赋值方法为第一程序类中具有static修饰符的方法,进而,将属性值存储于第一变量属性对应的内存区域中。
本公开实施例中,基于上述实施例中在第一程序类中定义的由static修饰符所修饰的第一变量属性,在第一程序类中定义由static修饰符所修饰的预设属性赋值方法,其中,由static修饰符所修饰的预设属性赋值方法可以用来存储第一数据。基于预设属性赋值方法,将第一数据确定为第一变量属性的属性值,例如,基于预设属性赋值方法,可以将第一页面上的第一数据作为参数赋值给第一变量属性。进而,将属性值存储于第一变量属性对应的内存区域中,以将第一数据存入预设缓存池中。
举例说明,以第一页面上包括商品信息数据,以及第一程序类被命名为GoodsCachePool类,第一变量属性被命名为currentEditGoods为例,提取到的第一页面上的第一数据可以为商品A的商品信息数据。在GoodsCachePool类中定义由static修饰符所修饰的预设属性赋值方法(如被命名为setGoodsCachePool),将第一数据存储于第一变量属性对应的内存区域中的实现代码可以如下所示:
//缓存商品A的商品信息数据的方法
static setGoodsCachePool(goods){
//把存入的商品A的商品信息数据作为参数赋值给第一变量属性currentEditGoods,以将该数据缓存起来
GoodsCachePool.currentEditGoods=goods;
}
本公开实施例中,在提取到第一页面上的第一数据后,可以直接用第一程序类名调用预设属性赋值方法(如setGoodsCachePool),将第一数据作为参数存入该预设属性赋值方法,该预设属性赋值方法将第一数据赋值存入第一变量属性,则第一变量属性对应的内存区域中存在该第一数据,以将第一数据存入预设缓存池中。其中,本公开实施例中的预设属性赋值方法可以被命名为setGoodsCachePool,也可以被命名为其他名称,本公开实施例对于预设属性赋值方法的名称不做限制。
S102:当检测到当前展示页面由第一页面跳转至第二页面时,从预设缓存池中获取第一数据,并将第一数据展示在第二页面上。
本公开实施例中,基于上述S101,第一数据展示在第一页面上,第一页面为当前展示页面,当检测到当前展示页面由第一页面跳转至第二页面时,由于第一页面和第二页面属于同一单页面应用,而预设缓存池设置在第一页面和第二页面同属的单页面应用对应的容器中,因此,预设缓存池中缓存有第一数据,从预设缓存池中获取第一数据,并将第一数据展示在第二页面上。在第一数据展示在第二页面上之后,针对第一数据可以进行编辑操作,例如,针对第一数据进行添加、删除、修改等操作。
一种可选的实施方式中,基于上述实施例中创建的预设缓存池,从预设缓存池中获取第一数据时,首先,基于预设属性值获取方法,从第一变量属性对应的内存区域中获取第一变量属性的属性值,其中,预设属性值获取方法为第一程序类中具有static修饰符的方法。
本公开实施例中,基于上述实施例中在第一程序类中定义的由static修饰符所修饰的第一变量属性,在第一程序类中定义由static修饰符所修饰的预设属性值获取方法,其中,由static修饰符所修饰的预设属性值获取方法可以用来返回第一数据。基于预设属性值获取方法,从第一变量属性对应的内存区域中直接返回第一变量属性的属性值,即可从预设缓存池中获取第一数据。
举例说明,以第一页面上包括商品信息数据,以及第一程序类被命名为GoodsCachePool类,第一变量属性被命名为currentEditGoods为例,预设缓存池中的第一数据可以为商品A的商品信息数据。在GoodsCachePool类中定义由static修饰符所修饰的预设属性值获取方法(如被命名为getGoodsCachePool),从第一变量属性对应的内存区域中返回第一数据的实现代码可以如下所示:
//获取预设缓存池中商品A的商品信息数据的方法
static getGoodsCachePool(){
//直接返回预设缓存池中的商品A的商品信息数据
return GoodsCachePool.currentEditGoods;
}
本公开实施例中,当检测到当前展示页面由第一页面跳转至第二页面时,可以直接用第一程序类名调用预设属性值获取方法(如getGoodsCachePool),从预设缓存池中查询到第一数据后,该预设属性值获取方法将存储有第一数据的第一变量属性对应的内存区域中的第一变量属性的属性值返回给调用者。其中,本公开实施例中的预设属性值获取方法可以被命名为getGoodsCachePool,也可以被命名为其他名称,本公开实施例对于预设属性值获取方法的名称不做限制。
如果在从预设缓存池中获取第一数据之前,触发了针对第二页面的刷新操作,则预设缓存池中的数据将丢失,则当检测到当前展示页面由第一页面跳转至第二页面时,从预设缓存池中无法获取到第一数据。如果在预设缓存池没有第一数据的情况下,仍然基于预设缓存池获取到第一数据时,不仅无法获取第一数据,还可能会造成系统的压力,因此,在从预设缓存池中获取第一数据之前,可以监测针对第二页面是否存在刷新操作,如果存在刷新操作,则说明预设缓存池没有第一数据,则无需基于预设缓存池去获取到第一数据,以减少不必要的程序,从而减小系统压力。
一种可选的实施方式中,在确定将第一数据存入预设缓存池中之后,监测针对第二页面是否存在刷新操作,如果未监测到针对第二页面的刷新操作,则在检测到当前展示页面由第一页面跳转至第二页面时,从预设缓存池中获取第一数据。
本公开实施例中,在确定将第一数据存入预设缓存池中之后,监测针对第二页面是否存在刷新操作,由于第一页面和第二页面属于同一单页面应用,而预设缓存池设置在第一页面和第二页面同属的单页面应用对应的容器中,因此,如果针对第二页面不存在刷新操作,则预设缓存池中存储有第一数据,则在检测到当前展示页面由第一页面跳转至第二页面时,可以直接从预设缓存池中获取第一数据,进而,可以将第一数据展示在第二页面上。
本公开实施例能够直接从预设缓存池中获取第一页面上的第一数据展示在第二页面上,无需再次请求服务端重新获取第一数据,减少了接口的调用次数,减轻了服务端处理数据的压力。
另一种可选的实施方式中,在确定将第一数据存入预设缓存池中之后,监测针对第二页面是否存在刷新操作,如果监测到针对第二页面的刷新操作,则向服务端发送数据请求。其中,数据请求用于从服务端获取第一数据,并在接收到来自服务端的第一数据后,将第一数据展示在第二页面上。
本公开实施例中,如果监测到针对第二页面存在刷新操作,例如,在当前展示页面由第一页面跳转至第二页面之后,针对第二页面进行了强制刷新操作,则预设缓存池中的第一数据将丢失,此时,无需向预设缓存池申请获取第一数据。在检测到当前展示页面由第一页面跳转至第二页面时,可以直接向服务端发送数据请求,用于请求服务端调用获取第一数据的API接口,进而,从服务端获取第一数据,并在接收到来自服务端的第一数据后,将第一数据展示在第二页面上。
本公开实施例提供的网页数据处理方法中,首先,响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取第一页面上的第一数据,并将第一数据存入预设缓存池中,其中,第一页面和第二页面属于同一单页面应用。进而,当检测到当前展示页面由第一页面跳转至第二页面时,从预设缓存池中获取第一数据,并将第一数据展示在第二页面上。可见,本公开实施例能够直接从预设缓存池中获取第一页面上的第一数据,并展示在第二页面上,无需再次请求服务端获取第一数据,实现了相同数据的复用,减轻了服务端处理数据的压力,并且提高了获取数据的效率,从而提升了用户体验。
基于上述实施例,本公开提供了一种网页数据处理的具体应用场景。如图2所示,为本公开实施例提供的另一种网页数据处理方法的流程图,以第一页面为电商类商品信息后台管理界面,第二页面为商品信息编辑界面为例,包括如下步骤:
S201:响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取第一页面上的第一数据。
其中,第一页面和第二页面属于同一单页面应用。
本公开实施例中,第一页面可以为电商类商品信息后台管理界面,则第一页面上包括包含第一数据在内的若干数据,例如,第一页面上包括10条商品信息数据,其中,第一数据可以为商品A的商品信息数据,第一数据可以为字符串数据,也可以为其他复杂类型数据。当接收到针对商品信息后台管理界面的打开操作时,向服务端发送数据请求,请求服务端调用获取数据的API接口,以获取该商品信息后台管理界面上的10条商品信息数据。
本公开实施例中,第一页面(如商品信息后台管理界面)和第二页面(如商品信息编辑界面)属于同一单页面应用,当接收到将商品信息后台管理界面上的商品A的商品信息数据展示在商品信息编辑界面上的触发操作时,例如,针对商品信息后台管理界面上的商品A的商品信息数据触发的点击对应编辑控件的操作时,提取商品信息后台管理界面上的商品A的商品信息数据。
S202:在第一程序类中定义第一变量属性,将第一变量属性对应的内存区域确定为预设缓存池。
其中,第一变量属性具有static修饰符。
本公开实施例中,创建第一程序类(如被命名为GoodsCachePool类),在第一程序类中定义由static修饰符所修饰的第一变量属性(如被命名为currentEditGoods),将第一变量属性对应的内存区域确定为预设缓存池,其中,预设缓存池设置在第一页面和第二页面同属的单页面应用对应的容器中。
S203:将第一数据存入预设缓存池中。
本公开实施例中,在提取到第一页面上的第一数据之后,可以将第一数据存入预设缓存池中,例如,在第一程序类中定义由static修饰符所修饰的预设属性赋值方法(如被命名为setGoodsCachePool),基于该预设属性赋值方法,将第一数据确定为第一变量属性的属性值,并将第一变量属性的属性值存储于第一变量属性对应的内存区域中,以将第一数据存入预设缓存池中。
S204:在确定将第一数据存入预设缓存池中之后,监测针对第二页面是否存在刷新操作,如果是,则执行S205;如果否,则执行S206。
本公开实施例中,基于上述S203,在确定将第一数据存入预设缓存池中之后,监测针对第二页面是否存在刷新操作,由于第一页面和第二页面属于同一单页面应用,而预设缓存池设置在第一页面和第二页面同属的单页面应用对应的容器中,因此,如果针对第二页面存在刷新操作,则预设缓存池中无法查询到第一数据,则执行S205;如果针对第二页面不存在刷新操作,则预设缓存池中存储有第一数据,则执行S206。
S205:向服务端发送数据请求,从服务端获取第一数据。
本公开实施例中,如果针对第二页面存在刷新操作,则说明预设缓存池中无法查询到第一数据,则无需向预设缓存池申请获取第一数据,可以直接向服务端发送数据请求,用于请求服务端调用获取第一数据的API接口,进而,从服务端获取第一数据。进而,继续执行S207。
S206:当检测到当前展示页面由第一页面跳转至第二页面时,从预设缓存池中获取第一数据。
本公开实施例中,如果针对第二页面不存在刷新操作,则说明预设缓存池中存储有第一数据,当检测到当前展示页面由第一页面跳转至第二页面时,可以直接从预设缓存池中获取第一数据,无需再次请求服务端重新获取第一数据,减少了接口的调用次数,减轻了服务端处理数据的压力。
本公开实施例中,从预设缓存池中获取第一数据,例如,在第一程序类中定义由static修饰符所修饰的预设属性值获取方法(如被命名为getGoodsCachePool),基于该预设属性值获取方法,从第一变量属性对应的内存区域中直接返回第一变量属性的属性值,即可从预设缓存池中获取第一数据。
S207:在接收到第一数据后,将第一数据展示在第二页面上。
本公开实施例中,基于上述S205,在接收到来自服务端的第一数据后,可以将第一数据展示在第二页面上;基于上述S206,在接收到从预设缓存池中获取的第一数据后,可以将第一数据展示在第二页面上,进而,可以针对第一数据在第二页面上进行编辑操作,例如,针对商品A的商品信息数据进行添加、删除、修改等操作。
本公开实施例提供的网页数据处理方法中,首先,响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取第一页面上的第一数据,并将第一数据存入预设缓存池中,其中,第一页面和第二页面属于同一单页面应用。进而,当检测到当前展示页面由第一页面跳转至第二页面时,从预设缓存池中获取第一数据,并将第一数据展示在第二页面上。可见,本公开实施例能够直接从预设缓存池中获取第一页面上的第一数据,并展示在第二页面上,无需再次请求服务端获取第一数据,实现了相同数据的复用,减轻了服务端处理数据的压力,并且提高了获取数据的效率,从而提升了用户体验。
与上述实施例基于同一个发明构思,本公开实施例还提供了一种网页数据处理装置,参考图3,为本公开实施例提供的一种网页数据处理装置的结构示意图,所述网页数据处理装置300包括:
缓存模块301,用于响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取所述第一页面上的第一数据,并将所述第一数据存入预设缓存池中;其中,所述第一页面和所述第二页面属于同一单页面应用;
获取模块302,用于当检测到当前展示页面由所述第一页面跳转至所述第二页面时,从所述预设缓存池中获取所述第一数据,并将所述第一数据展示在所述第二页面上。
一种可选的实施方式中,所述装置还包括:
定义模块,用于在第一程序类中定义第一变量属性;其中,所述第一变量属性具有static修饰符;
确定模块,用于将所述第一变量属性对应的内存区域确定为预设缓存池。
一种可选的实施方式中,所述缓存模块301,包括:
确定子模块,用于基于预设属性赋值方法,将所述第一数据确定为所述第一变量属性的属性值;其中,所述预设属性赋值方法为所述第一程序类中具有static修饰符的方法;
存储子模块,用于将所述属性值存储于所述第一变量属性对应的内存区域中。
一种可选的实施方式中,所述获取模块302,包括:
第一获取子模块,用于基于预设属性值获取方法,从所述第一变量属性对应的内存区域中获取所述第一变量属性的属性值;其中,所述预设属性值获取方法为所述第一程序类中具有static修饰符的方法。
一种可选的实施方式中,所述装置还包括:
监测模块,用于在确定将所述第一数据存入预设缓存池中之后,监测针对所述第二页面是否存在刷新操作;
相应的,所述获取模块302,包括:
第二获取子模块,用于如果未监测到针对所述第二页面的刷新操作,则在检测到当前展示页面由所述第一页面跳转至所述第二页面时,从所述预设缓存池中获取所述第一数据。
一种可选的实施方式中,所述装置还包括:
发送模块,用于如果监测到针对所述第二页面的刷新操作,则向服务端发送数据请求;其中,所述数据请求用于从所述服务端获取所述第一数据;
展示模块,用于在接收到来自所述服务端的所述第一数据后,将所述第一数据展示在所述第二页面上。
本公开实施例提供的网页数据处理装置中,首先,响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取第一页面上的第一数据,并将第一数据存入预设缓存池中,其中,第一页面和第二页面属于同一单页面应用。进而,当检测到当前展示页面由第一页面跳转至第二页面时,从预设缓存池中获取第一数据,并将第一数据展示在第二页面上。可见,本公开实施例能够直接从预设缓存池中获取第一页面上的第一数据,并展示在第二页面上,无需再次请求服务端获取第一数据,实现了相同数据的复用,减轻了服务端处理数据的压力,并且提高了获取数据的效率,从而提升了用户体验。
除了上述方法和装置以外,本公开实施例还提供了一种计算机可读存储介质,计算机可读存储介质中存储有指令,当所述指令在终端设备上运行时,使得所述终端设备实现本公开实施例所述的网页数据处理方法。
本公开实施例还提供了一种计算机程序产品,所述计算机程序产品包括计算机程序/指令,所述计算机程序/指令被处理器执行时实现本公开实施例所述的网页数据处理方法。
另外,本公开实施例还提供了一种网页数据处理设备400,参见图4所示,可以包括:
处理器401、存储器402、输入装置403和输出装置404。网页数据处理设备中的处理器401的数量可以一个或多个,图4中以一个处理器为例。在本公开的一些实施例中,处理器401、存储器402、输入装置403和输出装置404可通过总线或其它方式连接,其中,图4中以通过总线连接为例。
存储器402可用于存储软件程序以及模块,处理器401通过运行存储在存储器402的软件程序以及模块,从而执行网页数据处理设备的各种功能应用以及数据处理。存储器402可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序等。此外,存储器402可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。输入装置403可用于接收输入的数字或字符信息,以及产生与网页数据处理设备的用户设置以及功能控制有关的信号输入。
具体在本实施例中,处理器401会按照如下的指令,将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器402中,并由处理器401来运行存储在存储器402中的应用程序,从而实现上述网页数据处理设备的各种功能。
需要说明的是,在本文中,诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本公开的具体实施方式,使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下,在其它实施例中实现。因此,本公开将不会被限制于本文所述的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种网页数据处理方法,其特征在于,所述方法包括:
响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取所述第一页面上的第一数据,并将所述第一数据存入预设缓存池中;其中,所述第一页面和所述第二页面属于同一单页面应用;
当检测到当前展示页面由所述第一页面跳转至所述第二页面时,从所述预设缓存池中获取所述第一数据,并将所述第一数据展示在所述第二页面上。
2.根据权利要求1所述的方法,其特征在于,所述将所述第一数据存入预设缓存池中之前,还包括:
在第一程序类中定义第一变量属性;其中,所述第一变量属性具有static修饰符;
将所述第一变量属性对应的内存区域确定为预设缓存池。
3.根据权利要求2所述的方法,其特征在于,所述将所述第一数据存入预设缓存池中,包括:
基于预设属性赋值方法,将所述第一数据确定为所述第一变量属性的属性值;其中,所述预设属性赋值方法为所述第一程序类中具有static修饰符的方法;
将所述属性值存储于所述第一变量属性对应的内存区域中。
4.根据权利要求2所述的方法,其特征在于,所述从所述预设缓存池中获取所述第一数据,包括:
基于预设属性值获取方法,从所述第一变量属性对应的内存区域中获取所述第一变量属性的属性值;其中,所述预设属性值获取方法为所述第一程序类中具有static修饰符的方法。
5.根据权利要求1所述的方法,其特征在于,所述从所述预设缓存池中获取所述第一数据之前,还包括:
在确定将所述第一数据存入预设缓存池中之后,监测针对所述第二页面是否存在刷新操作;
相应的,所述当检测到当前展示页面由所述第一页面跳转至所述第二页面时,从所述预设缓存池中获取所述第一数据,包括:
如果未监测到针对所述第二页面的刷新操作,则在检测到当前展示页面由所述第一页面跳转至所述第二页面时,从所述预设缓存池中获取所述第一数据。
6.根据权利要求5所述的方法,其特征在于,所述方法还包括:
如果监测到针对所述第二页面的刷新操作,则向服务端发送数据请求;其中,所述数据请求用于从所述服务端获取所述第一数据;
在接收到来自所述服务端的所述第一数据后,将所述第一数据展示在所述第二页面上。
7.一种网页数据处理装置,其特征在于,所述装置包括:
缓存模块,用于响应于将第一页面上的第一数据展示在第二页面上的触发操作,提取所述第一页面上的第一数据,并将所述第一数据存入预设缓存池中;其中,所述第一页面和所述第二页面属于同一单页面应用;
获取模块,用于当检测到当前展示页面由所述第一页面跳转至所述第二页面时,从所述预设缓存池中获取所述第一数据,并将所述第一数据展示在所述第二页面上。
8.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有指令,当所述指令在终端设备上运行时,使得所述终端设备实现如权利要求1-6任一项所述的方法。
9.一种设备,其特征在于,包括:存储器,处理器,及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时,实现如权利要求1-6任一项所述的方法。
10.一种计算机程序产品,其特征在于,所述计算机程序产品包括计算机程序/指令,所述计算机程序/指令被处理器执行时实现如权利要求1-6任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111446764.XA CN114357343A (zh) | 2021-11-30 | 2021-11-30 | 一种网页数据处理方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111446764.XA CN114357343A (zh) | 2021-11-30 | 2021-11-30 | 一种网页数据处理方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114357343A true CN114357343A (zh) | 2022-04-15 |
Family
ID=81097240
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111446764.XA Pending CN114357343A (zh) | 2021-11-30 | 2021-11-30 | 一种网页数据处理方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114357343A (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110029641A1 (en) * | 2009-08-03 | 2011-02-03 | FasterWeb, Ltd. | Systems and Methods Thereto for Acceleration of Web Pages Access Using Next Page Optimization, Caching and Pre-Fetching Techniques |
CN112417343A (zh) * | 2020-12-29 | 2021-02-26 | 中科院计算技术研究所大数据研究院 | 一种基于前端Angular框架缓存数据的方法 |
CN112836155A (zh) * | 2021-01-15 | 2021-05-25 | 北京高因科技有限公司 | 一种楼盘详情页面打开速度提升办法 |
CN113378084A (zh) * | 2020-03-10 | 2021-09-10 | 阿里巴巴集团控股有限公司 | 页面展示方法和装置、电子设备以及计算机可读存储介质 |
-
2021
- 2021-11-30 CN CN202111446764.XA patent/CN114357343A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110029641A1 (en) * | 2009-08-03 | 2011-02-03 | FasterWeb, Ltd. | Systems and Methods Thereto for Acceleration of Web Pages Access Using Next Page Optimization, Caching and Pre-Fetching Techniques |
CN113378084A (zh) * | 2020-03-10 | 2021-09-10 | 阿里巴巴集团控股有限公司 | 页面展示方法和装置、电子设备以及计算机可读存储介质 |
CN112417343A (zh) * | 2020-12-29 | 2021-02-26 | 中科院计算技术研究所大数据研究院 | 一种基于前端Angular框架缓存数据的方法 |
CN112836155A (zh) * | 2021-01-15 | 2021-05-25 | 北京高因科技有限公司 | 一种楼盘详情页面打开速度提升办法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109254773B (zh) | 骨架页面生成方法、装置、设备和存储介质 | |
CN110209966B (zh) | 一种网页刷新方法、网页系统及电子设备 | |
US7496847B2 (en) | Displaying a computer resource through a preferred browser | |
US8219640B2 (en) | Content request optimization | |
US9081866B2 (en) | Dynamic display of web page content based on a rules system | |
CN108932332A (zh) | 静态资源的加载方法及装置 | |
CN111079048B (zh) | 一种页面加载方法及装置 | |
US11477158B2 (en) | Method and apparatus for advertisement anti-blocking | |
US20230171329A1 (en) | Systems and methods for rendering interactive web pages | |
CN105528369B (zh) | 网页转码方法、装置以及服务器 | |
TW201804340A (zh) | 腳本生成方法與裝置 | |
CN112182442A (zh) | 页面处理方法、装置、电子设备及计算机可读存储介质 | |
CN110866202A (zh) | 一种前端分页的方法及装置、可读存储介质 | |
CN108664191B (zh) | 系统访问方法及装置 | |
CN113330432A (zh) | 搜索结果中列出的内容的异步预测性缓存 | |
US20240095298A1 (en) | Systems and methods for rendering interactive web pages | |
CN113656737A (zh) | 网页内容展示方法、装置、电子设备以及存储介质 | |
US11443098B1 (en) | Federated recursive user interface element rendering | |
CN112926002A (zh) | 一种服务请求的处理方法及装置 | |
CN112667934A (zh) | 动态模拟图展示方法、装置、电子设备和计算机可读介质 | |
CN111273964A (zh) | 一种数据加载方法及装置 | |
CN108268298B (zh) | 桌面图标的生成方法、装置、存储介质及电子设备 | |
CN114357343A (zh) | 一种网页数据处理方法、装置、设备及存储介质 | |
CN114996615A (zh) | 页面控制方法、装置、设备及存储介质 | |
CN110708270A (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20220415 |
|
RJ01 | Rejection of invention patent application after publication |