页面刷新方法及其装置、电子设备制造方法及图纸

技术编号:36833362 阅读:12 留言:0更新日期:2023-03-12 01:58
本申请实施例提供了一种页面刷新方法及其装置、电子设备,涉及页面刷新技术领域。该页面刷新方法可以包括:接收前端设备发送的目标页面的目标属性的第一变动信息;其中,所述第一变动信息为用户对所述目标属性进行的一次前端操作产生的,且所述前端操作需要后端服务;基于预设属性约束配置,对所述第一变动信息进行约束处理和校验处理,得到所述目标页面的增量信息;发送所述增量信息至所述前端设备以进行所述目标页面的增量更新。本申请实施例提供的技术方案,可以解决现有技术中页面刷新效率低的问题。效率低的问题。效率低的问题。

【技术实现步骤摘要】
页面刷新方法及其装置、电子设备


[0001]本申请属于页面刷新
,具体涉及一种页面刷新方法及其装置、电子设备。

技术介绍

[0002]目前,许多应用程序的页面是基于HTML5(Hyper Text MarkupLanguage 5,第5代超文本标记语言)开发的。HTML5开发的特点是所有的页面数据需要通过接口调用的方式来获取,在进行页面刷新时,所有的接口会重新请求页面数据。
[0003]但实际情况是,页面中可能只有部分页面数据发生变化,需要重新获取以进行更新,而未发生变化的页面数据并不需要重新获取数据进行更新,现有的页面刷新方式会导致网络传输资源浪费,并且也会使得页面刷新的速度降低,影响页面展示效果,用户体验不佳。

技术实现思路

