CN115292627A - 一种展示页面的方法、装置、电子设备及存储介质 - Google Patents
一种展示页面的方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN115292627A CN115292627A CN202210891983.7A CN202210891983A CN115292627A CN 115292627 A CN115292627 A CN 115292627A CN 202210891983 A CN202210891983 A CN 202210891983A CN 115292627 A CN115292627 A CN 115292627A
- Authority
- CN
- China
- Prior art keywords
- page
- target
- target page
- data
- data corresponding
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请提供一种展示页面的方法、装置、电子设备及存储介质,涉及网络技术领域。响应于目标对象在网页浏览应用中输入的页面跳转操作,可以确定页面跳转操作对应的目标页面,先从已缓存的页面资源中获取目标页面对应的缓存数据,并根据目标页面的预设标识从服务器获取目标页面对应的最新数据,且该最新数据为缓存数据在最新状态下对应的数据,然后将缓存数据与最新数据进行对比,确定目标页面对应的更新数据,最后根据缓存数据和更新数据,在网页浏览应用的显示界面中显示目标页面。由于在跳转到目标页面时,可以实现对页面的显示既有部分缓存数据,又有部分实时刷新数据,从而可以同时满足操作的方便性和数据的实时性。
Description
技术领域
本申请实施例涉及网络技术领域,尤其涉及一种展示页面的方法、装置、电子设备及存储介质。
背景技术
在网页浏览器中,前进和后退是常用的两个功能按钮,它们提供了浏览缓存在浏览器本地缓存中的页面。但是,这种单纯的恢复静态缓存的页面虽然能够快速的恢复之前的缓存页面,但是展示数据存在滞后性,不能满足对缓存页面中的数据进行展示的实时性。
发明内容
为解决现有存在的技术问题,本申请实施例提供了一种展示页面的方法、装置、电子设备及存储介质,可以实现在对缓存页面进行展示时,对缓存页面进行实时刷新,满足对缓存页面中的数据进行展示的实时性。
为达到上述目的,本申请实施例的技术方案是这样实现的:
第一方面,本申请实施例提供一种展示页面的方法,所述方法包括:
响应于目标对象在网页浏览应用中输入的页面跳转操作,确定所述页面跳转操作对应的目标页面;
从已缓存的页面资源中获取所述目标页面对应的缓存数据,并根据所述目标页面的预设标识从服务器获取所述目标页面对应的最新数据;所述最新数据为所述缓存数据在最新状态下对应的数据;
将所述缓存数据与所述最新数据进行对比,确定所述目标页面对应的更新数据;
根据所述缓存数据和所述更新数据,在所述网页浏览应用的显示界面中显示所述目标页面。
本申请实施例提供的展示页面的方法,响应于目标对象在网页浏览应用中输入的页面跳转操作,可以确定页面跳转操作对应的目标页面,先从已缓存的页面资源中获取目标页面对应的缓存数据,并根据目标页面的预设标识从服务器获取目标页面对应的最新数据,且该最新数据为目标页面对应的缓存数据在最新状态下对应的数据,然后将缓存数据与最新数据进行对比,确定目标页面对应的更新数据,最后根据缓存数据和更新数据,在网页浏览应用的显示界面中显示目标页面。由于在跳转到目标页面,并根据目标页面的缓存数据对目标页面进行显示时,可以对目标页面的缓存数据进行实时刷新,实现在对页面进行显示时,既有部分缓存数据,又有部分实时刷新数据,从而可以同时满足操作的方便性和数据的实时性。
在一种可选的实施例中,根据所述目标页面的预设标识从服务器获取所述目标页面对应的最新数据,包括:
向服务器发送数据获取请求,所述数据获取请求中携带所述目标页面的预设标识;
接收所述服务器发送的根据所述目标页面的预设标识获取到的所述目标页面对应的最新数据。
在该实施例中,可以向服务器发送数据获取请求,且数据获取请求中携带目标页面的预设标识,并接收服务器发送的根据目标页面的预设标识获取到的目标页面对应的最新数据。从而可以准确且高效地获取到页面对应的最新数据。
在一种可选的实施例中,所述方法还包括:
响应于目标对象在网页浏览应用中访问所述目标页面的操作,确定所述目标页面对应的页面类型;
若所述目标页面对应的页面类型为场景化入口页面,则确定所述目标页面对应的目标场景;
若所述目标页面对应的目标场景为当前场景,则清除所述已缓存的页面资源中除所述目标页面以外的其他页面对应的缓存数据;
若所述目标页面对应的目标场景为其他场景,则清除所述已缓存的页面资源中的所有页面对应的缓存数据。
在该实施例中,响应于目标对象在网页浏览应用中访问目标页面的操作,确定目标页面对应的页面类型,若目标页面对应的页面类型为场景化入口页面,则确定目标页面对应的目标场景,若目标页面对应的目标场景为当前场景,则清除已缓存的页面资源中除目标页面以外的其他页面对应的缓存数据,若目标页面对应的目标场景为其他场景,则清除已缓存的页面资源中的所有页面对应的缓存数据。由于在对页面进行缓存前,对页面进行场景化设计,当目标对象访问处于同一个场景化中的页面时,将这个场景化中的所有页面都进行缓存,从而可以实现页面操作的关联性和延续性,提升操作体验,提高工作效率,同时当访问的页面为一个场景化的入口页面时,如果该入口页面是当前场景的入口页面,则可以将除该入口页面以外的其他页面的缓存,如果该入口页面时其他场景的入口页面,则可以清除之前缓存的其他场景化的页面,也可以减少存储页面的缓存数据的内存,降低对页面的缓存数据进行存储的压力。
在一种可选的实施例中,所述方法还包括:
响应于目标对象在网页浏览应用中访问所述目标页面的操作,将对所述目标页面进行缓存得到的所述目标页面对应的缓存数据保存至所述已缓存的页面资源中,并在所述网页浏览应用的显示界面中显示所述目标页面。
在该实施例中,响应于目标对象在网页浏览应用中访问目标页面的操作,可以将对目标页面进行缓存得到的目标页面对应的缓存数据保存至已缓存的页面资源中,并在网页浏览应用的显示界面中显示目标页面。从而当目标对象访问一个页面时,可以对该页面进行缓存,从而在目标对象再次跳转回该页面时,可以根据该页面对应的缓存数据,快速恢复该页面,提高操作工作效率。
在一种可选的实施例中,所述方法还包括:
响应于目标对象在网页浏览应用中从当前页面跳转到所述目标页面的操作,从所述已缓存的页面资源中清除所述当前页面对应的缓存数据。
在该实施例中,响应于目标对象在网页浏览应用中从当前页面跳转到目标页面的操作,可以从已缓存的页面资源中清除当前页面对应的缓存数据。从而可以减少存储页面的缓存数据的内存,降低对页面的缓存数据进行存储的压力。
第二方面,本申请实施例还提供了一种展示页面的装置,所述装置包括:
目标页面确定单元,用于响应于目标对象在网页浏览应用中输入的页面跳转操作,确定所述页面跳转操作对应的目标页面;
最新数据获取单元,用于从已缓存的页面资源中获取所述目标页面对应的缓存数据,并根据所述目标页面的预设标识从服务器获取所述目标页面对应的最新数据;所述最新数据为所述缓存数据在最新状态下对应的数据;
更新数据确定单元,用于将所述缓存数据与所述最新数据进行对比,确定所述目标页面对应的更新数据;
目标页面展示单元,用于根据所述缓存数据和所述更新数据,在所述网页浏览应用的显示界面中显示所述目标页面。
在一种可选的实施例中,所述最新数据获取单元,具体用于:
向服务器发送数据获取请求,所述数据获取请求中携带所述目标页面的预设标识;
接收所述服务器发送的根据所述目标页面的预设标识获取到的所述目标页面对应的最新数据。
在一种可选的实施例中,所述装置还包括第一缓存数据清除单元,用于:
响应于目标对象在网页浏览应用中访问所述目标页面的操作,确定所述目标页面对应的页面类型;
若所述目标页面对应的页面类型为场景化入口页面,则确定所述目标页面对应的目标场景;
若所述目标页面对应的目标场景为当前场景,则清除所述已缓存的页面资源中除所述目标页面以外的其他页面对应的缓存数据;
若所述目标页面对应的目标场景为其他场景,则清除所述已缓存的页面资源中的所有页面对应的缓存数据。
在一种可选的实施例中,所述装置还包括页面缓存单元,用于:
响应于目标对象在网页浏览应用中访问所述目标页面的操作,将对所述目标页面进行缓存得到的所述目标页面对应的缓存数据保存至所述已缓存的页面资源中,并在所述网页浏览应用的显示界面中显示所述目标页面。
在一种可选的实施例中,所述装置还包括第二缓存数据清除单元,用于:
响应于目标对象在网页浏览应用中从当前页面跳转到所述目标页面的操作,从所述已缓存的页面资源中清除所述当前页面对应的缓存数据。
第三方面,本申请实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时,实现第一方面的展示页面的方法。
第四方面,本申请实施例还提供了一种电子设备,包括存储器和处理器,所述存储器上存储有可在所述处理器上运行的计算机程序,当所述计算机程序被所述处理器执行时,使得所述处理器实现第一方面的展示页面的方法。
第二方面至第四方面中任意一种实现方式所带来的技术效果可参见第一方面中对应的实现方式所带来的技术效果,此处不再赘述。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简要介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域的普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种网页浏览应用的显示界面中显示的页面示意图;
图2为本申请实施例提供的一种展示页面的方法的流程图;
图3为本申请实施例提供的另一种展示页面的方法的流程图;
图4为本申请实施例提供的一种展示页面的装置的结构示意图;
图5为本申请实施例提供的另一种展示页面的装置的结构示意图;
图6为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
为了使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请作进一步地详细描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本申请保护的范围。
需要说明的是,本申请的文件中涉及的术语“包括”和“具有”以及它们的变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
下面将结合附图,对本申请实施例提供的技术方案进行详细说明。
下文中所用的词语“示例性”的意思为“用作例子、实施例或说明性”。作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。在本申请实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
在对网页浏览应用中的页面进行缓存和展示前,可以先对网页浏览应用中的所有页面进行场景化设计和管理。具体地,将网页浏览应用中的所有页面按照不同的场景(业务)划分成不同的场景化页面,并在每个场景中,根据页面对应的不同页面类型,将该场景下的所有页面划分成场景化入口页面和场景化子页面。其中,每个场景中一般包括有一个场景化入口页面和至少一个场景化子页面。
示例性地,如图1所示,为一个网页浏览应用的显示界面中显示的一个页面,且该页面中的每个数字都可以点击,并且点击这些数字可以分别进入相应的页面中。在图1中,显示界面中所显示的页面的左边一列为该网页浏览应用中包括的各个业务,即该网页浏览应用包括有“服务管理”、“客户管理”、“客户信息”、“客户分组”、“计费管理”、“资源管理”、“运行监控”和“运维告警”共8个场景,则可以将该网页浏览应用中包括的所有页面根据以上8个场景,划分为8个场景化页面。
在该网页浏览应用中点击某个场景,就可以访问该场景下的场景化入口页面,通过点击该场景化入口页面中的某些设定元素,就可以访问该场景下的场景化子页面,以及通过点击该场景化子页面中的某些设定元素,又可以访问该场景下的其他场景化子页面。比如,点击图1的左边一列中的“客户信息”,就可以访问图1的右边一列所展示的页面,则该页面即为“客户信息”场景下的场景化入口页面,若点击该页面中的列表的第一行的“实例1”对应的数字“0”,就可以访问“客户信息”场景下的一个场景化子页面,若点击该页面中的列表的第一行的“实例2”对应的数字“0”,又可以访问“客户信息”场景下的另一个场景化子页面。
对网页浏览应用中的所有页面进行场景化设计,就是对网页浏览应用中的页面路由信息进行标记,标记出场景化操作的入口页面和子页面。并且,可以标记网页浏览应用中的所有一级菜单页面为场景化入口页面,其他页面为场景化子页面。
可选的,也可以将网页浏览应用中的所有页面划分成场景化页面和非场景化页面。例如,当一个网页浏览应用中除了包含需要办理的业务对应的页面外,还包含有其他页面时,可以将所有业务对应的页面按照业务的不同,划分成不同的场景化页面,将其他页面作为非场景化页面。
在对网页浏览应用中的页面进行场景化设计,将网页浏览应用中的页面划分成场景化页面后,可以对网页浏览应用中的场景化页面进行管理,即当访问一个场景中的页面时,访问该场景中的哪个页面,就缓存哪个页面,当访问另一个场景中的页面时,就清除前一个场景包括的所有页面对应的页面缓存。
在对网页浏览应用中的页面进行场景化设计和管理后,可以基于场景化对网页浏览应用中的页面进行缓存和展示。具体地,本申请实施例提供了一种展示页面的方法,如图2所示,包括如下步骤:
步骤S201,响应于目标对象在网页浏览应用中输入的页面跳转操作,确定页面跳转操作对应的目标页面。
示例性地,目标对象在网页浏览应用中正在浏览当前页面,响应于目标对象输入的后退操作,可以从当前页面返回到上级页面,即从当前页面跳转到目标页面。
步骤S202,从已缓存的页面资源中获取目标页面对应的缓存数据,并根据目标页面的预设标识从服务器获取目标页面对应的最新数据。
其中,目标页面对应的最新数据为目标页面对应的缓存数据在最新状态下对应的数据。也即当获取到目标页面对应的缓存数据后,可以从服务器中获取到缓存该目标页面对应的数据的最新状态。
当确定返回目标页面时,可以从已有的场景化缓存的页面资源中获取到目标页面对应的缓存数据,并向服务器发送携带有目标页面的预设标识的数据获取请求。
服务器在接收到携带有目标页面的预设标识的数据获取请求后,可以根据目标页面的预设标识获取到目标页面对应的最新数据,并将获取到目标页面对应的最新数据进行返回。
其中,预设标识中可以包括有其他已缓存的条件,比如是在对目标页面进行缓存前,目标对象在目标页面中输入的信息。例如,在对目标页面进行缓存前,目标对象在目标页面中的多个列表筛选框中分别输入了搜索信息,则可以根据目标对象在目标页面中输入的搜索信息,从服务器中获取到与该搜索信息相关的最新数据。
可选的,在对目标页面进行缓存时,可以缓存目标页面的部分页面,即已缓存的页面资源中存储的是目标页面的局部缓存数据,则根据目标页面的局部缓存数据从服务器中获取到的缓存数据处于最新状态下的数据也是局部最新数据。
步骤S203,将缓存数据与最新数据进行对比,确定目标页面对应的更新数据。
在从服务器获取到目标页面对应的最新数据后,可以将目标页面对应的缓存数据,与目标页面对应的最新数据进行对比,确定出最新数据中与缓存数据不同的目标数据,并将目标数据作为目标页面对应的更新数据。
步骤S204,根据缓存数据和更新数据,在网页浏览应用的显示界面中显示目标页面。
在确定出目标页面对应的更新数据后,可以根据目标页面对应的缓存数据和更新数据,在网页浏览应用的显示界面中显示目标页面。
例如,当目标对象访问页面A时,可以对页面A进行缓存,获取页面A对应的缓存数据为条件1:123,条件2:234,目标对象从页面A跳转到页面B后,在网页浏览应用的显示界面中显示页面B时,目标对象点击了网页浏览应用的显示界面中的后退按钮,即确定从页面B返回页面A,则可以从已缓存的页面资源中获取到页面A对应的缓存数据即条件1:123,条件2:234,并根据页面A的预设标识从服务器获取到页面A对应的最新数据为条件1:125,条件2:234,将页面A对应的缓存数据即条件1:123,条件2:234,与页面A对应的最新数据即条件1:125,条件2:234进行对比,可以确定目标页面对应的更新数据为条件1:125,进而可以根据页面A对应的缓存数据和更新数据,在网页浏览应用的显示界面中显示页面A。
可选的,响应于目标对象在网页浏览应用中访问目标页面的操作,可以将对目标页面进行缓存得到的目标页面对应的缓存数据保存至已缓存的页面资源中,并在网页浏览应用的显示界面中显示目标页面。
示例性地,当目标对象在网页浏览应用中访问页面A时,可以缓存页面A的虚拟文档对象模型(Document Object Model,DOM)节点,并在网页浏览应用的显示界面中显示页面A。
并且,当网页浏览应用的显示界面中显示页面A后,若页面A在显示的过程中节点数据发生变化,则可以通过更新虚拟DOM节点数据,并通过虚拟DOM节点展示到真实页面中去。
在一种实施例中,响应于目标对象在网页浏览应用中访问目标页面的操作,可以确定目标页面对应的页面类型。
若目标页面对应的页面类型为场景化入口页面,则确定目标页面对应的目标场景,若目标页面对应的目标场景为当前场景,则清除已缓存的页面资源中除目标页面以外的其他页面对应的缓存数据,并从已缓存的页面资源中获取目标页面对应的缓存数据,根据目标页面的预设标识从服务器获取目标页面对应的最新数据,且该最新数据为目标页面对应的缓存数据在最新状态下对应的数据,将缓存数据与最新数据进行对比,确定出目标页面对应的更新数据后,根据缓存数据和更新数据,在网页浏览应用的显示界面中显示目标页面。
若目标页面对应的目标场景为其他场景,则清除已缓存的页面资源中的所有页面对应的缓存数据,并缓存目标页面,将目标页面对应的缓存数据保存至已缓存的页面资源中,在网页浏览应用的显示界面中显示目标页面。
例如,网页浏览应用中的场景A对应有10个页面,场景B对应有5个页面。其中,场景A对应的场景化入口页面为页面A1,其他页面为页面A对应的场景化子页面,场景B对应的场景化入口页面为页面B1,其他页面为场景B对应的场景化子页面。当目标对象访问场景A中的10个页面时,访问哪个页面时,就对应缓存哪个页面,获得哪个页面对应的缓存数据;同样的,当目标对象访问场景B中的5个页面时,访问哪个页面时,就对应缓存哪个页面,获得哪个页面对应的缓存数据。若目标对象访问场景A中的页面后,当前访问的页面为页面A1,则可以从已缓存的页面资源中清除掉除页面A1以外的其他页面对应的缓存数据,即清除场景A中除场景化入口页面A1以外的其他场景化子页面的页面缓存;若目标对象当前访问的页面为页面B1,则可以将已缓存的页面资源中的所有页面对应的缓存数据全部清除,即清除前一个场景A的页面缓存。
若目标页面对应的页面类型为场景化子页面,则缓存目标页面,将目标页面对应的缓存数据保存至已缓存的页面资源中,并在网页浏览应用的显示界面中显示目标页面。
可选的,响应于目标对象在网页浏览应用中从当前页面跳转到目标页面的操作,可以从已缓存的页面资源中清除当前页面对应的缓存数据。
在一些实施例中,在对网页浏览应用中的页面路由信息进行标记,标记出场景化操作的入口页面和子页面后,还可以按照如图3所示的过程实现本申请实施例中提供的展示页面的方法。如图3所示,包括如下步骤:
步骤S301,响应于目标对象在网页浏览应用中访问当前页面的操作,可以确定当前页面对应的页面类型。
步骤S302,确定当前页面对应的页面类型是否为场景化入口页面;如果否,执行步骤S303;如果是,执行步骤S309。
步骤S303,缓存当前页面,将当前页面对应的缓存数据保存至已缓存的页面资源中,并在网页浏览应用的显示界面中显示当前页面。
在进入一个页面时,可以判断该页面是否为场景化子页面,如果该页面是场景化子页面,则缓存和显示该页面。
步骤S304,响应于目标对象从当前页面跳转到目标页面的操作,从已缓存的页面资源中清除当前页面对应的缓存数据。
步骤S305,从已缓存的页面资源中获取目标页面对应的缓存数据。
步骤S306,向服务器发送携带有目标页面的预设标识的数据获取请求,接收服务器发送的根据目标页面的预设标识获取到的目标页面对应的最新数据。
步骤S307,将目标页面的缓存数据与最新数据进行对比,确定目标页面对应的更新数据。
步骤S308,根据目标页面的缓存数据和更新数据,在网页浏览应用的显示界面中显示目标页面。
在从当前页面返回上级页面,即从当前页面返回目标页面时,可以清除当前页面的缓存,并从缓存中恢复目标页面,同时触发恢复激活事件,进行局部数据更新,从而根据缓存中恢复的目标页面和目标页面的局部数据更新,对目标页面进行显示。
步骤S309,确定当前页面对应的目标场景是否为当前场景;如果否,执行步骤S310;如果是,执行步骤S311。
步骤S310,清除已缓存的页面资源中的所有页面对应的缓存数据,并缓存当前页面,将当前页面对应的缓存数据保存至已缓存的页面资源中,在网页浏览应用的显示界面中显示当前页面。
步骤S311,清除已缓存的页面资源中除当前页面以外的其他页面对应的缓存数据,并将当前页面作为目标页面,然后执行步骤S305。
在进入一个页面时,可以判断该页面是否为场景化入口页面,如果该页面是场景化入口页面,则确定当前页面对应的目标场景,若当前页面对应的目标场景为当前场景,则清除已缓存的页面资源中除当前页面以外的其他页面对应的缓存数据,并从已缓存的页面资源中获取目标页面对应的缓存数据,根据目标页面的预设标识从服务器获取目标页面对应的最新数据,且该最新数据为目标页面对应的缓存数据在最新状态下对应的数据,将缓存数据与最新数据进行对比,确定出目标页面对应的更新数据后,根据缓存数据和更新数据,在网页浏览应用的显示界面中显示目标页面。
若当前页面对应的目标场景不是当前场景,而是其他场景,则清除旧系列的缓存页面,即清除已缓存的页面资源中的所有页面对应的缓存数据,开启新系列缓存,即开启对该页面对应的场景所包括的所有页面的缓存,并缓存和显示该页面。
可选的,当跳转到非场景入口页面或非场景子页面时,表示访问场景结束,可以清除所有访问场景系列的缓存。
在一种实施例中,在标记网页浏览应用中的所有一级菜单页面为场景化入口页面,其他页面为场景化子页面后,当目标对象访问场景化入口页面,且根据条件查询关心的数据列表时,可以缓存场景化入口页面的虚拟DOM节点;当目标对象从场景化入口页面进入某条数据的详情子页面,即场景化子页面时,可以缓存该场景化子页面的虚拟DOM节点,同理,在继续跳转进入多级子页面时,都会缓存相应的子页面的虚拟DOM节点。
本申请实施例提供一种展示页面的方法,可以实现缓存页面的精细化操作,实现返回页面既有部分缓存,又可以刷新部分实时数据,能够同时满足操作的方便性和数据的实时性。再结合对页面路由进行场景化设计,当目标对象访问一系列相关的页面时,将该系列的页面都缓存起来,从而可以既满足操作的方便性和数据的实时性,又增加了操作的关联性及延续性,快速实现目标对象的操作目的,提升操作体验,提高操作工作效率。
与相关技术相比,本申请提出的展示页面的方法具有以下优势:
1、可以自主的对缓存页面进行标记,标记场景化入口页面和场景化子页面。
2、支持缓存页面的局部刷新,同时满足操作的方便性和数据的实时性。
3、支持页面的场景化系列设计,实现页面操作的关联性和延续性,提升操作体验,提高操作工作效率。
与图1所示的展示页面的方法基于同一发明构思,本申请实施例中还提供了一种展示页面的装置。由于该装置是本申请展示页面的方法对应的装置,并且该装置解决问题的原理与该方法相似,因此该装置的实施可以参见上述方法的实施,重复之处不再赘述。
图4示出了本申请实施例提供的一种展示页面的装置的结构示意图,如图4所示,该展示页面的装置包括目标页面确定单元401、最新数据获取单元402、更新数据确定单元403和目标页面展示单元404。
其中,目标页面确定单元401,用于响应于目标对象在网页浏览应用中输入的页面跳转操作,确定页面跳转操作对应的目标页面;
最新数据获取单元402,用于从已缓存的页面资源中获取目标页面对应的缓存数据,并根据目标页面的预设标识从服务器获取目标页面对应的最新数据;最新数据为缓存数据在最新状态下对应的数据;
更新数据确定单元403,用于将缓存数据与最新数据进行对比,确定目标页面对应的更新数据;
目标页面展示单元404,用于根据缓存数据和更新数据,在网页浏览应用的显示界面中显示目标页面。
在一种可选的实施例中,最新数据获取单元402,具体用于:
向服务器发送数据获取请求,数据获取请求中携带目标页面的预设标识;
接收服务器发送的根据目标页面的预设标识获取到的目标页面对应的最新数据。
在一种可选的实施例中,如图5所示,上述装置还可以包括第一缓存数据清除单元501,用于:
响应于目标对象在网页浏览应用中访问目标页面的操作,确定目标页面对应的页面类型;
若目标页面对应的页面类型为场景化入口页面,则确定目标页面对应的目标场景;
若目标页面对应的目标场景为当前场景,则清除已缓存的页面资源中除目标页面以外的其他页面对应的缓存数据;
若目标页面对应的目标场景为其他场景,则清除已缓存的页面资源中的所有页面对应的缓存数据。
在一种可选的实施例中,如图5所示,上述装置还可以包括页面缓存单元502,用于:
响应于目标对象在网页浏览应用中访问目标页面的操作,将对目标页面进行缓存得到的目标页面对应的缓存数据保存至已缓存的页面资源中,并在网页浏览应用的显示界面中显示目标页面。
在一种可选的实施例中,如图5所示,上述装置还可以包括第二缓存数据清除单元503,用于:
响应于目标对象在网页浏览应用中从当前页面跳转到目标页面的操作,从已缓存的页面资源中清除当前页面对应的缓存数据。
与上述方法实施例基于同一发明构思,本申请实施例中还提供了一种电子设备。该电子设备可以用于在网页浏览应用的显示界面中展示页面。在该实施例中,电子设备的结构可以如图6所示,包括存储器601以及一个或多个处理器602。
存储器601,用于存储处理器602执行的计算机程序。存储器601可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统,以及运行即时通讯功能所需的程序等;存储数据区可存储各种即时通讯信息和操作指令集等。
存储器601可以是易失性存储器(volatile memory),例如随机存取存储器(random-access memory,RAM);存储器601也可以是非易失性存储器(non-volatilememory),例如只读存储器,快闪存储器(flash memory),硬盘(hard disk drive,HDD)或固态硬盘(solid-state drive,SSD)、或者存储器601是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。存储器601可以是上述存储器的组合。
处理器602,可以包括一个或多个中央处理单元(central processing unit,CPU)或者为数字处理单元等等。处理器602,用于调用存储器601中存储的计算机程序时实现上述展示页面的方法。
本申请实施例中不限定上述存储器601和处理器602之间的具体连接介质。本公开实施例在图6中以存储器601和处理器602之间通过总线603连接,总线603在图6中以粗线表示,其它部件之间的连接方式,仅是进行示意性说明,并不引以为限。总线603可以分为地址总线、数据总线、控制总线等。为便于表示,图6中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
根据本申请的一个方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述实施例中的展示页面的方法。
程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。
Claims (10)
1.一种展示页面的方法,其特征在于,包括:
响应于目标对象在网页浏览应用中输入的页面跳转操作,确定所述页面跳转操作对应的目标页面;
从已缓存的页面资源中获取所述目标页面对应的缓存数据,并根据所述目标页面的预设标识从服务器获取所述目标页面对应的最新数据;所述最新数据为所述缓存数据在最新状态下对应的数据;
将所述缓存数据与所述最新数据进行对比,确定所述目标页面对应的更新数据;
根据所述缓存数据和所述更新数据,在所述网页浏览应用的显示界面中显示所述目标页面。
2.如权利要求1所述的方法,其特征在于,根据所述目标页面的预设标识从服务器获取所述目标页面对应的最新数据,包括:
向服务器发送数据获取请求,所述数据获取请求中携带所述目标页面的预设标识;
接收所述服务器发送的根据所述目标页面的预设标识获取到的所述目标页面对应的最新数据。
3.如权利要求1所述的方法,其特征在于,所述方法还包括:
响应于目标对象在网页浏览应用中访问所述目标页面的操作,确定所述目标页面对应的页面类型;
若所述目标页面对应的页面类型为场景化入口页面,则确定所述目标页面对应的目标场景;
若所述目标页面对应的目标场景为当前场景,则清除所述已缓存的页面资源中除所述目标页面以外的其他页面对应的缓存数据;
若所述目标页面对应的目标场景为其他场景,则清除所述已缓存的页面资源中的所有页面对应的缓存数据。
4.如权利要求1所述的方法,其特征在于,所述方法还包括:
响应于目标对象在网页浏览应用中访问所述目标页面的操作,将对所述目标页面进行缓存得到的所述目标页面对应的缓存数据保存至所述已缓存的页面资源中,并在所述网页浏览应用的显示界面中显示所述目标页面。
5.如权利要求1所述的方法,其特征在于,所述方法还包括:
响应于目标对象在网页浏览应用中从当前页面跳转到所述目标页面的操作,从所述已缓存的页面资源中清除所述当前页面对应的缓存数据。
6.一种展示页面的装置,其特征在于,包括:
目标页面确定单元,用于响应于目标对象在网页浏览应用中输入的页面跳转操作,确定所述页面跳转操作对应的目标页面;
最新数据获取单元,用于从已缓存的页面资源中获取所述目标页面对应的缓存数据,并根据所述目标页面的预设标识从服务器获取所述目标页面对应的最新数据;所述最新数据为所述缓存数据在最新状态下对应的数据;
更新数据确定单元,用于将所述缓存数据与所述最新数据进行对比,确定所述目标页面对应的更新数据;
目标页面展示单元,用于根据所述缓存数据和所述更新数据,在所述网页浏览应用的显示界面中显示所述目标页面。
7.如权利要求6所述的装置,其特征在于,所述最新数据获取单元,具体用于:
向服务器发送数据获取请求,所述数据获取请求中携带所述目标页面的预设标识;
接收所述服务器发送的根据所述目标页面的预设标识获取到的所述目标页面对应的最新数据。
8.如权利要求6所述的装置,其特征在于,所述装置还包括缓存数据清除单元,用于:
响应于目标对象在网页浏览应用中访问所述目标页面的操作,确定所述目标页面对应的页面类型;
若所述目标页面对应的页面类型为场景化入口页面,则确定所述目标页面对应的目标场景;
若所述目标页面对应的目标场景为当前场景,则清除所述已缓存的页面资源中除所述目标页面以外的其他页面对应的缓存数据;
若所述目标页面对应的目标场景为其他场景,则清除所述已缓存的页面资源中的所有页面对应的缓存数据。
9.一种电子设备,其特征在于,其包括处理器和存储器,其中,所述存储器存储有程序代码,当所述程序代码被所述处理器执行时,使得所述处理器执行权利要求1~5中任一所述方法的步骤。
10.一种计算机可读存储介质,其特征在于,其包括程序代码,当所述程序代码在电子设备上运行时,所述程序代码用于使所述电子设备执行权利要求1~5中任一所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210891983.7A CN115292627A (zh) | 2022-07-27 | 2022-07-27 | 一种展示页面的方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210891983.7A CN115292627A (zh) | 2022-07-27 | 2022-07-27 | 一种展示页面的方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115292627A true CN115292627A (zh) | 2022-11-04 |
Family
ID=83823416
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210891983.7A Pending CN115292627A (zh) | 2022-07-27 | 2022-07-27 | 一种展示页面的方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115292627A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117170563A (zh) * | 2023-10-27 | 2023-12-05 | 荣耀终端有限公司 | 在刷新页面时对服务数据进行打点的方法和电子设备 |
-
2022
- 2022-07-27 CN CN202210891983.7A patent/CN115292627A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117170563A (zh) * | 2023-10-27 | 2023-12-05 | 荣耀终端有限公司 | 在刷新页面时对服务数据进行打点的方法和电子设备 |
CN117170563B (zh) * | 2023-10-27 | 2024-03-15 | 荣耀终端有限公司 | 在刷新页面时对服务数据进行打点的方法和电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106886570B (zh) | 页面处理方法及装置 | |
CN106503134B (zh) | 浏览器跳转至应用程序的数据同步方法及装置 | |
US10198410B2 (en) | Method, device and mobile terminal for restoring page | |
CN108280125A (zh) | 页面显示的方法、装置、存储介质和电子装置 | |
CN110765379B (zh) | 加载资源文件的方法、装置、计算机设备及存储介质 | |
CN107590275B (zh) | 一种数据查询方法和装置 | |
CN111597475B (zh) | 一种返回页面的方法、装置、电子设备及计算机存储介质 | |
CN106649313B (zh) | 用于处理缓存数据的方法和设备 | |
CN110598135A (zh) | 网络请求处理方法、装置、计算机可读介质及电子设备 | |
CN111770119B (zh) | 网站资源获取方法、系统、装置及计算机存储介质 | |
CN115292627A (zh) | 一种展示页面的方法、装置、电子设备及存储介质 | |
CN110780939B (zh) | 加载资源文件的方法、装置、计算机设备及存储介质 | |
CN114157568B (zh) | 一种浏览器安全访问方法、装置、设备及存储介质 | |
CN111538645B (zh) | 数据可视化方法及相关设备 | |
CN112286559A (zh) | 一种车载智能终端的升级方法及装置 | |
CN110708270B (zh) | 异常链接检测方法以及装置 | |
CN107807993B (zh) | 一种网页历史记录功能的实现方法及装置 | |
CN115033322A (zh) | 页面控制方法、装置、存储介质及电子装置 | |
CN114036431A (zh) | 页面缓存跳转方法、装置、电子设备及存储介质 | |
CN113961298A (zh) | 一种页面切换方法、装置、设备及介质 | |
CN110223108B (zh) | 点击通过率的预测方法、装置及设备 | |
CN113435948A (zh) | 一种电商平台数据监测方法及系统 | |
JP2003271494A (ja) | 情報収集システム、情報収集方法、情報収集プログラムおよび記録媒体 | |
CN112100553A (zh) | 一种网页页面配置方法、装置、电子设备及存储介质 | |
CN107451160B (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 |