页面缓冲的处理方法、装置、计算机设备及存储介质制造方法及图纸

本发明专利技术实施例公开了一种页面缓冲的处理方法、装置、计算机设备及存储介质，包括下述步骤：获取目标页面的交互信息，其中，所述交互信息包括请求信息和响应信息；当获取的交互信息为请求信息时，触发所述目标页面的缓冲效果；当获取的交互信息为响应信息时，根据所述拦截器的计数信息确认所述目标页面是否符合预设的缓冲条件，并根据确认结果设置所述目标页面的缓冲状态。通过设置拦截器对系统所有页面的所有Http请求的页面缓冲进行统一拦截处理，只需要在一个地方编写页面缓冲代码，即可实现全局效果，当Http请求过多过频繁时，可以有效减少工作量，避免类似的代码被编写无数遍，提高工作效率，优化代码结构。

Processing method, device, computer equipment and storage medium of page buffer

【技术实现步骤摘要】
页面缓冲的处理方法、装置、计算机设备及存储介质
本专利技术涉及网络通信
，特别是涉及一种页面缓冲的处理方法、装置、计算机设备及存储介质。
技术介绍
随着互联网的迅速发展，网络“提速”一直备受关注，人们打开Web页面的速度越来越快，一般页面缓冲和加载的过程对于用户几乎是无感知的。然而，在某些情况下，例如网站急需加载大量数据，或者用户请求需要后端做出复杂的逻辑处理，用户下载文件过大等等，难免会出现需要用户等待的场景。面对这种情况，传统的解决方案就需要开发人员对每一个请求分别去处理页面加载缓冲，在等待后端数据响应期间，添加loading效果。这种处理方式，对于规模较小的网站系统，还是很容易满足需求的，但是对于大型网站，当Http请求过多多频繁时，开发工作量巨大，并且容易造成类似的代码被编写无数遍，编码效率低下。此外，假如一个页面有N个请求，那么就会在这个页面编写N次页面缓冲效果，造成代码臃肿。当网站前端架构是SPA时，加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序，此时更加需要频繁的处理页面缓冲。
技术实现思路
本专利技术实施例能够提供一种提高工作效率、优化代码结构的页面缓冲的处理方法、装置、计算机设备及存储介质。为解决上述技术问题，本专利技术创造的实施例采用的一个技术方案是：提供一种页面缓冲的处理方法，包括以下步骤：获取目标页面的交互信息，其中，所述交互信息包括请求信息和响应信息；当获取的交互信息为请求信息时，触发所述目标页面的缓冲效果；当获取的交互信息为响应信息时，根据所述拦截器的计数信息确认所述目标页面是否符合预设的缓冲条件，并根据确认结果设置所述目标页面的缓冲状态。可选地，所述获取页面的交互信息的步骤之后，包括以下步骤：获取所述目标页面的计数信息，其中，所述计数信息为所述目标页面未响应的页面请求数量；根据所述交互信息调整所述计数信息的值。可选地，所述根据所述交互信息调整所述计数信息的值的步骤，包括以下步骤：当获取的交互信息为请求信息时，增加所述计数信息的值；当获取的交互信息为响应信息时，减少所述计数信息的值。可选地，所述缓冲条件为所述计数信息的值大于预设的第一阈值，所述当获取的交互信息为响应信息时，根据所述拦截器的计数信息确认所述目标页面是否符合预设的缓冲条件，并根据确认结果设置所述目标页面的缓冲状态的步骤，包括以下步骤：将所述计数信息的值与预设的第一阈值进行对比；当所述计数信息的值大于所述第一阈值时，保持页面缓冲状态；当所述计数信息的值等于所述第一阈值时，结束页面缓冲状态。可选地，所述当获取的交互信息为请求信息时，触发所述目标页面的缓冲效果的步骤之后，包括下述步骤：将所述计数信息的值与预设的第二阈值进行对比；当所述计数信息的值大于所述第二阈值时，加载预设的交互组件；当所述计数信息的值不大于所述第二阈值时，加载预设的缓冲图像。可选地，所述交互组件的种类不少于两种，所述当所述计数信息的值大于所述第二阈值时，加载预设的交互组件的步骤之后，包括下述步骤：获取用户的组件切换指令；根据用户的组件切换指令切换所述交互组件。可选地，所述当所述计数信息的值大于所述第二阈值时，加载预设的交互组件的步骤，包括下述步骤：获取用户的兴趣信息；根据所述兴趣信息确定所述交互组件并进行加载。为解决上述技术问题，本专利技术实施例还提供一种页面缓冲的处理装置，包括：获取模块，用于获取目标页面的交互信息，其中，所述交互信息包括请求信息和响应信息；执行模块，用于当获取的交互信息为请求信息时，触发所述目标页面的缓冲效果；处理模块，用于当获取的交互信息为响应信息时，根据所述拦截器的计数信息确认所述目标页面是否符合预设的缓冲条件，并根据确认结果设置所述目标页面的缓冲状态。可选地，所述页面缓冲的处理装置，还包括：第一获取子模块，用于获取所述目标页面的计数信息，其中，所述计数信息为所述目标页面未响应的页面请求数量；第一处理子模块，用于根据所述交互信息调整所述计数信息的值。可选地，所述页面缓冲的处理装置，还包括：第一执行子模块，用于当获取的交互信息为请求信息时，增加所述计数信息的值；第二执行子模块，用于当获取的交互信息为响应信息时，减少所述计数信息的值。可选地，所述页面缓冲的处理装置，还包括：第一对比子模块，用于将所述计数信息的值与预设的第一阈值进行对比；第三执行子模块，用于当所述计数信息的值大于所述第一阈值时，保持页面缓冲状态；第四执行子模块，用于当所述计数信息的值等于所述第一阈值时，结束页面缓冲状态。可选地，所述页面缓冲的处理装置，还包括：第二对比子模块，用于将所述计数信息的值与预设的第二阈值进行对比；第五执行子模块，用于当所述计数信息的值大于所述第二阈值时，加载预设的交互组件；第六执行子模块，用于当所述计数信息的值不大于所述第二阈值时，加载预设的缓冲图像。可选地，所述页面缓冲的处理装置，还包括：第二获取子模块，用于获取用户的组件切换指令；第一切换子模块，用于根据用户的组件切换指令切换所述交互组件。可选地，所述页面缓冲的处理装置，还包括：第三获取子模块，用于获取用户的兴趣信息；第二处理子模块，用于根据所述兴趣信息确定所述交互组件并进行加载。为解决上述技术问题，本专利技术实施例还提供一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行上述所述页面缓冲的处理方法的步骤。为解决上述技术问题，本专利技术实施例还提供一种存储有计算机可读指令的存储介质，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行上述所述页面缓冲的处理方法的步骤。本专利技术实施例的有益效果是：通过设置拦截器对系统所有页面的所有Http请求的页面缓冲进行统一拦截处理，当请求进入拦截器时，触发页面缓冲效果，当后台响应进入拦截器时，判断页面缓冲的状态，符合条件时继续流转，不符合条件时结束缓冲，通过这种方法只需要在一个地方编写页面缓冲代码，即可实现全局效果，当Http请求过多过频繁时，可以有效减少工作量，避免类似的代码被编写无数遍，提高工作效率，优化代码结构。当单个HTML页面在用户与应用程序交互时动态更新该页面的Web应用程序时需要频繁的处理页面缓冲，通过上述方法可以对页面内容进行统一缓冲，避免了部分内容加载完毕而部分内容还未缓冲的情况，提升用户体验。附图说明为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他本文档来自技高网...

