网页组件的保持方法及装置制造方法及图纸

技术编号:23343785 阅读:15 留言:0更新日期:2020-02-15 04:01
本申请提供的一种网页组件的保持方法,通过在首次加载第一网页时,将第一网页中要保持的第一类网页组件在特定位置处进行渲染,以和不需要保持的第一网页的第二类网页组件区别开。从而使得在从第一网页调整到第二网页时,第一类网页组件不会被销毁。其中,第一网页由第一类网页组件和第二类网页组件构成。并且在从第一网页调整到第二网页时,将已渲染的第一类网页组件进行隐藏,从而使得第一网页的第一类网页组件不会在第二网页上显示出来。当再次加载第一网页时,只需直接恢复隐藏的已渲染的第一网页的第一类网页组件,并再次渲染被销毁的第二类网页组件,就可得到第一网页。从而使得第一类网页组件的状态没有发生变化,实现了对网页组件的保持。

Maintenance method and device of web components

【技术实现步骤摘要】
网页组件的保持方法及装置
本专利技术涉及网页开发
,特别涉及一种网页组件的保持方法及装置。
技术介绍
在现代网页开发中,通常都是将路由(链接地址)与网页绑定,而每个页面包含有若干个网页组件。当访问网页绑定的路由时,网页所包含的所有组件都被浏览器渲染,从而在用户界面上得到网页。但是当离开当前路由,跳转至其他网页时,当前网页将会被销毁,所以当前网页里的所有组件都会被销毁。当再次从其他网页跳转回该网页时,即再次载入该网页时,浏览器又会再次渲染该网页的所有组件。由于,部分组件是动态变化的或者是可以进行操作的,所以在某种特定的情况下,我们希望从其他页面重新进入该页面时,页面中的一些组件能保持到上次离开时的状态。但是在现有的技术方案中,当离开当前路由,跳转至其他网页时,当前网页的所有组件都已被销毁,也就无法实现保持当前网页组件的需求。
技术实现思路
基于上述现有技术的不足,本专利技术提供了一种网页组件的保持方法及装置,以解决现有技术中,当离开当前网页时,网页的所有组件都回被销毁,无法实现保持网页的网页组件的问题。为了实现上述目的,本专利技术提供了以下技术方案:本专利技术第一方面提供了一种网页组件的保持方法,包括:当再次加载第一网页时,恢复已渲染的所述第一网页的第一类网页组件;其中,所述第一类网页组件在首次加载所述第一网页时在特定位置处被渲染,且在跳转至第二网页时被隐藏;渲染所述第一网页的第二类网页组件,得到所述第一网页;其中,所述第一网页由所述第一类网页组件和所述第二类网页组件构成。可选地,在上述的方法中,所述第一网页的首次加载方式,包括:渲染所述第一网页的第二类网页组件,以及通过调用注册方法将所述第一网页的第一类网页组件注册到托管中心,并在托管中心对所述第一类网页组件进行渲染,得到所述第一网页。可选地,在上述的方法中,所述第一类网页组件的隐藏方法,包括:当从所述第一网页确定跳转至其他网页时,通过调用页面元素隐藏方法将用户界面上的所述第一网页的第一类网页组件进行隐藏。可选地,在上述的方法中,所述恢复已渲染的所述第一网页的第一类网页组件,包括:调用页面元素显示方法将被隐藏的且已渲染的所述第一网页的第一类网页组件进行显示。可选地,在上述的方法中,还包括:在满足预设条件时,调用销毁方法将在所述托管中心中渲染的所述第一网页的第一类网页组件销毁。本专利技术第二方面提供了一种网页组件的保持装置,包括:恢复单元,用于当再次加载第一网页时,恢复已渲染的所述第一网页的第一类网页组件;其中,所述第一类网页组件在首次加载所述第一网页时在特定位置处被渲染,且在跳转至其他网页时被隐藏;第一渲染单元,用于渲染所述第一网页的第二类网页组件,得到所述第一网页;其中,所述第一网页由所述第一类网页组件和所述第二类网页组件构成。可选地,在上述的装置中,还包括:第二渲染单元,用于在首次加载所述第一网页时,渲染所述第一网页的第二类网页组件,以及通过调用注册方法将所述第一网页的第一类网页组件注册到托管中心,并在托管中心对所述第一类网页组件进行渲染,得到所述第一网页。可选地,在上述的装置中,还包括:隐藏单元,用于调用页面元素显示方法将隐藏的已渲染的所述第一网页的第一类网页组件进行显示。可选地,在上述的装置中,所述恢复单元,包括:恢复子单元,用于调用页面元素显示方法将被隐藏的且已渲染的所述第一网页的第一类网页组件进行显示。可选地,在上述的装置中,还包括:销毁单元,用于在满足预设条件时,调用销毁方法将在所述托管中心中渲染的所述第一网页的第一类网页组件销毁。本专利技术提供的一种网页组件的保持方法及装置,通过在首次加载第一网页时,将第一网页中需要保持的第一类网页组件在特定的位置处进行渲染,以区别开不需要保持的第一网页的第二类网页组件,从而使得在从第一网页调整到第二网页时,第一网页的第一类网页组件不会被销毁。并且在从第一网页调整到第二网页时,将已渲染第一网页的第一类网页组件进行隐藏,从而使得第一网页的第一类网页组件不会在第二网页上显示出来。当再次加载第一网页时,只需要渲染被销毁的第二类网页组件,而先期隐藏的已渲染的第一网页的第一类网页组件直接恢复显示,就可以得到第一网页,从而使得第一网页的第一类网页组件的状态没有发生变化,实现了对网页组件的保持。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。图1为本专利技术实施例提供的一种网页组件的保持方法的流程示意图;图2为本专利技术另一实施例提供的一种网页组件的保持方法的流程示意图;图3为本专利技术另一实施例提供的一种网页组件的保持装置的结构示意图。具体实施方式下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。在本申请中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。本专利技术实施例提供了一种网页组件的保持方法,如图1所示,包括:S101、当再次加载第一网页时,恢复已渲染的第一网页的第一类网页组件,第一类网页组件在首次加载第一网页时在特定位置处被渲染,且在跳转至第二网页时被隐藏。其中,网页组件指的是构成网页的各种常用的界面组件,如:表格、树、联动下拉框等。每个网页组件都存在着对应的代码,浏览器通过渲染引擎对网页组件的代码进行解析渲染后,就可以得到用户在用户界面的网页上所看到显示效果。第一网页则指的存在网页组件保持需求的任意一个网页,也可以称为目标网页。可选地,可以在开发第一网页时,将第一网页的所有组件划分为第一类网页组件和第二类网页组件。第一类网页组件指的是需要进行保持操作的网页组件,并且一个网页可以一个或者多个第一类网页组件。相应的第二类网页组件则指的是没有保持需求的网页组件。所以,第一网页也可以理解为包含有第一类网页组件的一个网页。第二网页可以是除该第一网页外的其他网页,也可以指的是特定的某一些网页,例如第二网页指的是与第一网页为同一公司开发的其他网页。还需要说明的是,首次加载第一网页可以指的是每次进入浏览器后的第一次加载第一网页。具体的,本本文档来自技高网...

