CN113253988B - 页面处理方法及装置 - Google Patents
页面处理方法及装置 Download PDFInfo
- Publication number
- CN113253988B CN113253988B CN202110656485.XA CN202110656485A CN113253988B CN 113253988 B CN113253988 B CN 113253988B CN 202110656485 A CN202110656485 A CN 202110656485A CN 113253988 B CN113253988 B CN 113253988B
- Authority
- CN
- China
- Prior art keywords
- page
- jump
- container
- starting
- function
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种页面处理方法及装置。其中,该方法包括:将页面的起始页设置在容器中;通过容器的跳转函数,确定起始页对应的跳转页;将跳转页添加到容器中,设置在起始页上层,并保留起始页以及起始页的操作状态。本发明解决了相关技术中页面跳转方式,需要精准维护前端路由,采用url传参,导致浪费资源,效率较低的技术问题。
Description
技术领域
本发明涉及前端页面领域,具体而言,涉及一种页面处理方法及装置。
背景技术
随着前端技术的不断发展,页面的交互方式也变得多种多样。其中,“页面跳转”是最常见的交互方式之一,例如:点击某个链接,需要跳转至相应的详细页面。
由于前端路由技术的不断发展,前端开发人员能够根据不同的路由匹配不同的页面,所以大部分“页面跳转”都是基于此来实现,但不可避免地会带来以下几点问题:
需要精准维护前端路由,对于经验不足的开发人员不够友好;大部分页面间跳转会在url中显式传参,使得url变得冗长、不易理解;跳转至目标页再由目标页返回时,操作状态难以保存。
相关技术中,提供了一种基于自定义URL控制页面跳转的方法、装置及用户终端,基于自定义url实现页面跳转,当url发生改变时,根据配置文件匹配出对应的页面及操作函数,执行操作函数完成相应功能,包括消息提示、打电话、发短信、参数传递等。提出了将报文内容替换成自定义url,并根据配置文件精准定位至指定页面、执行相应操作的方案。该方案灵活性高、支持多种操作,但也存在如下几点缺陷:
转换成url后的报文,需执行逆操作(将url转换成原始报文)才能进行下一步解析,浪费了一部分资源;转换成url传递会暴露很多关键信息,缺乏一定的安全性;用于匹配页面的配置文件在页面数量庞大时,可维护性较差。
相关技术中,还提供了页面跳转方法、装置、终端及计算机可读介质,也是构造统一资源定位符url,该url包括基本url和参数url。根据基本url创建控制器,根据参数url配置控制器,并基于控制器执行页面跳转,实现了页面之间的解耦,有利于各个页面的模块化拆分工作,便于后期维护。该专利基于构造url实现,存在类似的缺陷:
参数url部分会暴露很多关键信息,缺乏安全性;控制器处理逻辑比较复杂。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种页面处理方法及装置,以至少解决相关技术中页面跳转方式,需要精准维护前端路由,采用url传参,导致浪费资源,效率较低的技术问题。
根据本发明实施例的一个方面,提供了一种页面处理方法,包括:将页面的起始页设置在容器中;通过所述容器的跳转函数,确定所述起始页对应的跳转页;将所述跳转页添加到所述容器中,设置在所述起始页上层,并保留所述起始页以及所述起始页的操作状态。
可选的,通过所述容器的跳转函数,确定所述起始页对应的跳转页包括:通过所述起始页调用所述容器的跳转函数;通过所述跳转函数,根据所述起始页操作的跳转页的跳转参数,确定所述跳转页,其中,所述跳转参数包括:页面组件,页面标识,页面参数。
可选的,将所述跳转页添加到所述容器中,设置在所述起始页上层,并保留所述起始页以及所述起始页的操作状态包括:在所述容器中对所述跳转页进行渲染,将所述跳转页添加到所述容器中;根据所述跳转页绝对定位的位置,将所述跳转页设置在所述起始页的上层,并保留所述起始页以及所述起始页的操作状态,其中,所述起始页的绝对定位的位置在所述跳转页的绝对定位的位置的下层。
可选的,在将所述跳转页添加到所述容器中,设置在所述起始页上层,并保留所述起始页以及所述起始页的操作状态之后,还包括:在所述跳转页需要再次跳转的情况下,将所述跳转页作为二次起始页;通过所述跳转函数,确定所述跳转页对应的二次跳转页;将所述二次跳转页添加到所述容器中,设置在所述跳转页上层,并保留所述跳转页以及所述跳转页的操作状态。
可选的,在通过所述容器的跳转函数,确定所述起始页的跳转页之后,所述方法还包括:通过所述容器在所述页面的浏览器的历史对象中添加当前路由参数,其中,所述当前路由参数用于激活所述浏览器的页面后退操作。
可选的,在将所述跳转页添加到所述容器中,覆盖在所述起始页上方,保留所述起始页以及所述起始页的操作状态之后,所述方法还包括:通过所述跳转页调用所述容器的返回函数;通过所述返回函数控制所述浏览器的页面后退操作;通过所述容器监听所述浏览器的页面后退操作,将所述跳转页移除,以返回所述起始页。
可选的,所述方法还包括:在所述起始页需要刷新的情况下,通过所述起始页对所述容器的当前页面的页面标识进行监听;在所述当前页面的页面标识与所述起始页的页面标识相同的情况下,对所述起始页面进行刷新。
根据本发明实施例的另一方面,还提供了一种页面处理装置,包括:设置模块,用于将页面的起始页设置在容器中;跳转模块,用于通过所述容器的跳转函数,确定所述起始页对应的跳转页;添加模块,用于将所述跳转页添加到所述容器中,设置在所述起始页上层,并保留所述起始页以及所述起始页的操作状态。
根据本发明实施例的另一方面,还提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行上述中任意一项所述的页面处理方法。
根据本发明实施例的另一方面,还提供了一种计算机存储介质,所述计算机存储介质包括存储的程序,其中,在所述程序运行时控制所述计算机存储介质所在设备执行上述中任意一项所述的页面处理方法。
在本发明实施例中,采用将页面的起始页设置在容器中;通过容器的跳转函数,确定起始页对应的跳转页;将跳转页添加到容器中,设置在起始页上层,并保留起始页以及起始页的操作状态的方式,通过在容器中设置起始页和操作跳转页,达到了无需维护路由关系,无需操作url显式地给目标页传参,跳转目标页由起始页自行指定,可以跳转至任意页面,并保留页面的操作状态的目的,从而实现了降低对系统资源的占用,提供了跳转效率,并进一步提高了用户体验的技术效果,进而解决了相关技术中页面跳转方式,需要精准维护前端路由,采用url传参,导致浪费资源,效率较低的技术问题。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例的一种页面处理方法的流程图;
图2是根据本发明实施方式的页面跳转容器设置跳转起始页和跳转目标页的示意图;
图3是根据本发明实施例的一种页面处理装置的示意图;
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
根据本发明实施例,提供了一种页面处理方法的方法实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
图1是根据本发明实施例的一种页面处理方法的流程图,如图1所示,该方法包括如下步骤:
步骤S102,将页面的起始页设置在容器中;
步骤S104,通过容器的跳转函数,确定起始页对应的跳转页;
步骤S106,将跳转页添加到容器中,设置在起始页上层,并保留起始页以及起始页的操作状态。
通过上述步骤,可以采用将页面的起始页设置在容器中;通过容器的跳转函数,确定起始页对应的跳转页;将跳转页添加到容器中,设置在起始页上层,并保留起始页以及起始页的操作状态的方式,通过在容器中设置起始页和操作跳转页,达到了无需维护路由关系,无需操作url显式地给目标页传参,跳转目标页由起始页自行指定,可以跳转至任意页面,并保留页面的操作状态的目的,从而实现了降低对系统资源的占用,提供了跳转效率,并进一步提高了用户体验的技术效果,进而解决了相关技术中页面跳转方式,需要精准维护前端路由,采用url传参,导致浪费资源,效率较低的技术问题。
上述页面可以为浏览器中的网页,打开网页后的页面可以为起始页,在该起始页中点击链接,跳转至新页面的页面为跳转页。相关技术中,在浏览器前端进行页面跳转需要精准维护前端路由,采用url传参,导致浪费资源,效率较低的技术问题。本实施例上述技术特征将页面的起始页设置在容器中,在容器中进行起始页和跳转页的显示和控制,避免了采用url传参,以及精准维护前端路由的问题。
初始状态下,打开上述起始页后,将起始页设置在容器中,容器中只包含该起始页,将该起始页进行显示。在起始页中操作跳转页的情况下,通过容器的跳转函数,确定起始页对应的跳转页。上述跳转函数可以是appendPage函数,用于向容器中添加跳转目标页。
将跳转页添加到容器中,设置在起始页上层,并保留起始页以及起始页的操作状态。上述容器为相对定位,容器中的所有页面为绝对定位。也即是容器中的起始页和跳转页是绝对定位,通过绝对定位的位置,以及容器的展示的页面标识,确定容器中当前显示的页面。上述展示的页面标识可以为容器的activePage值,用于指示当前展示的页面,为唯一值,也即是一次只能展示一个页面。在展示跳转页时,将容器的展示的页面标识修改为该跳转页的页面标识,例如页面key值。就可以在容器中展示该跳转页。
在跳转页设置在起始页上层时,保留该起始页,并不对该起始页进行操作。而且保留该起始页的当前操作状态,包括进度条,浏览位置等,一遍后需返回该起始页时,仍然保留在离开之前的状态,方便用户操作,进而提高用户体验。
从而通过在容器中设置起始页和操作跳转页,达到了无需维护路由关系,无需操作url显式地给目标页传参,跳转目标页由起始页自行指定,可以跳转至任意页面,并保留页面的操作状态的目的,从而实现了降低对系统资源的占用,提供了跳转效率,并进一步提高了用户体验的技术效果,进而解决了相关技术中页面跳转方式,需要精准维护前端路由,采用url传参,导致浪费资源,效率较低的技术问题。
可选的,通过容器的跳转函数,确定起始页对应的跳转页包括:通过起始页调用容器的跳转函数;通过跳转函数,根据起始页操作的跳转页的跳转参数,确定跳转页,其中,跳转参数包括:页面组件,页面标识,页面参数。
上述跳转函数为容器的跳转函数,是容器自带的一种功能函数。在起始页上操作进入跳转页,发生页面跳转时,由起始页调用容器的跳转函数,例如上述appendPage函数。由上述跳转函数,根据起始页操作的跳转页的跳转参数,确定跳转页,并将该跳转页输入给容器,由容器进行渲染,从而将跳转页添加到容器中。
上述跳转参数可以包括该跳转页的页面组件component,以及跳转页的页面标识key值,以及页面所需参数cmpProps。容器对上述三项参数进行解析,识别出需要展示的跳转页后,将跳转页key值和所需参数设置给跳转页,执行跳转页的渲染逻辑。
可选的,将跳转页添加到容器中,设置在起始页上层,并保留起始页以及起始页的操作状态包括:在容器中对跳转页进行渲染,将跳转页添加到容器中;根据跳转页绝对定位的位置,将跳转页设置在起始页的上层,并保留起始页以及起始页的操作状态,其中,起始页的绝对定位的位置在跳转页的绝对定位的位置的下层。
在容器中对跳转页进行渲染,将跳转页添加到容器中时,由于起始页和跳转页为绝对定位,且相对于容器的left和top均为0,故跳转页会覆盖在起始页上层,同时起始页不会销毁,始终保持最后的操作状态。
可选的,在将跳转页添加到容器中,设置在起始页上层,并保留起始页以及起始页的操作状态之后,还包括:在跳转页需要再次跳转的情况下,将跳转页作为二次起始页;通过跳转函数,确定跳转页对应的二次跳转页;将二次跳转页添加到容器中,设置在跳转页上层,并保留跳转页以及跳转页的操作状态。
当该跳转页需要继续跳转时,将该跳转页作为二次起始页,继续调用容器的调用函数appendPage,即重复执行上述确定跳转页对应的二次跳转页;将二次跳转页添加到容器中,设置在跳转页上层,并保留跳转页以及跳转页的操作状态。以此类推,多次跳转即多次调用appendPage方法,容器可以始终保持最新的页面在最前,并保留之前页面的操作状态。
可选的,在通过容器的跳转函数,确定起始页的跳转页之后,方法还包括:通过容器在页面的浏览器的历史对象中添加当前路由参数,其中,当前路由参数用于激活浏览器的页面后退操作。
在容器中触发跳转函数时,可以是在通过容器的跳转函数,确定起始页的跳转页之后,容器还会在浏览器的历史对象history中添加push当前路由,用于激活浏览器的“后退”按钮,以便后续对跳转进行回退,返回起始页的操作。
可选的,在将跳转页添加到容器中,覆盖在起始页上方,保留起始页以及起始页的操作状态之后,方法还包括:通过跳转页调用容器的返回函数;通过返回函数控制浏览器的页面后退操作;通过容器监听浏览器的页面后退操作,将跳转页移除,以返回起始页。
跳转页需返回起始页时,在跳转页中调用容器提供的返回函数back。返回函数操作浏览器的历史对象history,移除浏览器的最后一个页面。同时,容器对浏览器的历史对象进行监听,监听到浏览器发生移除操作时就移除容器中最后一个页面,原先的倒数第二个页面也即是上述起始页,变成新的最后一个页面展示,也即是将容器的展示的页面标识修改为起始页的页面标识。
可选的,方法还包括:在起始页需要刷新的情况下,通过起始页对容器的当前页面的页面标识进行监听;在当前页面的页面标识与起始页的页面标识相同的情况下,对起始页面进行刷新。
如果跳转页返回起始页时,对起始页需要刷新,可在该起始页中对容器的展示的页面标识activePage进行监听,监听到展示的页面标识activePage与本页面的key值相同时,执行相应刷新逻辑。
需要说明的是,本实施例还提供了一种可选的实施方式,下面对该实施方式进行详细说明。
本实施方式为解决基于url来跳转、传参,不可避免地会存在技术背景中所述的几项弊端。提供了一种层叠式页面跳转方案,其无需维护路由关系,跳转目标页由起始页自行指定,理论上可以跳转至任意页面;无需操作url,也不需要显式地给目标页传参,精简页面url;支持返回时保持页面操作状态,提高用户体验。
本实施方式实现了一个页面跳转容器,用于放置跳转起始页和跳转目标页。图2是根据本发明实施方式的页面跳转容器设置跳转起始页和跳转目标页的示意图,如图2所示,初始状态下,容器中只包含一个跳转起始页。当用户在起始页中进行某项操作后,需要从起始页跳转到目标页1,在目标页1中进行某项操作后,需要从目标页1跳转到目标页2,以此类推。
该容器包含三大属性:activePage、appendPage、back,具体如下:
activePage用于指示当前展示的页面,为唯一值;
appendPage是一个函数,用于向容器中添加跳转目标页;
back是一个函数,用于从当前页返回至当前页的跳转起始页。
本实施方式基于CSS的相对定位(position:“relative”)和绝对定位(position:“absolute”)实现。其中,容器为相对定位,容器中的所有页面为绝对定位。
一、初始状态:容器中只放置跳转起始页,key值为”mainPage”。
二、跳转至目标页:在需要跳转时,起始页调用容器的appendPage方法,appendPage方法接收目标页组件(component)、目标页key值(key)、目标页所需参数(cmpProps)。该方法执行后,容器对该方法的三项参数进行解析,识别出需要展示的目标页后,将目标页key值和所需参数设置给目标页,执行目标页的渲染逻辑。另外,触发跳转时,容器还会在浏览器的history对象中push当前路由,用于激活浏览器的“后退”按钮。
三、目标页的渲染:由于目标页为绝对定位,且相对于容器的left和top均为0,故目标页会覆盖在起始页上方(起始页不会销毁,始终保持最后的操作状态)。当该目标页需要继续跳转时,将其作为起始页,继续调用容器的appendPage方法,即重复步骤1、2。以此类推,多次跳转即多次调用appendPage方法,容器始终保持最新的页面在最前。
四、目标页返回起始页:目标页需返回起始页时,在目标页中调用容器提供的back方法。back方法操作浏览器的history对象,移除最后一项。同时,容器对浏览器的history对象进行监听,有移除操作时就移除最后一个页面,原先的倒数第二个页面变成新的最后一个页面展示。如果返回时,跳转起始页需要刷新,可在该页面中对容器的activePage进行监听,activePage与本页面的key值相同时,执行相应刷新逻辑。
本实施方式的上述方法可以应用于查看表格数据的详细信息。在一组表格数据中,如果页面空间有限,表格无法放置过多的列信息时,通常会采用“点击表格数据跳转详情页”的方式来处理。采用本方案时,进入详情页后,浏览器地址栏中的url不会发生改变,但能支持用户点击浏览器的“返回”按钮返回表格页面,并且保留表格页的最终操作状态,如滚动条位置等。
还可以应用于页面局部跳转,有的页面在跳转时,只需要对页面的局部区域进行替换。采用本方案时,只需在该局部区域的根节点外层包裹跳转容器,区域内调用容器的appendPage、back方法,即可达到跳转的目的。
本实施方式无需维护前端路由即可实现页面跳转,减轻开发人员负担。可以提升url的精简度,去除了url中的传参信息,避免暴露敏感传参信息。还可以支持保存页面的所有操作状态,提升用户体验。在返回跳转起始页时,只需向后台请求必要数据,节省网络资源。
本实施方式的关键点在于:页面跳转容器,用于管理跳转起始页和所有的跳转目标页。采用“CSS定位”层叠覆盖,展示最新目标页的模式。浏览器url去参数化,由跳转容器隐式传参的模式。不销毁页面,保留所有操作状态的模式。操作浏览器的history对象,支持浏览器返回。
图3是根据本发明实施例的一种页面处理装置的示意图,如图3所示,根据本发明实施例的另一方面,还提供了一种页面处理装置,包括:设置模块32,跳转模块34,添加模块36,下面对该装置进行详细说明。
设置模块32,用于将页面的起始页设置在容器中;跳转模块34,与上述设置模块32相连,用于通过容器的跳转函数,确定起始页对应的跳转页;添加模块36,与上述跳转模块34相连,用于将跳转页添加到容器中,设置在起始页上层,并保留起始页以及起始页的操作状态。
通过上述装置,采用将页面的起始页设置在容器中;通过容器的跳转函数,确定起始页对应的跳转页;将跳转页添加到容器中,设置在起始页上层,并保留起始页以及起始页的操作状态的方式,通过在容器中设置起始页和操作跳转页,达到了无需维护路由关系,无需操作url显式地给目标页传参,跳转目标页由起始页自行指定,可以跳转至任意页面,并保留页面的操作状态的目的,从而实现了降低对系统资源的占用,提供了跳转效率,并进一步提高了用户体验的技术效果,进而解决了相关技术中页面跳转方式,需要精准维护前端路由,采用url传参,导致浪费资源,效率较低的技术问题。
根据本发明实施例的另一方面,还提供了一种处理器,处理器用于运行程序,其中,程序运行时执行上述中任意一项的页面处理方法。
根据本发明实施例的另一方面,还提供了一种计算机存储介质,计算机存储介质包括存储的程序,其中,在程序运行时控制计算机存储介质所在设备执行上述中任意一项的页面处理方法。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的技术内容,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,可以为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (9)
1.一种页面处理方法,其特征在于,包括:
将页面的起始页设置在容器中;
通过所述容器的跳转函数,确定所述起始页对应的跳转页;
将所述跳转页添加到所述容器中,设置在所述起始页上层,并保留所述起始页以及所述起始页的操作状态;
在将所述跳转页添加到所述容器中,设置在所述起始页上方,保留所述起始页以及所述起始页的操作状态之后,所述方法还包括:通过所述跳转页调用所述容器的返回函数;通过所述返回函数控制所述页面的浏览器的页面后退操作;通过所述容器监听所述浏览器的页面后退操作,将所述跳转页移除,以返回所述起始页。
2.根据权利要求1所述的方法,其特征在于,通过所述容器的跳转函数,确定所述起始页对应的跳转页包括:
通过所述起始页调用所述容器的跳转函数;
通过所述跳转函数,根据所述起始页操作的跳转页的跳转参数,确定所述跳转页,其中,所述跳转参数包括:页面组件,页面标识,页面参数。
3.根据权利要求2所述的方法,其特征在于,将所述跳转页添加到所述容器中,设置在所述起始页上层,并保留所述起始页以及所述起始页的操作状态包括:
在所述容器中对所述跳转页进行渲染,将所述跳转页添加到所述容器中;
根据所述跳转页绝对定位的位置,将所述跳转页设置在所述起始页的上层,并保留所述起始页以及所述起始页的操作状态,其中,所述起始页的绝对定位的位置在所述跳转页的绝对定位的位置的下层。
4.根据权利要求1所述的方法,其特征在于,在将所述跳转页添加到所述容器中,设置在所述起始页上层,并保留所述起始页以及所述起始页的操作状态之后,还包括:
在所述跳转页需要再次跳转的情况下,将所述跳转页作为二次起始页;
通过所述跳转函数,确定所述跳转页对应的二次跳转页;
将所述二次跳转页添加到所述容器中,设置在所述跳转页上层,并保留所述跳转页以及所述跳转页的操作状态。
5.根据权利要求1所述的方法,其特征在于,在通过所述容器的跳转函数,确定所述起始页的跳转页之后,所述方法还包括:
通过所述容器在所述页面的浏览器的历史对象中添加当前路由参数,其中,所述当前路由参数用于激活所述浏览器的页面后退操作。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在所述起始页需要刷新的情况下,通过所述起始页对所述容器的当前页面的页面标识进行监听;
在所述当前页面的页面标识与所述起始页的页面标识相同的情况下,对所述起始页面进行刷新。
7.一种页面处理装置,其特征在于,包括:
设置模块,用于将页面的起始页设置在容器中;
跳转模块,用于通过所述容器的跳转函数,确定所述起始页对应的跳转页;
添加模块,用于将所述跳转页添加到所述容器中,设置在所述起始页上层,并保留所述起始页以及所述起始页的操作状态;
所述装置还用于:通过所述跳转页调用所述容器的返回函数;通过所述返回函数控制所述页面的浏览器的页面后退操作;通过所述容器监听所述浏览器的页面后退操作,将所述跳转页移除,以返回所述起始页。
8.一种处理器,其特征在于,所述处理器用于运行程序,其中,所述程序运行时执行权利要求1至6中任意一项所述的页面处理方法。
9.一种计算机存储介质,其特征在于,所述计算机存储介质包括存储的程序,其中,在所述程序运行时控制所述计算机存储介质所在设备执行权利要求1至6中任意一项所述的页面处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110656485.XA CN113253988B (zh) | 2021-06-11 | 2021-06-11 | 页面处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110656485.XA CN113253988B (zh) | 2021-06-11 | 2021-06-11 | 页面处理方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113253988A CN113253988A (zh) | 2021-08-13 |
CN113253988B true CN113253988B (zh) | 2022-10-18 |
Family
ID=77187798
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110656485.XA Active CN113253988B (zh) | 2021-06-11 | 2021-06-11 | 页面处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113253988B (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110858242A (zh) * | 2018-08-22 | 2020-03-03 | 阿里巴巴集团控股有限公司 | 页面跳转方法及装置 |
CN111177616A (zh) * | 2019-12-11 | 2020-05-19 | 未鲲(上海)科技服务有限公司 | 页面恢复显示方法、装置、计算机设备和存储介质 |
CN111597475A (zh) * | 2020-04-21 | 2020-08-28 | 五八有限公司 | 一种返回页面的方法、装置、电子设备及计算机存储介质 |
CN112612988A (zh) * | 2020-12-28 | 2021-04-06 | 深圳壹账通智能科技有限公司 | 页面处理方法、装置、计算机设备及存储介质 |
-
2021
- 2021-06-11 CN CN202110656485.XA patent/CN113253988B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110858242A (zh) * | 2018-08-22 | 2020-03-03 | 阿里巴巴集团控股有限公司 | 页面跳转方法及装置 |
CN111177616A (zh) * | 2019-12-11 | 2020-05-19 | 未鲲(上海)科技服务有限公司 | 页面恢复显示方法、装置、计算机设备和存储介质 |
CN111597475A (zh) * | 2020-04-21 | 2020-08-28 | 五八有限公司 | 一种返回页面的方法、装置、电子设备及计算机存储介质 |
CN112612988A (zh) * | 2020-12-28 | 2021-04-06 | 深圳壹账通智能科技有限公司 | 页面处理方法、装置、计算机设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN113253988A (zh) | 2021-08-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP0774853B1 (en) | Method and system for graphically displaying and navigating through an interactive voice response menu | |
CN111104635B (zh) | 一种表格网页的生成方法和装置 | |
CN103729425B (zh) | 操作响应方法、客户端、浏览器及系统 | |
CN110311831A (zh) | 基于容器云的系统资源监控方法及相关设备 | |
CN107450899B (zh) | 终端控制脚本的生成方法和装置 | |
CN112131504B (zh) | 一种网页编辑、展示方法、装置、设备以及存储介质 | |
CN108399072A (zh) | 应用页面更新方法和装置 | |
CN113253988B (zh) | 页面处理方法及装置 | |
CN106582013B (zh) | 游戏服务系统、用于向在线的游戏更新数据的方法和装置 | |
CN102089743B (zh) | 向导引擎中的向导 | |
CN110109684A (zh) | 区块链节点管理代理服务安装方法、电子装置及存储介质 | |
CN109634630A (zh) | 应用程序更新方法、装置、电子设备及存储介质 | |
CN102004729A (zh) | 一种网站网页的展现方法、系统及网站服务器 | |
JP2003316676A (ja) | 機器及びネットワークシステム | |
CN108616575A (zh) | 操作监控方法、装置、计算机设备及存储介质 | |
JP2003280732A (ja) | データ伝送装置、および、それを用いた制御システム | |
CN114253441B (zh) | 目标功能的启用方法及装置、存储介质、电子装置 | |
US20090083747A1 (en) | Method for managing application programs by utilizing redundancy and load balance | |
JP4183602B2 (ja) | 障害監視方法及びプログラム | |
EP2355409B1 (en) | Network management device | |
CN109067570A (zh) | 一种服务器信息展示方法、装置以及服务器 | |
JP2006317990A (ja) | プログラマブル・ロジック・コントローラ及び通信システム | |
JP3712659B2 (ja) | 制御システムのデータ伝送方法、制御システム、並びに、そのプログラムおよび記録媒体 | |
CN110413325A (zh) | 一种将任意应用界面变更为系统桌面的方法、装置及设备 | |
CN107766156A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |