CN114048401A - 一种页面跳转方法及装置、电子设备、存储介质 - Google Patents
一种页面跳转方法及装置、电子设备、存储介质 Download PDFInfo
- Publication number
- CN114048401A CN114048401A CN202111382748.9A CN202111382748A CN114048401A CN 114048401 A CN114048401 A CN 114048401A CN 202111382748 A CN202111382748 A CN 202111382748A CN 114048401 A CN114048401 A CN 114048401A
- Authority
- CN
- China
- Prior art keywords
- page
- jump
- state
- current
- displayed
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种页面跳转方法及装置、电子设备、存储介质。页面跳转方法,包括:接收页面跳转指令;所述页面跳转指令用于指示从当前展示页面跳转到跳转页面;所述当前展示页面为基于Drawer(抽屉)组件的页面,且所述当前展示页面的状态为展示态;所述跳转页面通过Drawer组件预先挂载在所述当前展示页面的父页面中,且所述跳转页面的状态为隐藏态;将所述跳转页面的状态从隐藏态修改为展示态,以及将所述当前展示页面的状态从展示态修改为隐藏态,并对所述跳转页面进行渲染处理,以使所述跳转页面覆盖所述当前展示页面。该页面跳转方法用以降低页面跳转的维护成本,提高页面跳转的安全性。
Description
技术领域
本申请涉及前端展示技术领域,具体而言,涉及一种页面跳转方法及装置、电子设备、存储介质。
背景技术
页面跳转,是Web(网页)前端技术中的一种常见的交互设计。现有的Web应用,大多是单页面应用,采用的页面跳转方式为:采用Router(页面路由)管理页面跳转;一个url(Uniform Resource Locator,统一资源定位器)对应一个跳转页面。
采用现有的页面跳转方式,存在着一些问题:需要经常维护,且维护麻烦,维护成本较高;基于url的跳转可能会暴露敏感参数,安全性较低。
发明内容
本申请实施例的目的在于提供一种页面跳转方法及装置、电子设备、存储介质,用以降低页面跳转的维护成本,提高页面跳转的安全性。
第一方面,本申请实施例提供一种页面跳转方法,包括:接收页面跳转指令;所述页面跳转指令用于指示从当前展示页面跳转到跳转页面;所述当前展示页面为基于Drawer(抽屉)组件的页面,且所述当前展示页面的状态为展示态;所述跳转页面通过Drawer组件预先挂载在所述当前展示页面的父页面中,且所述跳转页面的状态为隐藏态;将所述跳转页面的状态从隐藏态修改为展示态,以及将所述当前展示页面的状态从展示态修改为隐藏态,并对所述跳转页面进行渲染处理,以使所述跳转页面覆盖所述当前展示页面。
在本申请实施例中,与现有技术相比,一方面,利用Drawer(抽屉)组件来对页面进行封装,相较于利用Router+url管理页面跳转的方式,可以避免敏感参数的暴露,提高页面跳转的安全性;并且,不再依赖页面路由,可以根据业务需求灵活设置,不需要经常的维护;即便维护,也只需要对Drawer组件进行配置,维护起来也比较方便,降低页面跳转的维护成本。另一方面,基于Drawer组件,采用跳转页面覆盖当前展示页面的跳转方式,不管是跳转页面,还是当前展示页面,都可以保留相应的操作状态;以及,这种方式也没有层级的限制,可以逐级跳转,也可以跨级跳转,进而提高页面跳转的灵活性。
作为一种可能的实现方式,所述Drawer组件预设有第一移动展示效果,在所述跳转页面覆盖所述当前展示页面时,所述跳转页面展示所述第一移动展示效果。
在本申请实施例中,通过Drawer组件预设的第一移动展示效果,在跳转页面覆盖当前展示页面时,可以展示第一移动展示效果,提高页面跳转的展示效果,进而提高用户的观看体验。
作为一种可能的实现方式,所述Drawer组件预设有第二移动展示效果,在将所述当前展示页面的状态从展示态修改为隐藏态时,所述当前展示页面展示所述第二移动展示效果,所述第二移动展示效果与所述第一移动展示效果不相同。
在本申请实施例中,通过Drawer组件预设的第二移动展示效果,在当前展示页面的状态从展示态修改为隐藏态时,可以展示第二移动展示效果,提高页面跳转的展示效果,进而提高用户的观看体验。
作为一种可能的实现方式,所述对所述跳转页面进行渲染处理,包括:根据预设的所述跳转页面相较于所述父页面的定位属性信息,对所述跳转页面进行渲染处理。
在本申请实施例中,通过预设的定位属性信息,实现跳转页面的有效且快速的渲染处理。
作为一种可能的实现方式,所述对所述跳转页面进行渲染处理,包括:根据预设的所述跳转页面相较于所述父页面的页面宽度信息,对所述跳转页面进行渲染处理。
在本申请实施例中,通过预设的页面宽度信息,实现跳转页面的有效且快速的渲染处理。
作为一种可能的实现方式,所述对所述跳转页面进行渲染处理,包括:根据预设的页面导航信息对所述跳转页面进行渲染处理;所述页面导航信息用于指示所述跳转页面上可执行的页面操作。
在本申请实施例中,通过预设的页面导航信息,实现跳转页面的有效且快速的处理;并且,通过页面导航信息,指示跳转页面上可执行的页面操作,提高页面跳转的便利性和直观性。
作为一种可能的实现方式,所述跳转页面为所述当前展示页面的前N级页面,或者后N级页面;所述N为1或者大于1的整数。
在本申请实施例中,通过上述的页面跳转方式,可以实现后级的页面跳转到前级的页面,也可以实现前级的页面跳转到后级的页面;并且,可以是逐级跳转,也可以是跨级跳转;提高页面跳转的灵活性。
第二方面,本申请实施例提供一种页面跳转装置,包括:用于实现第一方面以及第一方面的任意一种可能的实现方式中所述的页面跳转方法的各个功能模块。
第三方面,本申请实施例提供一种电子设备,包括:处理器;和与所述处理器通信连接的存储器和显示器;所述存储器存储有可被所述处理器执行的指令,所述指令被所述处理器执行,以使所述处理器能够执行如第一方面以及第一方面的任意一种可能的实现方式中所述的页面跳转方法。
第四方面,本申请实施例提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被计算机运行时,执行如第一方面以及第一方面的任意一种可能的实现方式中所述的页面跳转方法。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对本申请实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的页面跳转方法的流程图;
图2为本申请实施例提供的页面跳转装置的结构示意图;
图3为本申请实施例提供的电子设备的结构示意图。
图标:200-页面跳转装置;210-接收模块;220-处理模块;300-电子设备;310-处理器;320-存储器;330-显示器。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行描述。
本申请实施例提供的技术方案可以应用于网页或者其他前端的页面跳转应用场景中。例如:在用户浏览网页页面的过程中,点击网页页面中的某个链接,以进行页面跳转;再例如:在用户浏览数据表的过程中,点击数据表中的某个具体数据,以跳转到该具体数据对应的信息页面等。
基于上述的应用场景,本申请实施例提供的技术方案对应的硬件运行环境可以是前端,其表现形式可以是浏览器、客户端或者终端设备等,在此不作限定。
接下来请参照图1,为本申请实施例提供的页面跳转方法的流程图,该页面跳转方法包括以下步骤:
步骤110:接收页面跳转指令。页面跳转指令用于指示从当前展示页面跳转到跳转页面;当前展示页面为基于Drawer(抽屉)组件的页面,且当前展示页面的状态为展示态;跳转页面通过Drawer组件预先挂载在当前展示页面的父页面中,且跳转页面的状态为隐藏态。
步骤120:将跳转页面的状态从隐藏态修改为展示态,以及将当前展示页面的状态从展示态修改为隐藏态,并对跳转页面进行渲染处理,以使跳转页面覆盖当前展示页面。
在本申请实施例中,与现有技术相比,一方面,利用Drawer(抽屉)组件来对页面进行封装,相较于利用Router+url管理页面跳转的方式,可以避免敏感参数的暴露,提高页面跳转的安全性;并且,不再依赖页面路由,可以根据业务需求灵活设置,不需要经常的维护,即便维护,也只需要对Drawer组件进行配置,维护起来也比较方便,降低页面跳转的维护成本。另一方面,基于Drawer组件,采用跳转页面覆盖当前展示页面的跳转方式,不管是跳转页面,还是当前展示页面,都可以保留相应的操作状态;以及,这种方式也没有层级的限制,可以逐级跳转,也可以跨级跳转,进而提高页面跳转的灵活性。
接下来对该页面跳转方法的详细实施方式进行介绍。
在步骤110中,接收页面跳转指令,该页面跳转指令可以是用户在当前展示页面上输入的页面跳转指令,用于指示从当前展示页面跳转到跳转页面。其中,当前展示页面可以理解为被跳转页面,跳转页面可以理解为跳转的目的页面。
在本申请实施例中,预先将所有可能需要跳转的页面用Drawer组件包裹,得到基于Drawer组件的页面。然后将所有基于Drawer组件的页面挂载到父页面中,此处的父页面可以理解为最初始的页面,例如:一个网站的首页,前述的需要跳转的页面都可以理解为父页面的子页面。
在挂载基于Drawer组件的页面时,还可以按照页面与页面之间的层级关系进行挂载。例如:页面1对应3个一级跳转页面,3个一级跳转页面分别又对应1个二级跳转页面,则,页面1,3个一级跳转页面和3个二级跳转页面均属于页面1的分类下的跳转页面。按照相同的方式,页面2,页面3等依次类推,构成多个跳转页面的分类,在挂载时,按照这样的分类进行挂载。
在将基于Drawer组件的页面挂载至父页面之后,或者在挂载至父页面的过程中,还需要将基于Drawer组件的页面的状态配置为隐藏态,以使各个页面不会直接显示。
在本申请实施例中,对于挂载在父页面中的各个页面,在展示时,其状态为展示态;在没有展示时,其状态为隐藏态。
基于上述的页面的预先配置的介绍,在用户浏览父页面的各个子页面的过程中,均可以利用本申请实施例提供的页面跳转方法进行页面跳转。
因此,在步骤110中,当前展示页面和跳转页面都是基于Drawer组件的页面,并且,当前展示页面和跳转页面都通过Drawer组件预先挂载在父页面中,当前展示页面的父页面,和跳转页面的父页面,为同一父页面。
所不同的是,当前展示页面为当前正在展示的页面,因此,当前展示页面的状态为展示态,而,跳转页面的状态为隐藏态。
采用本申请实施例的技术方案,可以满足从任意一个页面跳转到另一个任意的页面。因此,作为一种可选的实施方式,跳转页面为当前展示页面的前N级页面,或者后N级页面;N为1或者大于1的整数。
举例来说,用户可以选择从上级页面跳转到任意一个下级页面;也可以选择从下级页面返回到任意一个上级页面;还可以选择从当前级的页面依次进行跳转,包括从上级往下级跳转,和从下级往上级返回跳转等。
在本申请实施例中,通过上述的页面跳转方式,可以实现后级的页面跳转到前级的页面,也可以实现前级的页面跳转到后级的页面;并且,可以是逐级跳转,也可以是跨级跳转;提高页面跳转的灵活性。
页面跳转指令,可以有不同的发起形式。作为一种可选的实施方式,在当前展示页面上,设置有页面导航信息,用户可以通过页面导航信息发起页面跳转指令。
在本申请实施例中,页面导航信息可以采用面包屑导航的形式,面包屑可以让用户了解当前所处位置,并提供返回各个层级的快速入口,方便用户通过各个快速入口实现快速返回的操作。此外,在当前页面上,还可以集成返回按钮,点击即可返回前一个页面。
因此,在页面导航信息中,可以包含可跳转的各个层级的名称,还可以包含返回、确认等指示信息,在本申请实施例中不作限定。
除了上述的发起形式,还可以采用其他发起形式,结合实际的应用场景灵活的设置即可,在本申请实施例中不作限定。例如,前述实施例中介绍的,假设当前展示页面上仅包括数据表,则数据表中的每一个可跳转的数据项均可作为页面导航信息,在用户点击数据项之后,便可发起页面跳转指令。
在用户发起页面跳转指令之后,前端便可基于页面跳转指令确定对应的跳转页面,例如:在一个网站的首页,用户点击了其中的某一个网站名称,则,该网站名称对应的网站的首页便为跳转页面。这些信息,均可以预先与页面上的各个内容绑定,或者预设好对应关系,在用户发起页面跳转指令之后,便可确定对应的跳转页面。
在步骤120中,将跳转页面的状态从隐藏态修改为展示态,以及将当前展示页面的状态从展示态修改为隐藏态,并对跳转页面进行渲染处理,以使跳转页面覆盖所述当前展示页面,便可实现将跳转页面的展示,进而完成跳转页面的跳转。
对于Drawer组件,可以设置有对应的回调函数参数。该回调函数参数,在Drawer组件的状态改变时,可以自动调用执行。当然,也可以不设置对应的回调函数参数。可以根据需求进行设置。
例如,从页面1跳转至页面2,如果页面2返回页面1时需要刷新页面1的部分数据,就可以给包裹页面2的Drawer组件设置一个回调函数,用于返回时的刷新功能;反之,如果页面2返回页面1不需要刷新,就不需要设置回调函数。
进而,如果设置有回调函数参数,在Drawer组件关闭后,Drawer组件便会自动调用该回调函数参数。
基于Drawer组件的特性,还可以预先配置移动展示效果,以在不同的状态修改情况下,展示不同的效果。
因此,作为一种可选的实施方式,Drawer组件预设有第一移动展示效果,在跳转页面覆盖所述当前展示页面时,跳转页面展示第一移动展示效果。
此处的第一移动展示效果可以是从右向左滑入的动画效果,也可以是从上至下滑入的动画效果,或者其他用于指示跳转页面开始展示的动画效果,在本申请实施例中不作限定。
在本申请实施例中,通过Drawer组件预设的第一移动展示效果,在跳转页面覆盖当前展示页面时,可以展示第一移动展示效果,提高页面跳转的展示效果,进而提高用户的观看体验。
第一移动展示效果,为针对跳转页面的展示效果。对于当前展示页面,也可以配置相应的展示效果。因此,作为一种可选的实施方式,Drawer组件预设有第二移动展示效果,在将当前展示页面的状态从展示态修改为隐藏态时,当前展示页面展示第二移动展示效果,第二移动展示效果与第一移动展示效果不相同。
在这种实施方式,第二移动展示效果可以是从左向右滑出的动画效果,也可以是从下至上滑出的动画效果,或者其他用于指示当前展示页面移出(停止展示)的动画效果,在本申请实施例中不作限定。
在本申请实施例中,通过Drawer组件预设的第二移动展示效果,在当前展示页面的状态从展示态修改为隐藏态时,可以展示第二移动展示效果,提高页面跳转的展示效果,进而提高用户的观看体验。
除了状态的修改,还需要对跳转页面进行渲染处理,使跳转页面覆盖当前展示页面,也可以理解为覆盖父页面,才能实现跳转页面的展示,接下来对渲染处理的一些实施方式进行介绍。
作为第一种可选的实施方式,渲染处理的过程包括:根据预设的跳转页面相较于父页面的定位属性信息,对跳转页面进行渲染处理。
在这种实施方式中,跳转页面预设有定位属性信息,通过该定位属性信息,可以指示跳转页面相较于父页面的位置,实现相较于父页面的覆盖。
其中,定位属性可以信息包括:两个关键元素的定位属性信息。一个是父页面的定位属性,需要设置为相对定位,用于给Drawer组件提供定位基准。另一个是Drawer组件的定位属性,需要设置为绝对定位,具体的,top属性设置为0,left属性设置为0,用于指示跳转页面的左上角与父页面的左上角重叠。
在这种定位属性信息的实施方式中,跳转页面相较于父页面,是完全覆盖的形式,在一些实施例中,如果不需要完全覆盖,也可以采用其他属性信息,例如,跳转页面的左上角与父页面的左上角可以部分重叠等,在此不作限定。
在本申请实施例中,通过预设的定位属性信息,实现跳转页面的有效且快速的渲染处理。
作为第二种可选的实施方式,渲染处理的过程包括:根据预设的跳转页面相较于父页面的页面宽度信息,对跳转页面进行渲染处理。
在这种实施方式中,页面宽度信息也可以用于指示当前跳转页面相较于父页面的覆盖程度。例如,页面宽度信息可以是100%,代表当前跳转页面在宽度方向刚好覆盖父页面。
当前,如果覆盖程度并不需要完全覆盖,也可以采用其他的宽度信息设置方式,在此不作限定。
在本申请实施例中,通过预设的页面宽度信息,实现跳转页面的有效且快速的渲染处理。
作为第三种可选的实施方式,渲染处理的过程包括:根据预设的页面导航信息对跳转页面进行渲染处理;页面导航信息用于指示跳转页面上可执行的页面操作。
在这种实施方式中,相当于给跳转页面加上页面导航信息,关于页面导航信息的实施方式,可参照前述的当前展示页面的页面导航信息的实施方式的介绍,在此不再重复介绍。
在本申请实施例中,通过预设的页面导航信息,实现跳转页面的有效且快速的处理;并且,通过页面导航信息,指示跳转页面上可执行的页面操作,提高页面跳转的便利性和直观性。
可以理解,上述的三种渲染处理,可以结合使用,也可以单独使用。例如:先采用第三种渲染处理,再采用第一种渲染处理和第二种渲染处理。
在实际应用时,可以结合不同的应用场景对上述三种渲染处理的方式进行灵活应用。
此外,除了上述的三种渲染处理,还可以采用更多的渲染处理,例如:色彩的渲染处理、展示框的展示形状的渲染处理等,在本申请实施例中不作一一介绍。
在本申请实施例中,结合上述的渲染处理的配置信息,所采用的渲染技术,或者渲染算法等,可以采用本领域成熟的技术,在此不作详细介绍。
通过前述的实施方式的介绍可以看出,本申请实施例中,在进行页面跳转时,基于Drawer组件,采用覆盖式的跳转方式,所以,所有跳转前页面的操作状态都可以保留。即,针对当前展示页面,在之后的操作中,如果跳转回当前展示页面,所展示的页面中的操作仍然为跳转时的操作,不会发生任何改变。
作为一种应用场景,在一组表格数据中,如果页面空间有限,表格无法放置过多的列信息时,通常会采用“点击表格数据跳转详情页”的方式来处理。
采用本申请实施例所提供的技术方案时,进入详情页后,浏览器地址栏中的url不会发生改变,但能保留表格页的最终操作状态,如滚动条位置等。
通过前述实施例的介绍,采用本申请实施例的技术方案,最终可以达到的技术效果包括:无需维护Router即可实现页面跳转,减轻开发人员负担,降低维护成本。提升url的精简度,去除了url中的传参信息,避免暴露敏感传参信息。支持保存页面的所有操作状态,提升用户体验。返回跳转起始页时,只需向后台请求必要数据,节省网络资源。页面跳转和返回支持动画效果,用户体验更佳。跳转页面存在层级关系时,可以通过面包屑展示当前位置,并支持点击面包屑的相关层级快速返回。
基于同一发明构思,请参照图2,本申请实施例中还提供一种页面跳转装置200,包括:接收模块210和处理模块220。
接收模块210用于接收页面跳转指令;所述页面跳转指令用于指示从当前展示页面跳转到跳转页面;所述当前展示页面为基于Drawer组件的页面,且所述当前展示页面的状态为展示态;所述跳转页面通过Drawer组件预先挂载在所述当前展示页面的父页面中,且所述跳转页面的状态为隐藏态。处理模块220用于:将所述跳转页面的状态从隐藏态修改为展示态,以及将所述当前展示页面的状态从展示态修改为隐藏态,并对所述跳转页面进行渲染处理,以使所述跳转页面覆盖所述当前展示页面。
在本申请实施例中,所述Drawer组件预设有第一移动展示效果,在所述跳转页面覆盖所述当前展示页面时,所述跳转页面展示所述第一移动展示效果。
在本申请实施例中,所述Drawer组件预设有第二移动展示效果,在将所述当前展示页面的状态从展示态修改为隐藏态时,所述当前展示页面展示所述第二移动展示效果,所述第二移动展示效果与所述第一移动展示效果不相同。
在本申请实施例中,处理模块220具体用于:根据预设的所述跳转页面相较于所述父页面的定位属性信息,对所述跳转页面进行渲染处理。
在本申请实施例中,处理模块220具体用于:根据预设的所述跳转页面相较于所述父页面的页面宽度信息,对所述跳转页面进行渲染处理。
在本申请实施例中,处理模块220具体用于:根据预设的页面导航信息对所述跳转页面进行渲染处理;所述页面导航信息用于指示所述跳转页面上可执行的页面操作。
在本申请实施例中,所述跳转页面为所述当前展示页面的前N级页面,或者后N级页面;所述N为1或者大于1的整数。
页面跳转装置200与前述的页面跳转方法对应,因此,各个功能模块的实施方式可参见各个功能模块对应的方法步骤的实施方式,在此不再重复介绍。
基于同一发明构思,请参照图3,本申请实施例提供一种电子设备300,该电子设备300可作为前述的页面跳转方法的硬件运行环境。
电子设备300包括:处理器310、存储器320和显示器330。
处理器310、存储器320和显示器330可以设置在设备本体内,设备本体,在不同的应用场景中,可以对应有不同的实施方式,比如:不同的形状、不同的大小、不同的材质等,在本申请实施例中不作限定。
处理器310、存储器320和显示器330之间直接或间接地电连接,以实现数据的传输或交互。例如,可以通过一条或多条通讯总线或信号总线实现电连接。前述的页面跳转方法分别包括至少一个可以以软件或固件(firmware)的形式存储于存储器320中的软件功能模块,例如页面跳转装置200包括的软件功能模块或计算机程序。
处理器310可以是一种集成电路芯片,具有信号处理能力。处理器310可以是通用处理器,包括CPU(Central Processing Unit,中央处理器)、NP(Network Processor,网络处理器)等;还可以是数字信号处理器、专用集成电路、现成可编程门阵列或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。其可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
存储器320,可以存储各种软件程序以及模块,如本申请实施例提供的页面跳转方法及装置对应的程序指令/模块。处理器310通过运行存储在存储器320中的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现本申请实施例中的方法。
在本申请实施例中,存储器320还用于存储预先设置的定位属性信息、页面导航信息等。
存储器320,可以包括但不限于RAM(Random Access Memory,随机存取存储器),ROM(Read Only Memory,只读存储器),PROM(Programmable Read-Only Memory,可编程只读存储器),EPROM(Erasable Programmable Read-Only Memory,可擦除只读存储器),EEPROM(Electric Erasable Programmable Read-Only Memory,电可擦除只读存储器)等。
显示器330,可以用于展示处理器310当前展示页面和跳转页面。还可以作为人机交互的介质,例如:通过显示器330展示各个可供选择的指令(包括页面导航信息),用户基于展示的指令,进行选择以及下发指令等。
在一些实施例中,显示器330可以是触摸式显示器,也可以是非触摸式显示器,在此不作限定。
在一些实施例中,电子设备300还可以包括输入输出模块。输入输出模块,可理解为用户实现人机交互的工具。通过输入输出模块,用户可以对电子设备进行操作,以下发指令、上传数据、下载数据等。
在一些实施例中,输入输出模块可以是:鼠标、键盘等,在此不作限定。
需要说明的是,图3中示出的电子设备300的结构并不构成对该电子设备300的限定,实际的电子设备300可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
此外,电子设备300的技术效果可以参考前述页面跳转方法的技术效果,此处不再赘述。
基于同一发明构思,本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被计算机运行时,执行前述实施例中所述的页面跳转方法。
在本申请所提供的实施例中,应该理解到,所揭露装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
另外,作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
再者,在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。
以上所述仅为本申请的实施例而已,并不用于限制本申请的保护范围,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (10)
1.一种页面跳转方法,其特征在于,包括:
接收页面跳转指令;所述页面跳转指令用于指示从当前展示页面跳转到跳转页面;所述当前展示页面为基于Drawer组件的页面,且所述当前展示页面的状态为展示态;所述跳转页面通过Drawer组件预先挂载在所述当前展示页面的父页面中,且所述跳转页面的状态为隐藏态;
将所述跳转页面的状态从隐藏态修改为展示态,以及将所述当前展示页面的状态从展示态修改为隐藏态,并对所述跳转页面进行渲染处理,以使所述跳转页面覆盖所述当前展示页面。
2.根据权利要求1所述的页面跳转方法,其特征在于,所述Drawer组件预设有第一移动展示效果,在所述跳转页面覆盖所述当前展示页面时,所述跳转页面展示所述第一移动展示效果。
3.根据权利要求2所述的页面跳转方法,其特征在于,所述Drawer组件预设有第二移动展示效果,在将所述当前展示页面的状态从展示态修改为隐藏态时,所述当前展示页面展示所述第二移动展示效果,所述第二移动展示效果与所述第一移动展示效果不相同。
4.根据权利要求1所述的页面跳转方法,其特征在于,所述对所述跳转页面进行渲染处理,包括:
根据预设的所述跳转页面相较于所述父页面的定位属性信息,对所述跳转页面进行渲染处理。
5.根据权利要求1所述的页面跳转方法,其特征在于,所述对所述跳转页面进行渲染处理,包括:
根据预设的所述跳转页面相较于所述父页面的页面宽度信息,对所述跳转页面进行渲染处理。
6.根据权利要求1所述的页面跳转方法,其特征在于,所述对所述跳转页面进行渲染处理,包括:
根据预设的页面导航信息对所述跳转页面进行渲染处理;所述页面导航信息用于指示所述跳转页面上可执行的页面操作。
7.根据权利要求1所述的页面跳转方法,其特征在于,所述跳转页面为所述当前展示页面的前N级页面,或者后N级页面;所述N为1或者大于1的整数。
8.一种页面跳转装置,其特征在于,包括:
接收模块,用于接收页面跳转指令;所述页面跳转指令用于指示从当前展示页面跳转到跳转页面;所述当前展示页面为基于Drawer组件的页面,且所述当前展示页面的状态为展示态;所述跳转页面通过Drawer组件预先挂载在所述当前展示页面的父页面中,且所述跳转页面的状态为隐藏态;
处理模块,用于将所述跳转页面的状态从隐藏态修改为展示态,以及将所述当前展示页面的状态从展示态修改为隐藏态,并对所述跳转页面进行渲染处理,以使所述跳转页面覆盖所述当前展示页面。
9.一种电子设备,其特征在于,包括:
处理器;和与所述处理器通信连接的存储器和显示器;
所述存储器存储有可被所述处理器执行的指令,所述指令被所述处理器执行,以使所述处理器能够执行如权利要求1-7任一项所述的页面跳转方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被计算机运行时,执行如权利要求1-7任一项所述的页面跳转方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111382748.9A CN114048401A (zh) | 2021-11-22 | 2021-11-22 | 一种页面跳转方法及装置、电子设备、存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111382748.9A CN114048401A (zh) | 2021-11-22 | 2021-11-22 | 一种页面跳转方法及装置、电子设备、存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114048401A true CN114048401A (zh) | 2022-02-15 |
Family
ID=80210409
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111382748.9A Pending CN114048401A (zh) | 2021-11-22 | 2021-11-22 | 一种页面跳转方法及装置、电子设备、存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114048401A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117130692A (zh) * | 2023-10-23 | 2023-11-28 | 成都赛力斯科技有限公司 | 应用管理方法、装置、电子设备及存储介质 |
-
2021
- 2021-11-22 CN CN202111382748.9A patent/CN114048401A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117130692A (zh) * | 2023-10-23 | 2023-11-28 | 成都赛力斯科技有限公司 | 应用管理方法、装置、电子设备及存储介质 |
CN117130692B (zh) * | 2023-10-23 | 2024-01-23 | 成都赛力斯科技有限公司 | 应用管理方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10949491B2 (en) | Method and apparatus for using proxies to interact with webpage analytics | |
US10303748B2 (en) | Method and device for providing webpage browsing based on web browser engine kernel | |
US9311427B2 (en) | Automated generation of mobile optimized website based on an existing conventional web page description | |
CN105955888B (zh) | 一种页面调试预览方法及系统 | |
US20170091159A1 (en) | Programmatic native rendering of structured content | |
CN111104635B (zh) | 一种表格网页的生成方法和装置 | |
US20100161713A1 (en) | Method and system for personalizing a desktop widget | |
CN110209966B (zh) | 一种网页刷新方法、网页系统及电子设备 | |
US9749440B2 (en) | Systems and methods for hosted application marketplaces | |
CN109960491A (zh) | 应用程序生成方法、生成装置、电子设备及存储介质 | |
CN109522500B (zh) | 网页显示方法、装置、终端和存储介质 | |
CN104021016A (zh) | 加载浏览器插件图标的方法及浏览器 | |
CN108345683B (zh) | 网页显示方法、装置、终端及存储介质 | |
CN112612982A (zh) | 网页预加载方法、装置及计算机设备 | |
CN103176993A (zh) | 一种内容呈现设备和方法 | |
CN113792208B (zh) | 基于网页的图片交互方法、装置、设备、介质及程序产品 | |
CN114048401A (zh) | 一种页面跳转方法及装置、电子设备、存储介质 | |
CN114385124A (zh) | 基于Vue框架的独立页面的跳转方法、装置及设备 | |
CN108319474B (zh) | 一种页面信息生成方法、装置和设备 | |
US20120216132A1 (en) | Embedding User Selected Content In A Web Browser Display | |
CN111880952A (zh) | 应用程序跳转方法、装置、电子设备和存储介质 | |
KR102191458B1 (ko) | 웹 데이터 수집 장치 및 방법 | |
CN112131024A (zh) | 轻应用的多功能跳转方法、装置、电子设备及存储介质 | |
CA3093640A1 (en) | Systems and methods for providing a web application to a computing device | |
CN110377859A (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 |