【技术保护点】
1.一种网页组件的保持方法,其特征在于,包括:/n当再次加载第一网页时,恢复已渲染的所述第一网页的第一类网页组件;其中,所述第一类网页组件在首次加载所述第一网页时在特定位置处被渲染,且在跳转至第二网页时被隐藏;/n渲染所述第一网页的第二类网页组件,得到所述第一网页;其中,所述第一网页由所述第一类网页组件和所述第二类网页组件构成。/n

【技术特征摘要】
1.一种网页组件的保持方法,其特征在于,包括:
当再次加载第一网页时,恢复已渲染的所述第一网页的第一类网页组件;其中,所述第一类网页组件在首次加载所述第一网页时在特定位置处被渲染,且在跳转至第二网页时被隐藏;
渲染所述第一网页的第二类网页组件,得到所述第一网页;其中,所述第一网页由所述第一类网页组件和所述第二类网页组件构成。


2.根据权利要求1所述的方法,其特征在于,所述第一网页的首次加载方式,包括:
渲染所述第一网页的第二类网页组件,以及通过调用注册方法将所述第一网页的第一类网页组件注册到托管中心,并在托管中心对所述第一类网页组件进行渲染,得到所述第一网页。


3.根据权利要求1所述的方法,其特征在于,所述第一类网页组件的隐藏方法,包括:
当从所述第一网页确定跳转至第二网页时,通过调用页面元素隐藏方法将用户界面上的所述第一网页的第一类网页组件进行隐藏。


4.根据权利要求1所述的方法,其特征在于,所述恢复已渲染的所述第一网页的第一类网页组件,包括:
调用页面元素显示方法将被隐藏的并且已渲染的所述第一网页的第一类网页组件进行显示。


5.根据权利要求2所述的方法,其特征在于,还包括:
在满足预设条件时,调用销毁方法将在所述托管中心中渲染的所述第一网页的第一类网页组件销毁。


6....

【专利技术属性】
技术研发人员:杨智广
申请(专利权)人:苏州浪潮智能科技有限公司
类型:发明
国别省市:江苏;32

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

1