[0004]本申请实施例的目的是提供一种页面刷新方法及其装置、电子设备,以解决现有技术中页面刷新效率低的问题。
[0005]第一方面,本申请实施例提供了一种页面刷新方法,应用于后端设备,包括:接收前端设备发送的目标页面的目标属性的第一变动信息;其中,所述第一变动信息为用户对所述目标属性进行的一次前端操作产生的,且所述前端操作需要后端服务;基于预设属性约束配置,对所述第一变动信息进行约束处理和校验处理,得到所述目标页面的增量信息;发送所述增量信息至所述前端设备以进行所述目标页面的增量更新。
[0006]第二方面,本申请实施例提供了一种页面刷新方法,应用于前端设备,包括:接收用户对目标页面中的目标属性进行的一次前端操作;在确定所述前端操作需要后端服务的情况下,将所述前端操作产生的第一变动信息发送至后端设备;接收所述后端设备发送的所述目标页面的增量信息;其中,所述增量信息为所述后端设备基于预设属性约束配置,对所述第一变动信息进行约束处理和校验处理得到的;根据所述增量信息,对所述目标页面进行增量更新。
[0007]第三方面,本申请实施例提供一种页面刷新装置,应用于后端设备,包括:第一接收模块,用于接收前端设备发送的目标页面的目标属性的第一变动信息;其中,所述第一变动信息为用户对所述目标属性进行的一次前端操作产生的,且所述前端操作需要后端服务;处理模块,用于基于预设属性约束配置,对所述第一变动信息进行约束处理和校验处理,得到所述目标页面的增量信息;第一发送模块,用于发送所述增量信息至所述前端设备以进行所述目标页面的增量更新。
[0008]第四方面,本申请实施例提供一种页面刷新装置,应用于前端设备,包括:第二接收模块,用于接收用户对目标页面中的目标属性进行的一次前端操作;第二发送模块,用于在确定所述前端操作需要后端服务的情况下,将所述前端操作产生的第一变动信息发送至后端设备;第三接收模块,用于接收所述后端设备发送的所述目标页面的增量信息;其中,所述增量信息为所述后端设备基于预设属性约束配置,对所述第一变动信息进行约束处理和校验处理得到的;页面刷新模块,用于根据所述增量信息,对所述目标页面进行增量更新。
[0009]第五方面,本申请实施例提供一种电子设备,该电子设备包括处理器和存储器,所述存储器存储可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如第一方面或第二方面所述的页面刷新方法中的步骤。
[0010]第四方面,本申请实施例提供了一种可读存储介质,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如第一方面或第二方面所述的页面刷新方法中的步骤。
[0011]本申请实施例中,对于每次导致页面属性信息发生变化且需要后端处理的前端操作,都调用一次后端服务,获得针对一次前端操作的页面增量信息,并将该页面增量信息反馈至前端设备,以使前端设备只刷新后端返回的页面变化内容,这样,可以减小前后端交互参数包,提高整体交互效率,减少网络资源浪费,同时前端采用增量渲染的方法,只刷新后端返回的页面变化内容,且页面变化内容是一次前端操作产生的,因此,可以实现最小化的页面信息刷新,使得页面动态快速渲染,提高页面刷新效率,提升页面展示效果。
附图说明
[0012]图1为本申请实施例提供的应用于后端设备的页面刷新方法的流程示意图;图2为本申请实施例提供的云主机订购页面的示意图;图3为本申请实施例提供的示例的流程示意图;图4为本申请实施例提供的应用于前端设备的页面刷新方法的流程示意图;图5为本申请实施例提供的应用于后端设备的页面刷新装置的示意框图;图6为本申请实施例提供的应用于前端设备的页面刷新装置的示意框图。
具体实施方式
[0013]下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,下面所描述的实施例是本申请的一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,均属于本申请保护的范围。
[0014]应理解,说明书中提到的“一个实施例”或“一实施例”意味着与实施例有关的特定特征、结构或特性包括在本申请的至少一个实施例中。因此,在整个说明书各处出现的“在一个实施例中”或“在一实施例中”未必一定指相同的实施例。此外,这些特定的特征、结构或特性可以任意适合的方式结合在一个或多个实施例中。
[0015]在本申请的各种实施例中,应理解,步骤的序号并不意味着绝对的先后执行顺序,
各步骤的执行顺序应以其功能和内在逻辑进行确定,因此,各步骤的序号不应对本申请实施例的实施过程构成绝对的限定。
[0016]下面结合附图,通过具体的实施例及其应用场景对本申请实施例提供的页面刷新方法进行详细地说明。
[0017]本申请实施例提供了一种页面刷新方法,应用于后端设备。
[0018]如图1所示,该页面刷新方法可以包括:步骤101:接收前端设备发送的目标页面的目标属性的第一变动信息。
[0019]其中,第一变动信息为用户对目标页面的目标属性进行的一次前端操作产生的,且该前端操作需要后端服务。这里所述的目标属性是指属性值可以发生变化的页面属性,如页面控件、信息输入框等。
[0020]本申请实施例中,用户每次对前端设备显示的页面进行操作,且该操作需要后端服务,也就是属性值的变化需要后端进行处理的情况下,则调用一次后端服务,这样可以实现对变动的属性信息进行实时处理。
[0021]可选地,本申请实施例中,可以制定一套前后端交互标准协议,用于实现每次对页面的前端操作需要后端服务时,均调用一次后端服务的方案。
[0022]步骤102:基于预设属性约束配置,对第一变动信息进行约束处理和校验处理,得到目标页面的增量信息。
[0023]本申请实施例中,后端设备可以基于预设属性约束配置得到一次前端操作导致的页面增量信息,即页面变化信息。
[0024]这里所述的预设属性约束配置,即属性约束配置信息,也可以称为属性约束规范(Property Constraint Schema,PCS),该属性约束规范是前端设备与后端设备执行的一种约束协议,用于对前端的增量操作进行约本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面刷新方法,应用于后端设备,其特征在于,包括:接收前端设备发送的目标页面的目标属性的第一变动信息;其中,所述第一变动信息为用户对所述目标属性进行的一次前端操作产生的,且所述前端操作需要后端服务;基于预设属性约束配置,对所述第一变动信息进行约束处理和校验处理,得到所述目标页面的增量信息;发送所述增量信息至所述前端设备以进行所述目标页面的增量更新。2.根据权利要求1所述的页面刷新方法,其特征在于,所述基于预设属性约束配置,对所述第一变动信息进行约束处理和校验处理,得到所述目标页面的增量信息,包括:在校验通过的情况下,根据所述第一变动信息的约束处理结果,得到第二变动信息、所述目标属性的联动属性以及所述联动属性的属性信息;将所述第二变动信息和所述联动属性的属性信息确定为所述目标页面的增量信息。3.根据权利要求1或2所述的页面刷新方法,其特征在于,所述基于预设属性约束配置,对所述第一变动信息进行约束处理和校验处理,得到所述目标页面的增量信息,包括:在校验失败的情况下,生成目标提醒信息;其中,所述目标提醒信息用于指示所述前端操作无效;将所述目标提醒信息确定为所述目标页面的增量信息。4.根据权利要求1所述的页面刷新方法,其特征在于,所述基于预设属性约束配置,对所述第一变动信息进行约束处理和校验处理,得到所述目标页面的增量信息,包括:在缓存中获取所述预设属性约束配置;基于所述预设属性约束配置,对所述第一变动信息进行约束处理和校验处理;根据约束处理结果和校验处理结果,在所述缓存中获取所述目标页面的增量信息。5.一种页面刷新方法,应用于前端设备,其特征在于,包括:接收用户对目标页面中的目标属性进行的一次前端操作;在确定所述前端操作需要后端服务的情况下,将所述前端操作产生的第一变动信息发送至后端设备;接收所述后端设备发送的所述目标页面的增量信息;其中,所述增量信息为所述后端设备基于预设属性约束配置,对所述第一变动信息进行约束处理和校验处理后得到的;根据所述增量信息,对所述目标页面进行增量更新。6.根据权利要求5所述的页面刷新方法,其特征在于,所述增量信息包括:在校验通过的情况下根据所述第一变动信息的约束处理结果,得到的第二变动信息和所述目标属性的联动属性的属性信息。7.根据权利要求5或6所述的页面刷新方法,其特征在于,所述增量信息包括:在校验失败的情况下生成的目标提醒信息;其中,所述目标提醒信息用于指示所述前端操作无效。8.一种页面刷新装置,应用于后端设备,其特征在于,包括:第一接收模块,用于接收前端设备发送的目标页面的目标属性的第一变动...

【专利技术属性】
技术研发人员:葛海波黄创光张杰何燕辉袁子路汪浩博
申请(专利权)人:天翼云科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1