CN117235405A - 页面展示的方法、系统、计算机设备及介质 - Google Patents
页面展示的方法、系统、计算机设备及介质 Download PDFInfo
- Publication number
- CN117235405A CN117235405A CN202311489988.8A CN202311489988A CN117235405A CN 117235405 A CN117235405 A CN 117235405A CN 202311489988 A CN202311489988 A CN 202311489988A CN 117235405 A CN117235405 A CN 117235405A
- Authority
- CN
- China
- Prior art keywords
- page
- sub
- application
- drawer
- target
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 58
- 238000013507 mapping Methods 0.000 claims description 13
- 238000004590 computer program Methods 0.000 claims description 12
- 235000008694 Humulus lupulus Nutrition 0.000 claims description 3
- 238000009877 rendering Methods 0.000 abstract description 11
- 230000002452 interceptive effect Effects 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 8
- 238000012545 processing Methods 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 230000009191 jumping Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本申请涉及一种页面展示的方法、系统、计算机设备及介质。该方法包括:展示目标页面;目标页面是预先配置有抽屉页面的网页;目标页面包括应用栏,应用栏包括多个子应用的标识;运行用于拦截网页链接的拦截程序;获取拦截程序拦截到的网页链接作为目标链接;根据目标链接判断是否展开抽屉页面;若是,在目标页面的上层展开抽屉页面,以及在抽屉页面中展示目标链接对应的页面内容。通过上述方法的步骤,实现了各个子应用、次子应用的内容页面之间畅通地进行跳转切换,提高了跳转时的页面的渲染呈现效率,改善了用户在页面跳转时的交互使用体验。
Description
技术领域
本发明实施例涉及网页跳转拦截技术领域,尤其涉及一种页面展示的方法、系统、计算机设备及介质。
背景技术
目前网页跳转方式分为三种,一种是通过location.href命令请求来当前网页整个替换,另一种是通过SPA(Single Page Application,单网页应用)方式,将当前URL(Uniform Resource Locator,统一资源定位符)和当前会话状态的值history.state加入到history路由中,并用新的state参数和URL替换当前URL,避免了在网页刷新时网页内容不刷新的问题,还有一种是通过A标签target="_blank"属性或者window.open方式新打开网页方式。
然而,发明人意识到,上述的网页跳转方式均存在下述问题:首先由于每次网页在跳转时均需要重新加载,从白屏到网页渲染完毕等待时机过长,容易导致网页跳转的性能低效,卡顿。然后由于用户操作断层的交互链路不流畅,使得用户需要在多个网页进行查看操作。并且这些网页跳转方式存在筛选数据丢失的风险,若在当前网页替换后,再返回,会导致先前网页的信息丢失,又需要用户重新填写这些信息。最后,从微前端方面来看,各个子应用网页之间无法进行畅通地跳转,若需要跳转,则需要销毁当前网页并再去创建另一个新网页。
发明内容
本申请针对上述不足或缺点,本申请提供了一种页面展示的方法、系统、计算机设备及介质。本申请实施例先拦截不同跳转方式的链接,再将其中符合业务需要的链接对应的抽屉页面展开,并在该抽屉页面上展示链接的内容。通过上述方法的步骤,实现了各个子应用、次子应用的内容页面之间畅通地进行跳转切换,提高了跳转时的页面的渲染呈现效率,改善了用户在页面跳转时的交互使用体验。
本申请根据第一方面提供了一种页面展示的方法,该方法可以应用于云平台的网页运营系统中,包括:
展示目标页面;目标页面是预先配置有抽屉页面的网页;目标页面包括应用栏,应用栏包括多个子应用的标识;
运行用于拦截网页链接的拦截程序;
获取拦截程序拦截到的网页链接作为目标链接;
根据目标链接判断是否展开抽屉页面;
若是,在目标页面的上层展开抽屉页面,以及在抽屉页面中展示目标链接对应的页面内容。
在一些实施例中,拦截程序用于拦截A标签跳转、拦截window.open方法和/或拦截浏览器路由。
在一些实施例中,根据目标链接判断是否展开抽屉页面,包括:
获取每个子应用输出的映射关系,每个子应用输出的映射关系包括该子应用的每个次子应用的网页链接及其对应的页面标识;
对每个子应用输出的映射关系中的网页链接进行遍历,将遍历到的网页链接与目标链接对比;
若遍历到的网页链接与目标链接对比一致,获取遍历到的网页链接对应的页面标识;
根据获取的页面标识判断是否展开抽屉页面。
在一些实施例中,抽屉页面包括页头区和内容区;
在目标页面的上层展开抽屉页面,以及在抽屉页面中展示目标链接对应的页面内容,包括:
启动抽屉组件,通过抽屉组件将抽屉页面展开并覆盖于目标页面的上层,抽屉页面的面积小于网页主页的面积;
在抽屉页面的内容区显示目标链接对应的子应用的页面内容,以及在抽屉页面的页头区中显示目标链接对应的页签信息;子应用的页面内容包括子应用主页或者子应用的默认次子应用内容。
在一些实施例中,在抽屉页面的内容区显示目标链接对应的子应用的页面内容,以及在抽屉页面的页头区中显示目标链接对应的页签信息之后,方法还包括:
当用户关闭目标链接对应的子应用的内容对应的页签时,将目标链接对应的子应用的页面内容以及对应的文档对象模型、事件一同销毁。
在一些实施例中,在抽屉页面的内容区显示目标链接对应的子应用的页面内容,以及在抽屉页面的页头区中显示目标链接对应的页签信息之后,该方法还包括:
当用户点击目标链接对应的子应用的页面内容中的特定链接时,在抽屉页面的页头区新增一页签,对该新增的页签进行高亮显示,以及在抽屉页面的内容区展示特定链接对应的页面内容;特定链接是指目标链接对应的子应用的任一次子应用的网页链接。
在一些实施例中,在目标页面的上层展开抽屉页面之前,该方法还包括:
注册各个子应用以及各个子应用的一个或多个次子应用;
为各个子应用匹配对应的路径;
根据各个子应用对应的路径将各个子应用的子应用标识加载并显示至应用栏上,并将当前显示的子应用对应的次子应用栏加载并显示至应用栏上;每个次子应用栏包括对应子应用的一个或多个次子应用标识。
本申请根据另一方面提供了一种页面展示的系统,该系统包括:
页面展示模块,用于展示目标页面;目标页面是预先配置有抽屉页面的网页;目标页面包括应用栏,应用栏包括多个子应用的标识;
自动拦截模块,用于运行用于拦截网页链接的拦截程序;
链接识别模块,用于获取拦截程序拦截到的网页链接作为目标链接;根据目标链接判断是否展开抽屉页面;
抽屉展示模块,用于当需要展开抽屉页面时,在目标页面的上层展开抽屉页面,以及在抽屉页面中展示目标链接对应的页面内容。
本申请根据另一方面提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述的页面展示的方法中任一项方法的步骤。
本申请根据另一方面提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现上述的页面展示的方法中任一项方法的步骤。
在上述的本申请实施例中,当用户登录云平台官网时,云平台先向用户展示目标页面,该目标页面是预先配置有抽屉页面的网页。其中,目标页面上还包括应用栏,该应用栏包括多个子应用的标识,该抽屉页面在未被展开时是处于最小化状态。然后云平台运行用于拦截网页链接的拦截程序。当用户在目标页面上点击新的网页链接时,云平台获取拦截程序拦截到的网页链接作为目标链接,再根据目标链接判断是否展开抽屉页面。若该目标链接符合业务需要,则云平台在目标页面的上层展开抽屉页面,以及在抽屉页面中展示目标链接对应的页面内容。本申请实施例先拦截不同跳转方式的链接,再将其中符合业务需要的链接对应的抽屉页面展开,并在该抽屉页面上展示链接的内容。通过上述方法的步骤,实现了各个子应用、次子应用的内容页面之间畅通地进行跳转切换,提高了跳转时的页面的渲染呈现效率,改善了用户在页面跳转时的交互使用体验。
附图说明
图1为本申请一个或多个实施例中一种页面展示的方法流程图;
图2为本申请一个或多个实施例中一种判断是否需要展开抽屉页面的方法流程图;
图3为本申请一个或多个实施例中一种拦截网络架构示意图;
图4为本申请一个或多个实施例中一种展开并在抽屉页面中展示页面内容的方法流程图;
图5为一种在抽屉页面中呈现子应用主页内容的演示示例;
图6为一种在抽屉页面中覆盖子应用主页内容的演示示例;
图7为一种用户点击抽屉页面外另一子应用的演示示例;
图8为一种在抽屉页面中删除子应用对应页签的演示示例;
图9为一种在抽屉页面中呈现次子应用内容的演示示例;
图10为一种删除整个抽屉页面的演示示例;
图11为一种在底页面中呈现另一子应用的演示示例;
图12为一种在底页面中呈现另一次子应用的演示示例;
图13为本申请一个或多个实施例中一种执行各个子应用导出的挂载函数时的方法流程图;
图14为本申请一个或多个实施例中一种页面展示的系统结构示意图;
图15为本申请一个或多个实施例中一种计算机设备的结构示意图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅用以解释本申请,并不用于限定本申请。
本申请根据第一方面提供了一种页面展示的方法,如图1所示,该方法可以应用于云平台的网页运营系统中,其中云平台可以为SaaS(Software as a Service,软件即服务)平台,包括:
S110:展示目标页面;目标页面是预先配置有抽屉页面的网页;目标页面包括应用栏,应用栏包括多个子应用的标识;
具体地,当用户登录云平台官网时,云平台先向用户展示目标页面。其中,抽屉页面为用于呈现网页链接内容,或者子应用、次子应用内容的页面,而且抽屉页面在未被展开时是处于最小化状态。该应用栏可以为目标页面左端的应用选项菜单目录,其中包括多个子应用的标识,每个子应用标识下对应一个或多个次子应用。
示例性地,如图5所示的一种在抽屉页面中呈现子应用主页内容的演示示例,主页为上述的目标页面。主页左端的应用栏中包含有子应用1-3的标识。此时,次子引用栏上展示的是子应用1对应的各个次子应用。
S120:运行用于拦截网页链接的拦截程序;
在一些实施例中,拦截程序用于拦截A标签跳转、拦截window.open方法和/或拦截浏览器路由。
具体地,当用户在目标页面上点击网页链接时,若云平台检测到网页跳转方式属于A标签跳转,则运行上述的拦截程序以拦截A标签跳转了。然后通过全局监控click事件进行检测。若检测出事件冒泡的元素是A标签且为_blank属性,则调用ev.preventDefault()工具进行拦截处理。
若云平台检测到网页跳转方式属于打开新浏览器的跳转方式,则运行拦截程序以window.open()方法,具体是通过重写window.open()函数来对路径进行拦截。
若云平台检测到网页跳转方式属于改变浏览器路由的跳转方式,则运行拦截程序以监测网页路径变化,同时对history路由的改变进行拦截。
S130:获取拦截程序拦截到的网页链接作为目标链接;根据目标链接判断是否展开抽屉页面;
具体地,拦截到的网页链接可以为新网页链接、子应用或次子应用的网页链接。
在一些实施例中,如图2所示,根据目标链接判断是否展开抽屉页面,包括:
S210:获取每个子应用输出的映射关系,每个子应用输出的映射关系包括该子应用的每个次子应用的网页链接及其对应的页面标识;
具体地,上述的子应用输出一份的URL(Uniform Resource Locator,统一资源定位符)列表,每份URL列表包括对应子应用的一个或多个次子应用URL,URL可以作为次子应用的网页链接。其中,每个次子应用URL对应于特定的页面ID(网页标识),每份URL列表中的一个或多个次子应用URL与对应的一个或多个页面ID组成对应子应用输出的映射关系。
S220:对每个子应用输出的映射关系中的网页链接进行遍历,将遍历到的网页链接与目标链接对比;
具体地,云平台对每一份子应用输出的URL列表执行循环遍历,抓取每份URL列表中的所有次子应用URL,将所有抓取到的次子应用URL与目标链接对比。
S230:若遍历到的网页链接与目标链接对比一致,获取遍历到的网页链接对应的页面标识;
具体地,若遍历到的网页链接与目标链接对比一致,则表明该份次子应用URL为用户需要打开的次子应用的网页链接,云平台获取该次子应用链接对应的页面ID。
S240:根据获取的页面标识判断是否展开抽屉页面。
最后云平台判断该次子应用的网页链接对应的页面ID是否属于符合业务需要的页面ID。若符合业务需要,则展开抽屉页面。
示例性地,如图3所示的拦截网络架构示意图,在确定了某个次子应用URL为用户需要打开的次子应用的网页链接之后,云平台在拦截网络架构的逻辑层中判断对应的页面ID是否属于符合业务需要。例如用户打开了工作台(一个子应用)中的计费工具(工作台下的次子应用),云平台在拦截网络架构的逻辑层中判断计费工具对应的页面ID是否需要展开抽屉,一般的判断标准为次子应用的页面ID内容丰度和复杂度。若已知计费工具的页面ID属于符合业务需要的内容复杂页面,则云平台需要为计费工具展开抽屉页面。若已知计费工具不属于业务需要展开抽屉页面的页面ID,则云平台不会为计费工具展开抽屉页面。通过上述方法的步骤,可以实现云平台为符合业务需要,且内容丰度达标的网页链接展开抽屉页面,避免了在渲染层不必要的抽屉页面内容渲染任务执行,提高了对网页链接的渲染处理效率。
S140:若是,在目标页面的上层展开抽屉页面,以及在抽屉页面中展示目标链接对应的页面内容。
具体地,抽屉页面不与目标页面位于同一层,而是位于目标页面的上浮层。
在一些实施例中,如图4所示,抽屉页面包括页头区和内容区;在目标页面的上层展开抽屉页面,以及在抽屉页面中展示目标链接对应的页面内容,包括:
S310:启动抽屉组件,通过抽屉组件将抽屉页面展开并覆盖于目标页面的上层,抽屉页面的面积小于网页主页的面积;
S320:在抽屉页面的内容区显示目标链接对应的子应用的页面内容,以及在抽屉页面的页头区中显示目标链接对应的页签信息;子应用的页面内容包括子应用主页或者子应用的默认次子应用内容。
示例性地,如图3所示的拦截网络架构示意图,云平台在拦截网络架构的逻辑层中确定了展开抽屉页面后,在渲染层中为网页链接的内容执行的操作包括处理路由、追加页签和加载应用。如图5所示,例如用户点击的目标链接为子应用1,且子应用1属于需要抽屉展示的子应用主页,则云平台在抽屉页面的内容区显示子应用1的主页内容,在页头区中显示子应用1对应的页签1。通过上述方法的步骤,实现了目标链接的页面内容渲染展示。
在一些实施例中,在抽屉页面的内容区显示目标链接对应的子应用的页面内容,以及在抽屉页面的页头区中显示目标链接对应的页签信息之后,该方法还包括:
当用户点击目标链接对应的子应用的页面内容中的特定链接时,在抽屉页面的页头区新增一页签,对该新增的页签进行高亮显示,以及在抽屉页面的内容区展示特定链接对应的页面内容;特定链接是指目标链接对应的子应用的任一次子应用的网页链接。
具体地,特定链接一般可以为新网页链接、其他子应用或者次子应用的网页链接。若当前展示的页面内容为特定子应用的主页,则特定链接为特定子应用的任一次子应用的网页链接。
示例性地,如图5-6所示,用户在点击子应用1主页的次子应用链接2后,抽屉页面的内容区展示次子应用链接2的内容页2,并对新增的页签2进行高亮显示,页签2对应于内容页2。
示例性地,如图7所示,当用户点击抽屉页面外的子应用2标识时,由于此时抽屉页面已展开,则云平台无需在拦截网络架构的逻辑层中判断是否需要展开抽屉页面,即可在抽屉页面的内容页上显示子应用2的主页内容,并在页头区新增页签3。通过上述方法的步骤,实现了不同的页面内容之间畅通地进行跳转切换,提高了跳转时的页面的渲染呈现效率,改善了用户在页面跳转时的交互使用体验。
在一些实施例中,在抽屉页面的内容区显示目标链接对应的子应用的页面内容,以及在抽屉页面的页头区中显示目标链接对应的页签信息之后,方法还包括:
当用户关闭目标链接对应的子应用的内容对应的页签时,将目标链接对应的子应用的页面内容以及对应的文档对象模型、事件一同销毁。
示例性地,如图8所示,当用户删除页签3后,云平台仅将抽屉页面中的与页签3对应的子应用2主页内容删除,此时抽屉页面内容区显示的上述链接2对应的内容。如图9所示,当用户点击子应用2的次子应用22时,抽屉页面已展开,则在抽屉页面的内容页显示次子应用22的主页内容,并在页头区新增页签3。如图10所示,用户可以抽屉页面右上端的删除按钮以删除整个抽屉页面,具体地,云平台将之前页签1、2、3对应的页面内容以及对应的文档对象模型、事件一同销毁。最后,当用户点击子应用3后,此时抽屉页面未展开,云平台会在拦截网络架构的逻辑层中判断是否需要为子应用3展开抽屉页面。如图11所示,若已知不需要为子应用3展开抽屉,则云平台直接在目标页面的底页面显示子应用3的主页内容。如图12所示,若已知也不需要为次子应用13展开抽屉,则云平台在当前的目标页面的底页面显示次子应用13的主页内容。通过上述方法的步骤,实现了页面内容可删除化显示,改善了用户在页面跳转时的交互使用体验。
在一些实施例中,如图14所示,在目标页面的上层展开抽屉页面之前,该方法还包括:
S410:注册各个子应用以及各个子应用的一个或多个次子应用;
S420:为各个子应用匹配对应的路径;
S430:根据各个子应用对应的路径将各个子应用的子应用标识加载并显示至应用栏上,并将当前显示的子应用对应的次子应用栏加载并显示至应用栏上;每个次子应用栏包括对应子应用的一个或多个次子应用标识。
具体地,云平台的主应用先给子应用传递路由地址,执行各个子应用导出的挂载函数。然后注册各个子应用,将主应用的菜单路径与各个子应用的路径匹配,最后再将各个子应用标识加载并显示至应用栏上。其中,当前显示的子应用一般为默认子应用,最后云平台再将默认子应用对应的次子应用栏加载并显示至应用栏上。
示例性地,如图3所示拦截网络架构示意图,云平台在渲染层中为网页链接的内容执行的操作包括处理路由、追加页签和加载应用。其中,处理路由的操作指的是主应用先给子应用传递路由地址,再将各个子应用标识加载并显示至应用栏上。追加页签即为上述实施例中所述的添加页签1、2、3等操作。加载应用的操作为上述的将网页链接内容呈现在抽屉页面上。通过上述方法的步骤,可以实现将主应用下的各个子应用,以及对应的次子应用同时加载至应用栏上,提高了多应用情况下应用标识加载呈现的精确性和效率,改善了用户的感官体验。
本申请根据另一方面提供了一种页面展示的系统,如图14所示,该系统包括:
页面展示模块110,用于展示目标页面;目标页面是预先配置有抽屉页面的网页;目标页面包括应用栏,应用栏包括多个子应用的标识;
自动拦截模块120,用于运行用于拦截网页链接的拦截程序;
链接识别模块130,用于获取拦截程序拦截到的网页链接作为目标链接;根据目标链接判断是否展开抽屉页面;
在一些实施例中,链接识别模块130还用于获取每个子应用输出的映射关系,每个子应用输出的映射关系包括该子应用的每个次子应用的网页链接及其对应的页面标识;对每个子应用输出的映射关系中的网页链接进行遍历,将遍历到的网页链接与目标链接对比;若遍历到的网页链接与目标链接对比一致,获取遍历到的网页链接对应的页面标识;
抽屉展示模块140,用于当需要展开抽屉页面时,在目标页面的上层展开抽屉页面,以及在抽屉页面中展示目标链接对应的页面内容。
在一些实施例中,抽屉展示模块140还用于启动抽屉组件,通过抽屉组件将抽屉页面展开并覆盖于目标页面的上层,抽屉页面的面积小于网页主页的面积;在抽屉页面的内容区显示目标链接对应的子应用的页面内容,以及在抽屉页面的页头区中显示目标链接对应的页签信息;子应用的页面内容包括子应用主页或者子应用的默认次子应用内容。
本申请根据另一方面提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述的页面展示的方法中任一项方法的步骤。
本申请根据另一方面提供了一种计算机设备,如图15所示,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现上述的页面展示的方法中任一项方法的步骤。
本领域普通技术人员可以理解实现上述方法实施例中的全部或部分流程,可以通过计算机程序来指令相关的硬件来完成。计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。
其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink) DRAM(SLDRAM)、存储器总线(RamCus)、直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个…”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
Claims (10)
1.一种页面展示的方法,其特征在于,所述方法包括:
展示目标页面;所述目标页面是预先配置有抽屉页面的网页;所述目标页面包括应用栏,所述应用栏包括多个子应用的标识;
运行用于拦截网页链接的拦截程序;
获取所述拦截程序拦截到的网页链接作为目标链接;
根据所述目标链接判断是否展开所述抽屉页面;
若是,在所述目标页面的上层展开所述抽屉页面,以及在所述抽屉页面中展示所述目标链接对应的页面内容。
2.根据权利要求1所述的方法,其特征在于,所述拦截程序用于拦截A标签跳转、拦截window.open方法和/或拦截浏览器路由。
3.根据权利要求1所述的方法,其特征在于,根据所述目标链接判断是否展开所述抽屉页面,包括:
获取每个所述子应用输出的映射关系,每个所述子应用输出的映射关系包括该子应用的每个次子应用的网页链接及其对应的页面标识;
对每个所述子应用输出的映射关系中的网页链接进行遍历,将遍历到的网页链接与所述目标链接对比;
若遍历到的网页链接与所述目标链接对比一致,获取所述遍历到的网页链接对应的页面标识;
根据获取的页面标识判断是否展开所述抽屉页面。
4.根据权利要求1所述的方法,其特征在于,所述抽屉页面包括页头区和内容区;
在所述目标页面的上层展开所述抽屉页面,以及在所述抽屉页面中展示所述目标链接对应的页面内容;包括:
启动抽屉组件,通过所述抽屉组件将所述抽屉页面展开并覆盖于所述目标页面的上层,所述抽屉页面的面积小于所述网页主页的面积;
在所述抽屉页面的内容区显示所述目标链接对应的子应用的页面内容,以及在所述抽屉页面的页头区中显示所述目标链接对应的页签信息;所述子应用的页面内容包括子应用主页或者子应用的默认次子应用内容。
5.根据权利要求4所述的方法,其特征在于,在所述抽屉页面的内容区显示所述目标链接对应的子应用的页面内容,以及在所述抽屉页面的页头区中显示所述目标链接对应的页签信息之后,所述方法还包括:
当用户关闭所述目标链接对应的子应用的内容对应的页签时,将所述目标链接对应的子应用的页面内容以及对应的文档对象模型、事件一同销毁。
6.根据权利要求4所述的方法,其特征在于,在所述抽屉页面的内容区显示所述目标链接对应的子应用的页面内容,以及在所述抽屉页面的页头区中显示所述目标链接对应的页签信息之后,所述方法还包括:
当用户点击所述目标链接对应的子应用的页面内容中的特定链接时,在所述抽屉页面的页头区新增一页签,对该新增的页签进行高亮显示,以及在所述抽屉页面的内容区展示所述特定链接对应的页面内容;所述特定链接是指所述目标链接对应的子应用的任一次子应用的网页链接。
7.根据权利要求4所述的方法,其特征在于,在所述目标页面的上层展开所述抽屉页面之前,所述方法还包括:
注册各个所述子应用以及各个所述子应用的一个或多个次子应用;
为各个所述子应用匹配对应的路径;
根据各个子应用对应的路径将各个所述子应用的子应用标识加载并显示至所述应用栏上,并将当前显示的子应用对应的次子应用栏加载并显示至所述应用栏上;每个所述次子应用栏包括对应子应用的一个或多个次子应用标识。
8.一种页面展示的系统,其特征在于,所述系统包括:
页面展示模块,用于展示目标页面;所述目标页面是预先配置有抽屉页面的网页;所述目标页面包括应用栏,所述应用栏包括多个子应用的标识;
自动拦截模块,用于运行用于拦截网页链接的拦截程序;
链接识别模块,用于获取所述拦截程序拦截到的网页链接作为目标链接;根据所述目标链接判断是否展开所述抽屉页面;
抽屉展示模块,用于当需要展开所述抽屉页面时,在所述目标页面的上层展开所述抽屉页面,以及在所述抽屉页面中展示所述目标链接对应的页面内容。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311489988.8A CN117235405A (zh) | 2023-11-09 | 2023-11-09 | 页面展示的方法、系统、计算机设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311489988.8A CN117235405A (zh) | 2023-11-09 | 2023-11-09 | 页面展示的方法、系统、计算机设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117235405A true CN117235405A (zh) | 2023-12-15 |
Family
ID=89091559
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311489988.8A Pending CN117235405A (zh) | 2023-11-09 | 2023-11-09 | 页面展示的方法、系统、计算机设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117235405A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2014172680A2 (en) * | 2013-04-19 | 2014-10-23 | Alibaba Group Holding Limited | Client side page processing |
CN110825594A (zh) * | 2018-08-07 | 2020-02-21 | 北京优酷科技有限公司 | 数据的上报、下发方法、客户端及服务器 |
CN114661375A (zh) * | 2022-03-24 | 2022-06-24 | 阿里云计算有限公司 | 应用集成方法及装置 |
CN114996615A (zh) * | 2022-07-18 | 2022-09-02 | 北京商越网络科技有限公司 | 页面控制方法、装置、设备及存储介质 |
CN115712794A (zh) * | 2022-11-21 | 2023-02-24 | 北京数码大方科技股份有限公司 | 页面管理方法、装置、处理器及电子设备 |
-
2023
- 2023-11-09 CN CN202311489988.8A patent/CN117235405A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2014172680A2 (en) * | 2013-04-19 | 2014-10-23 | Alibaba Group Holding Limited | Client side page processing |
CN110825594A (zh) * | 2018-08-07 | 2020-02-21 | 北京优酷科技有限公司 | 数据的上报、下发方法、客户端及服务器 |
CN114661375A (zh) * | 2022-03-24 | 2022-06-24 | 阿里云计算有限公司 | 应用集成方法及装置 |
CN114996615A (zh) * | 2022-07-18 | 2022-09-02 | 北京商越网络科技有限公司 | 页面控制方法、装置、设备及存储介质 |
CN115712794A (zh) * | 2022-11-21 | 2023-02-24 | 北京数码大方科技股份有限公司 | 页面管理方法、装置、处理器及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20220318336A1 (en) | Method and Terminal Device for Extracting Web Page Content | |
US20180278494A1 (en) | Automated constructing method of cloud manufacturing service and cloud manufacturing system | |
CN110008455B (zh) | 表格编辑方法、装置、计算机设备和存储介质 | |
CN108804159B (zh) | javascript模块加载方法及其预处理方法、装置和计算机设备 | |
CN110209966B (zh) | 一种网页刷新方法、网页系统及电子设备 | |
CN110069683B (zh) | 一种基于浏览器爬取数据的方法及装置 | |
US20100281357A1 (en) | System and method for processing a widget at a web browser | |
CN108399124B (zh) | 应用测试方法、装置、计算机设备和存储介质 | |
CN111475161B (zh) | 一种访问组件的方法、装置及设备 | |
CN108595697B (zh) | 网页集成方法、装置及系统 | |
CN110765379B (zh) | 加载资源文件的方法、装置、计算机设备及存储介质 | |
CN110633156B (zh) | 浏览器关联应用程序的方法、装置及电子设备、存储介质 | |
CN105335404A (zh) | 页面信息加载方法和装置 | |
CN110659092B (zh) | 网页截图方法、装置、计算机设备和存储介质 | |
US20210105314A1 (en) | Associating browser with application | |
CN112631591B (zh) | 表元素联动方法、装置、设备与计算机可读存储介质 | |
CN110020280B (zh) | 应用页面展示方法、装置、存储介质和计算机设备 | |
CN105786846A (zh) | 一种可自定义生成模块的网站平台组件 | |
CN112433712A (zh) | 报表展示方法、装置、计算机设备和存储介质 | |
CN109714406A (zh) | 资源描述文件的处理、页面资源的获取方法及设备 | |
CN110362341B (zh) | 基于微服务架构的业务管理方法、装置、设备和存储介质 | |
CN113806652A (zh) | 页面生成方法、装置、计算机设备和存储介质 | |
CN115543285A (zh) | 一种交互窗口显示方法、装置、设备及存储介质 | |
CN105701124A (zh) | 一种提供提示信息的方法及装置 | |
CN117235405A (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 |