页面渲染方法、装置和设备制造方法及图纸

技术编号:26598041 阅读:16 留言:0更新日期:2020-12-04 21:20
本发明专利技术实施例提供一种页面渲染方法、装置和设备。该方法包括:缓存第一页面的第一页面数据;响应于在第一页面上触发的第一操作,切换至显示第二页面;响应于在第二页面上触发的第二操作,重新显示第一页面,其中,重新显示的第一页面是根据第二页面数据渲染的,第二操作使得第一页面上当前需要显示的第二页面数据与第一页面数据不同。通过上述方案,能够根据第二页面数据对第一页面进行自动刷新。

【技术实现步骤摘要】
页面渲染方法、装置和设备
本专利技术涉及计算机
,尤其涉及一种页面渲染方法、装置和设备。
技术介绍
在页面有A页面跳转至B页面的时候,浏览器往往会缓存A页面,即缓存A页面对应的页面数据。当再次需要显示A页面时,一般地,可以基于缓存的上述数据再次渲染显示A页面。但是,实际应用中,当再次回退显示A页面时,A页面中的数据可能发生变化,此时,基于缓存的A页面数据而重新显示的A页面显然是与这种情形不匹配的。
技术实现思路
本专利技术实施例提供一种页面渲染方法、装置、设备和存储介质,能够实现页面数据的同步刷新。第一方面,本专利技术实施例提供一种页面渲染方法,该方法包括:缓存第一页面的第一页面数据;响应于在所述第一页面上触发的第一操作,切换至显示第二页面;响应于在所述第二页面上触发的第二操作,重新显示第一页面,其中,重新显示的第一页面是根据第二页面数据渲染的,所述第二操作使得所述第一页面上当前需要显示的第二页面数据与所述第一页面数据不同。第二方面,本专利技术实施例提供一种页面渲染装置,该装置包括:缓存模块,用于缓存第一页面的第一页面数据;切换模块,用于响应于在所述第一页面上触发的第一操作,切换至显示第二页面;显示模块,用于响应于在所述第二页面上触发的第二操作,重新显示第一页面,其中,重新显示的第一页面是根据第二页面数据渲染的,所述第二操作使得所述第一页面上当前需要显示的第二页面数据与所述第一页面数据不同。第三方面,本专利技术实施例提供一种电子设备,包括:存储器、处理器、通信接口;其中,存储器上存储有可执行代码,当所述可执行代码被处理器执行时,使处理器至少可以实现如第一方面所述的页面渲染方法。第四方面,本专利技术实施例提供了一种非暂时性机器可读存储介质,非暂时性机器可读存储介质上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使处理器至少可以实现如第一方面所述的页面渲染方法。在本专利技术实施例中,在获取第一页面之后,将第一页面的第一页面数据缓存至本地;而后响应于在第一页面上触发的第一操作,切换至显示第二页面。响应于针对第二页面上触发的第二操作,生成一个第二页面数据,并返回至重新显示的第一页面,而如果第二操作使得第一页面上当前需要显示的第二页面数据与第一页面数据不同,则在重新显示第一页面时,会根据第二页面数据,对重新显示的第一页面进行渲染,保证重新显示出的页面数据是更新之后的。附图说明为了更清楚地说明本专利技术实施例中的技术方案,下面将对实施例描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的一种页面渲染方法的流程图;图2为本专利技术实施例提供的一种页面渲染方法的应用示意图;图3为本专利技术实施例提供的另一种页面渲染方法的流程图;图4为本专利技术实施例提供的另一种页面渲染方法的流程图;图5为本专利技术实施例提供的另一种页面渲染方法的流程图;图6为本专利技术实施例提供的一种页面渲染装置的结构示意图;图7为与图6所示实施例提供的页面渲染装置对应的电子设备的结构示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。在本专利技术实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本专利技术。在本专利技术实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式。取决于语境,如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地,取决于语境,短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。另外,下述各方法实施例中的步骤时序仅为一种举例,而非严格限定。在介绍本专利技术实施例提供的页面渲染方法之前,先以浏览器为例,介绍执行页面返回操作的一般情况:用户在浏览器输入想要访问的网址,服务器根据该网址,返回相应的网页数据,终端根据该网页数据显示对应的网页,并将该网页数据缓存到本地,但有些情况下,用户需要对某些网页内容进行增、删、改操作,比如,首次显示的网页为订单列表,显示的数据包括:每个商品对应的订单数量,由于某些原因,客户取消了一条订单,因此,需要修改订单列表中的对应数据。此时,通过针对订单列表中该订单的特定操作,比如触控操作,跳转到该订单的详情页进行数据的修改,在修改订单数据之后,执行返回订单列表所在网页的操作,由于浏览器的缓存机制,缓存了首次显示的网页,因此,返回后重新展示的订单列表显示的数据仍为首次显示的订单列表的数据,此时,需要人为刷新,才能显示最新的订单列表数据。为了解决上述问题,本专利技术提供了一种页面渲染方法,通过根据获取到的最新的数据对页面进行渲染,保证返回后的页面显示的数据是更新之后的图1为本专利技术实施例提供的一种页面渲染方法的流程图,如图1所示,该页面渲染方法可以包括如下步骤:101、缓存第一页面的第一页面数据。一般情况下,终端发送第一页面的访问请求到服务器,服务器根据该访问请求返回第一页面对应的第一页面数据,该第一页面数据用于渲染该第一页面,由上文可知,终端在获取第一页面数据之后,会显示该第一页面数据对应的第一页面,并自动缓存该第一页面数据。102、响应于在第一页面上触发的第一操作,切换至显示第二页面。可选的,在该第一网页上的至少一个预设位置设置有至少一个控件,通过对该至少一个控件的第一操作,切换至显示该第二页面,其中,该预设位置可以是特定网页内容显示的位置或者与该网页内容相关联的位置,该第一操作包括:触控操作。需要说明的是,第二网页显示的内容与第一网页显示的特定网页内容是相关联的。103、响应于在第二页面上触发的第二操作,重新显示第一页面,其中,重新显示的第一页面是根据第二页面数据渲染的,第二操作使得第一页面上当前需要显示的第二页面数据与第一页面数据不同。该第二操作包括以下至少一项:增加操作,修改操作和删除操作。由于第二操作使得第二网页的数据发生变化,因此,终端上传到浏览器的第二页面数据相比于第一页面数据也会发生变化,由于第一页面数据用来渲染首次显示的第一页面,第二页面数据用来渲染重新显示的第一页面,因此,重新显示的第一页面相比于首次显示的第一页面会发生变化,由于终端首次显示第一页面的同时缓存了第一页面数据,因此,在第二页面执行返回操作之后,终端会显示根据第一页面数据本文档来自技高网...