【技术保护点】
1.一种页面缓冲的处理方法，其特征在于，包括以下步骤：/n获取目标页面的交互信息，其中，所述交互信息包括请求信息和响应信息；/n当获取的交互信息为请求信息时，触发所述目标页面的缓冲效果；/n当获取的交互信息为响应信息时，根据所述拦截器的计数信息确认所述目标页面是否符合预设的缓冲条件，并根据确认结果设置所述目标页面的缓冲状态。/n

【技术特征摘要】
1.一种页面缓冲的处理方法，其特征在于，包括以下步骤：
获取目标页面的交互信息，其中，所述交互信息包括请求信息和响应信息；
当获取的交互信息为请求信息时，触发所述目标页面的缓冲效果；
当获取的交互信息为响应信息时，根据所述拦截器的计数信息确认所述目标页面是否符合预设的缓冲条件，并根据确认结果设置所述目标页面的缓冲状态。


2.如权利要求1所述的页面缓冲的处理方法，其特征在于，所述获取页面的交互信息的步骤之后，包括以下步骤：
获取所述目标页面的计数信息，其中，所述计数信息为所述目标页面未响应的页面请求数量；
根据所述交互信息调整所述计数信息的值。


3.如权利要求2所述的页面缓冲的处理方法，其特征在于，所述根据所述交互信息调整所述计数信息的值的步骤，包括以下步骤：
当获取的交互信息为请求信息时，增加所述计数信息的值；
当获取的交互信息为响应信息时，减少所述计数信息的值。


4.如权利要求1所述的页面缓冲的处理方法，其特征在于，所述缓冲条件为所述计数信息的值大于预设的第一阈值，所述当获取的交互信息为响应信息时，根据所述拦截器的计数信息确认所述目标页面是否符合预设的缓冲条件，并根据确认结果设置所述目标页面的缓冲状态的步骤，包括以下步骤：
将所述计数信息的值与预设的第一阈值进行对比；
当所述计数信息的值大于所述第一阈值时，保持页面缓冲状态；
当所述计数信息的值等于所述第一阈值时，结束页面缓冲状态。


5.如权利要求1所述的页面缓冲的处理方法，其特征在于，所述当获取的交互信息为请求信息时，触发所述目标页面的缓冲效果的步骤之后，包括下述步骤：
将所述...

【专利技术属性】
技术研发人员：曹曦，
申请(专利权)人：北京东软望海科技有限公司，
类型：发明
国别省市：北京;11