【技术保护点】
1.一种页面渲染方法,其特征在于,所述方法包括:/n缓存第一页面的第一页面数据;/n响应于在所述第一页面上触发的第一操作,切换至显示第二页面;/n响应于在所述第二页面上触发的第二操作,重新显示第一页面,其中,重新显示的第一页面是根据第二页面数据渲染的,所述第二操作使得所述第一页面上当前需要显示的第二页面数据与所述第一页面数据不同。/n

【技术特征摘要】
1.一种页面渲染方法,其特征在于,所述方法包括:
缓存第一页面的第一页面数据;
响应于在所述第一页面上触发的第一操作,切换至显示第二页面;
响应于在所述第二页面上触发的第二操作,重新显示第一页面,其中,重新显示的第一页面是根据第二页面数据渲染的,所述第二操作使得所述第一页面上当前需要显示的第二页面数据与所述第一页面数据不同。


2.根据权利要求1所述的方法,其特征在于,浏览器支持页面展示监听事件;
所述响应于在所述第二页面上触发的第二操作,重新显示第一页面,包括:
响应于在所述第二页面上触发的第二操作,通过页面展示监听事件确定由所述第二页面切换至显示的第三页面与所述第一页面一致;
向服务器发送数据获取请求,以使得所述服务器根据所述第二操作获取所述第二页面数据,并在确定所述第二页面数据与所述第一页面数据不同时反馈所述第二页面数据;
根据接收到的所述第二页面数据重新显示所述第一页面,隐藏所述第三页面。


3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
接收所述服务器反馈的禁用指令,所述禁用指令指示不用所述第一页面数据渲染所述第一页面。


4.根据权利要求1所述的方法,其特征在于,所述第一页面数据中包括:第一页面的第一版本号,以及所述浏览器不支持页面展示监听事件;
所述响应于在所述第二页面上触发的第二操作,重新显示第一页面,包括:
响应于在所述第二页面上触发的第二操作,确定由所述第二页面切换至显示的第三页面的第二版本号与所述第一版本号一致;
向服务器发送数据获取请求,以使得所述服务器根据所述第二操作获取所述第二页面数据;
根据接收到的所述第二页面数据重新显示所述第一页面,隐藏所述第三页面。


5.根据权利要求1所述的方法,其特征在于,所述第二操作包括改变所述第一页面数据的修改操作,所述响应于在所述第二页面上触发的第二操作,重新显示第一页面,包括:
记录所述第一页面数据中的修改数据;
根据所述第一页面数据中未被修改的数据和所述修改数据,重新显示第一页面,其中,所述第二页面数据包括所述第一页面数据中未被修改的数据和所...

【专利技术属性】
技术研发人员:穆生箫
申请(专利权)人:长沙市到家悠享网络科技有限公司
类型:发明
国别省市:湖南;43

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

1