CN114625472A - 一种页面展示方法、装置、电子设备及存储介质 - Google Patents
一种页面展示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN114625472A CN114625472A CN202210525677.1A CN202210525677A CN114625472A CN 114625472 A CN114625472 A CN 114625472A CN 202210525677 A CN202210525677 A CN 202210525677A CN 114625472 A CN114625472 A CN 114625472A
- Authority
- CN
- China
- Prior art keywords
- page
- navigation
- switching control
- content
- displaying
- 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 34
- 230000004044 response Effects 0.000 claims abstract description 12
- 238000004590 computer program Methods 0.000 claims description 8
- 238000010586 diagram Methods 0.000 description 11
- 230000006870 function Effects 0.000 description 7
- 230000003287 optical effect Effects 0.000 description 6
- 230000008569 process Effects 0.000 description 5
- 230000009471 action Effects 0.000 description 4
- 238000004458 analytical method Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种页面展示方法、装置、电子设备及存储介质。其中页面展示方法包括:响应于导航栏中第一导航键的触发操作,在目标界面上展示第一导航键对应的第一页面,第一页面包括第一页面内容和页面切换控件;响应于导航栏中第二导航键的触发操作,根据预设展示规则,在目标界面上同时展示第二导航键对应的第二页面和第一页面,每个第二页面包括第二页面内容和页面切换控件;响应于第二页面中目标页面切换控件的触发操作,将第二页面内容更新为第一页面内容,目标页面切换控件为页面切换控件中的一个,上述技术方案能够将两个或多个相同的第一页面内容展示在同一目标界面上,方便用户使用,提升了用户体验。
Description
技术领域
本发明实施例涉及计算机技术领域,尤其涉及一种页面展示方法、装置、电子设备及存储介质。
背景技术
日常的工作和学习离不开应用程序的使用,应用程序通常能够展现各种不同的页面和交互功能,供用户浏览和操作。
在使用应用程序的过程中,用户通常会遇到需要打开两个或多个相同的页面进行参照比对分析的情况,但是目前,对于大多数应用程序而言,在没有第三方页面多开软件的辅助下,其无法实现同时打开两个或多个相同页面的功能;此外,即使使用了第三方页面多开软件,两个或多个相同页面也无法在同一界面窗口进行展示,如果用户想要进行参照比对分析,需要用户手动调整页面展示位置和展示比例,影响用户体验。
发明内容
本发明实施例提供一种页面展示方法、装置、电子设备及存储介质,以达到在同一界面同时展示两个或多个相同页面的效果,提升用户体验。
第一方面,本发明实施例提供了一种页面展示方法,包括:
响应于导航栏中第一导航键的触发操作,在目标界面上展示第一导航键对应的第一页面,所述第一页面包括第一页面内容和页面切换控件;
响应于导航栏中第二导航键的触发操作,根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,其中,所述第二导航键为至少一个,每个第二导航键对应一个第二页面,每个第二页面包括第二页面内容和所述页面切换控件;
响应于所述第二页面中目标页面切换控件的触发操作,将第二页面内容更新为所述第一页面内容,所述目标页面切换控件为所述页面切换控件中的一个。
第二方面,本发明实施例还提供了一种页面展示装置,包括:
第一页面展示模块,用于响应于导航栏中第一导航键的触发操作,在目标界面上展示第一导航键对应的第一页面,所述第一页面包括第一页面内容和页面切换控件;
页面同时展示模块,用于响应于导航栏中第二导航键的触发操作,根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,其中,所述第二导航键为至少一个,每个第二导航键对应一个第二页面,每个第二页面包括第二页面内容和所述页面切换控件;
页面更新展示模块,用于响应于所述第二页面中目标页面切换控件的触发操作,将第二页面内容更新为所述第一页面内容,所述目标页面切换控件为所述页面切换控件中的一个。
第三方面,本发明实施例还提供了一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如本发明任一实施例提供的页面展示方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明任一实施例提供的页面展示方法。
本发明实施例提供的技术方案,响应于导航栏中第一导航键的触发操作,在目标界面上展示第一导航键对应的第一页面,所述第一页面包括第一页面内容和页面切换控件;响应于导航栏中第二导航键的触发操作,根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,其中,所述第二导航键为至少一个,每个第二导航键对应一个第二页面,每个第二页面包括第二页面内容和所述页面切换控件;响应于所述第二页面中目标页面切换控件的触发操作,将第二页面内容更新为所述第一页面内容,所述目标页面切换控件为所述页面切换控件中的一个,上述通过在各第二页面中设置能够链接到第一页面内容的页面切换按钮,通过点击页面切换按钮能够将第二页面内容更新为第一页面内容,进而将两个或多个相同的第一页面内容展示在同一目标界面上,方便用户使用,提升了用户体验。
附图说明
图1为本发明实施例提供的一种页面展示方法的流程示意图;
图2为本发明实施例提供的一种第一页面展示示意图;
图3为本发明实施例提供的一种同时展示第一页面和第二页面的展示示意图;
图4为本发明实施例提供的一种页面展示示意图;
图5为本发明实施例提供的一种缩略导航栏展开前后对比示意图;
图6为本发明实施例提供的一种页面展示装置的结构示意图;
图7为本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
图1是本发明实施例提供的一种页面展示方法的流程示意图,本实施例可适用于在同一界面展示两个或多个相同页面的情况,该方法可以由本发明实施例提供的页面展示装置来执行,该页面展示装置可以由软件和/或硬件来实现,该页面展示装置可以配置在诸如计算机或服务器等的电子设备上,具体包括如下步骤:
S110、响应于导航栏中第一导航键的触发操作,在目标界面上展示第一导航键对应的第一页面,所述第一页面包括第一页面内容和页面切换控件。
本实施例中,导航栏为应用软件当前页面中的导航栏,用来链接到应用软件中的各相应页面或相应站点。导航栏中有至少两个导航键,其中,第一导航键为导航栏中的任一导航键。目标界面可以是导航栏所在的当前页面,也可以是新打开的页面,此处不作特殊限定。第一页面为第一导航键所能链接到的相应页面,第一页面中包括第一页面内容和页面切换控件。其中,页面切换控件可以链接到相应的页面内容,可选的,页面切换控件可以是一个,也可以是多个,当页面切换控件为一个时,页面切换控件对应的页面内容与第一导航键对应的页面内容相同,均为第一页面内容,当页面切换控件为多个时,页面切换控件中存在一个页面切换控件,其所对应的页面内容与第一导航键对应的页面内容相同,均为第一页面内容。
示例性的,导航栏中第一导航键的触发操作可以是用户针对第一导航键执行预设动作触发,例如预设动作可以是点击动作(单击或双击)、按压动作(按压预设时间)或者在操作界面画出连续闭合图形(圆形或四边形)等。在响应于导航栏中第一导航键的触发操作后,获取第一导航键对应的第一页面,并将第一页面展示在目标界面中。示例性的,可以将第一页面展示在当前页面中,除导航栏所在区域外的页面展示区域,参见图2。图2是本发明实施例提供的一种第一页面展示示意图,如图2所示,21为导航栏区域,22为第一页面区域,其中,第一页面区域22包括第一页面内容区域221和页面切换控件区域222。图2中所示出的第一页面展示方式仅为示例,此处对于第一页面的展示方式不作限定。
S120、响应于导航栏中第二导航键的触发操作,根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,其中,所述第二导航键为至少一个,每个第二导航键对应一个第二页面,每个第二页面包括第二页面内容和所述页面切换控件。
其中,第二导航键为导航栏中除第一导航键外其他的导航键,第二导航键的数量为至少一个,每个导航键互不相同,每个导航键链接到的第二页面也互不相同,每个第二页面中的第二页面内容也互不相同。每个第二页面中均有页面切换控件,第二页面中的页面切换控件和第一页面中的页面切换控件相同,即每个第二页面中均存在一个页面切换控件,其所对应的页面内容与第一导航键对应的页面内容相同,均为第一页面内容。
本实施例中,第二导航键的触发操作可以与上述第一导航键的触发操作过程相同,此处不再赘述。在响应于导航栏中第二导航键的触发操作后,获取第二导航键对应的第二页面,并根据预设展示规则,将第二页面和第一页面展示在目标界面中。示例性的,可以将第一页面和每个第二页面以相同的页面占比展示在目标界面的页面展示区域中;也可以根据第一预设比例将页面展示区域分成两个区域(两个区域对应的页面占比可以相同,也可以不同),并将第一页面展示在第一区域,将每个第二页面以预设页面占比(预设页面占比可以相同,也可以不同)展示在第二区域,还可以根据第二预设比例将页面展示区域分成三个区域或更多个区域(每个区域对应的页面占比可以相同,也可以不同),并将第一页面展示在第一区域,将每个第二页面以预设页面占比(预设页面占比可以相同,也可以不同)展示在第二区域。第一页面可以设置在每个第二页面所在区域的上方或下方区域,也可以设置在每个第二页面所在区域的左方或右方区域,当然,如果第二页面有多个,第一页面可以设置在两个第二页面的中间区域,第一页面和第二页面的相对位置可以根据实际情况进行设定,此处不作特殊限定。
示例性的,存在一个第一页面和一个第二页面,将第一页面和第二页面以相同的页面占比展示在当前页面中,除导航栏所在区域外的页面区域,参见图3。图3是本发明实施例提供的一种同时展示第一页面和第二页面的展示示意图,如图3所示,31为导航栏区域,32为第一页面区域,33为第二页面区域,其中,第一页面区域32包括第一页面内容区域321和页面切换控件区域322,第二页面区域33包括第二页面内容区域331和页面切换控件区域332。图3中所示出的第一页面和第二页面的展示方式仅为示例,不作限定。
S130、响应于所述第二页面中目标页面切换控件的触发操作,将第二页面内容更新为所述第一页面内容,所述目标页面切换控件为所述页面切换控件中的一个。
其中,目标页面切换控件链接到的页面内容为第一导航键对应的第一页面内容。本实施例中,第二页面中目标页面切换控件的触发操作可以与上述第一导航键和第二导航键的触发操作过程相同,此处不再赘述。响应于第二页面中目标页面切换控件的触发操作后,将相应第二页面的页面内容更新为第一页面内容,最终达到可以在目标界面中展示两个或多个第一页面内容的效果。可以理解的是,当第二页面的数量为多个时,用户可以只针对其中的一个第二页面中的目标页面切换控件执行触发操作,将该第二页面内容更新为第一页面内容。
示例性的,图4是本发明实施例提供的一种页面展示示意图,如图4所示,41为导航栏区域,42为第一页面区域,43为第二页面区域,其中,第一页面区域42包括第一页面内容区域421和页面切换控件区域422,第二页面区域43包括第一页面内容区域431和页面切换控件区域432。图4中所示出的第一页面和第二页面的展示方式仅为示例,不作限定。
本发明实施例提供的技术方案,响应于导航栏中第一导航键的触发操作,在目标界面上展示第一导航键对应的第一页面,所述第一页面包括第一页面内容和页面切换控件;响应于导航栏中第二导航键的触发操作,根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,其中,所述第二导航键为至少一个,每个第二导航键对应一个第二页面,每个第二页面包括第二页面内容和所述页面切换控件;响应于所述第二页面中目标页面切换控件的触发操作,将第二页面内容更新为所述第一页面内容,所述目标页面切换控件为所述页面切换控件中的一个,上述通过在各第二页面中设置能够链接到第一页面内容的页面切换按钮,通过点击页面切换按钮能够将第二页面内容更新为第一页面内容,进而将两个或多个相同的第一页面内容展示在同一目标界面上,方便用户使用,提升了用户体验。
在上述实施例的基础上,进一步的,所述页面切换控件为至少两个,所述页面切换控件的数量与所述导航栏中导航键的数量相同,每个页面切换控件对应的页面内容分别与一个导航键对应的页面内容相同。
示例性的,导航栏中有三个导航键,第一导航键、第二导航键A和第二导航键B,第一导航键对应第一页面,第二导航键A对应第二页面A,第二导航键B对应第二页面B,第一页面、第二页面A和第二页面B中均包括三个页面切换控件,分别是页面切换控件1,页面切换控件2和页面切换控件3,其中,页面切换控件1链接到的页面内容与第一页面的页面内容相同,页面切换控件2链接到的页面内容与第二页面A的页面内容相同,页面切换控件3链接到的页面内容与第二页面B的页面内容相同。本实施例的技术方案可以满足用户在同一界面展示两个或多个任一导航键对应页面的需求。
举例而言,用户点击导航栏中的第一导航键,响应于第一导航键的触发操作,在当前界面中展示第一页面,第一页面包括第一页面内容、页面切换控件1、页面切换控件2和页面切换控件3;用户点击导航栏中的第二导航键A,响应于第二导航键A的触发操作,在当前界面第一页面的附近展示第二页面A,第二页面A包括第二页面内容A、页面切换控件1、页面切换控件2和页面切换控件3;用户点击导航栏中的第二导航键B,响应于第二导航键B的触发操作,在当前界面第二页面A的附近展示第二页面B,第二页面B包括第二页面内容B、页面切换控件1、页面切换控件2和页面切换控件3;用户点击第二页面A中的页面切换控件1,响应于页面切换控件1的触发操作,将第二页面A的第二页面内容A更新为第一页面内容。此时,当前界面中展示有两个第一页面内容和一个第二页面内容B。
在上述实施例的基础上,进一步的,还包括:所述导航栏为缩略导航栏,响应于所述缩略导航栏的展开操作,将所述缩略导航栏展开。
可选的,如果导航栏中的导航键个数较多,可以将导航栏设置为缩略导航栏,缩略导航栏可以将导航栏中所有导航键进行缩略展示,也可以将部分导航键进行缩略展示,以缩小导航栏所占页面空间。示例性的,在缩略状态下,缩略导航栏可以仅展示一个预设导航键,也可以展示多个预设导航键,也可以仅展示用户自定义的导航键,也可以仅展示具有预设消息类型的导航键,还可以仅展示具有新消息的导航键,当具有新消息的导航键为至少两个时,可以根据最新消息的接收时间进行排序展示等。缩略导航栏可以设置为能够根据用户的需要进行展开、移动或转动等操作。优选的,缩略导航栏设置有展开按钮,以便用户对缩略导航栏执行展开操作。在展开状态下,缩略导航栏中,缩略状态下被隐藏的导航键可以根据默认排序进行展示,也可以根据用户自定义排序进行展示等。图5是本发明实施例提供的一种缩略导航栏展开前后对比示意图,如图5所示,默认情况下,缩略导航栏将部分导航键进行缩略展示,响应于缩略导航栏的展开操作后,将缩略导航栏展开。可以理解的是,图5示出的缩略导航栏的展示方式仅为示例,缩略导航栏的展示区域除了图中示出的竖条展示区域外,还可以是其他形状的展示区域,例如可以是圆形展示区域等,其所在位置也可以是所在页面的任意位置,例如可以是页面上方区域,页面中部区域或页面下部区域等。
在上述实施例的基础上,进一步的,所述根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,包括:
基于第一预设展示比例和第一预设展示位置,在所述目标界面上展示所述第一页面和所述第二页面。
本实施例中,基于第一预设展示比例,在目标界面上展示第一页面和第二页面,可以是在目标界面中,各个页面的展示比例均相同,也可以是各个页面的展示比例均不相同,还可以是部分页面的展示比例相同,部分页面的展示比例不同,具体展示方式可根据用户使用习惯进行设置。示例性的,第二页面的数量为一个,则可以将第一页面和第二页面等比例展示在目标界面中;又示例性的,第二页面的数量为两个,分别为第二页面A和第二页面B,则可以以页面占比为2:1:1的形式将第一页面、第二页面A和第二页面B展示在目标界面中。
基于第一预设展示位置,在目标界面上展示第一页面和第二页面,可以是将第一页面设置在第二页面所在区域的上方或下方区域,也可以设置在第二页面所在区域的左方或右方区域,当然,如果第二页面有多个,第一页面还可以设置在两个第二页面的中间区域,第一页面和第二页面的相对位置可以根据实际情况进行设定,此处不作特殊限定。示例性的,第二页面的数量为一个,则可以将第一页面设置在第二页面所在区域的上方或左方;又示例性的,第二页面的数量为两个,分别为第二页面A和第二页面B,则可以将第一页面设置在第二页面A和第二页面B所在区域的上方或左方,当然也可以将第一页面设置在第二页面A和第二页面B之间。
可以理解的是,在实际使用过程中,用户可以根据使用习惯,对上述第一预设展示比例和第一预设展示位置进行修改设置,以便更加符合用户的使用习惯。
在上述实施例的基础上,进一步的,在所述根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面之后,还包括:
确定所述第一页面和所述第二页面是否存在下级页面;
若确定存在下级页面,则基于第二预设展示比例和第二预设展示位置,在所述目标界面上展示第一页面、第二页面和相应下级页面。
新打开的页面通常会存在下级页面,为了方便用户能够更加直观的看到上下级页面,优选可以将上下级页面展示在同一界面上,如果下级页面较多,则可以根据预设条件选择预设数目的下级页面进行展示。具体的,如果确定第一页面和/或第二页面存在下级页面,则可以在目标界面上展示第一页面、第二页面和相应下级页面。
本实施例中,基于第二预设展示比例,在目标界面上展示第一页面、第二页面和相应下级页面,可以是在目标界面中,各个页面的展示比例均相同,也可以是各个页面的展示比例均不相同,还可以是部分页面的展示比例相同,部分页面的展示比例不同,具体展示方式可根据用户使用习惯进行设置。示例性的,第二页面的数量为一个,下级页面的数量一个,则可以将第一页面、第二页面和下级页面等比例展示在目标界面中,也可以以页面占比为2:2:1的形式将第一页面、第二页面和下级页面展示在目标界面中,以凸显上级页面。
基于第二预设展示位置,在目标界面上展示第一页面、第二页面和相应下级页面,可以是将第一页面设置在第二页面所在区域的上方区域,将第二页面设置在下级页面所在区域的上方区域;如果下级页面为第一页面的下级页面,则可以将下级页面设置在第一页面附近的下方或上方区域;如果下级页面为第二页面的下级页面,则可以将下级页面设置在第二页面附件的左方或右方区域,也可以将下级页面设置在第一页面和第二页面所在区域的正下方。第一页面、第二页面和相应下级页面的相对位置可以根据实际情况进行设定,此处不作特殊限定。
在上述实施例的基础上,进一步的,所述若确定存在下级页面,则基于第二预设展示比例和第二预设展示位置,在所述目标界面上展示第一页面、第二页面和相应下级页面,包括:
将所述第一页面对应的下级页面在第一页面下方区域进行展示;
和/或,将所述第二页面对应的下级页面在第二页面下方区域进行展示。
将下级页面展示在相应上级页面的下方区域,能够使用户更加直观的确定上下级页面的归属关系,方便用户找到需要的下级页面。
在上述实施例的基础上,进一步的,所述确定所述第一页面和所述第二页面是否存在下级页面,包括:
基于用户预先输入的下级页面链接按钮名称,确定所述第一页面和所述第二页面是否存在所述下级页面链接按钮对应的下级页面。
在实际使用过程中,部分上级页面对应的下级页面数量比较多,如果将所有下级页面均展示在目标界面,则可能会导致页面冗余,用户很难找到所需要的下级页面。基于此,可以预先为用户设置下级页面选择功能,利用下级页面选择功能确定用户所需要的下级页面并展示。具体的,可以设置下级页面链接按钮名称选择输入框,用户通过该选择输入框可以选择下级页面对应的链接按钮名称,***可以基于该下级页面链接按钮名称,确定相应的下级页面。
在上述实施例的基础上还提供了一种页面展示装置,参见图6,图6为本发明实施例提供的一种页面展示装置的结构示意图,本实施例可适用于在同一界面展示两个或多个相同页面的情况,该装置可采用软件和/或硬件的方式实现,该装置可以配置于诸如计算机或服务器等的电子设备上。该页面展示装置包括:
第一页面展示模块610,用于响应于导航栏中第一导航键的触发操作,在目标界面上展示第一导航键对应的第一页面,所述第一页面包括第一页面内容和页面切换控件;
页面同时展示模块620,用于响应于导航栏中第二导航键的触发操作,根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,其中,所述第二导航键为至少一个,每个第二导航键对应一个第二页面,每个第二页面包括第二页面内容和所述页面切换控件;
页面更新展示模块630,用于响应于所述第二页面中目标页面切换控件的触发操作,将第二页面内容更新为所述第一页面内容,所述目标页面切换控件为所述页面切换控件中的一个。
本发明实施例提供的技术方案,通过第一页面展示模块响应于导航栏中第一导航键的触发操作,在目标界面上展示第一导航键对应的第一页面,所述第一页面包括第一页面内容和页面切换控件;通过页面同时展示模块响应于导航栏中第二导航键的触发操作,根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,其中,所述第二导航键为至少一个,每个第二导航键对应一个第二页面,每个第二页面包括第二页面内容和所述页面切换控件;通过页面更新展示模块响应于所述第二页面中目标页面切换控件的触发操作,将第二页面内容更新为所述第一页面内容,所述目标页面切换控件为所述页面切换控件中的一个,上述在各第二页面中设置能够链接到第一页面内容的页面切换按钮,通过点击页面切换按钮能够将第二页面内容更新为第一页面内容,进而将两个或多个相同的第一页面内容展示在同一目标界面上,方便用户使用,提升了用户体验。
在上述技术方案的基础上,进一步的,所述页面切换控件为至少两个,所述页面切换控件的数量与所述导航栏中导航键的数量相同,每个页面切换控件对应的页面内容分别与一个导航键对应的页面内容相同。
在上述技术方案的基础上,进一步的,所述导航栏为缩略导航栏,页面展示装置还包括缩略导航栏展示模块,用于响应于所述缩略导航栏的展开操作,将所述缩略导航栏展开。
在上述技术方案的基础上,进一步的,页面同时展示模块包括页面同时展示单元,用于基于第一预设展示比例和第一预设展示位置,在所述目标界面上展示所述第一页面和所述第二页面。
在上述技术方案的基础上,进一步的,页面同时展示模块还包括下级页面展示单元,用于在所述根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和第一页面之后,确定所述第一页面和所述第二页面是否存在下级页面;若确定存在下级页面,则基于第二预设展示比例和第二预设展示位置,在所述目标界面上展示第一页面、第二页面和相应下级页面。
在上述技术方案的基础上,进一步的,所述若确定存在下级页面,则下级页面展示单元具体还用于:将所述第一页面对应的下级页面在第一页面下方区域进行展示;和/或,将所述第二页面对应的下级页面在第二页面下方区域进行展示。
在上述技术方案的基础上,进一步的,下级页面展示单元还用于:基于用户预先输入的下级页面链接按钮名称,确定所述第一页面和所述第二页面是否存在所述下级页面链接按钮对应的下级页面。
图7为本发明实施例提供的一种电子设备的结构示意图。图7示出了适于用来实现本发明实施方式的电子设备12的框图。图7显示的电子设备12仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。设备12典型的是承担页面展示功能的电子设备。
如图7所示,电子设备12以通用计算设备的形式表现。电子设备12的组件可以包括但不限于:一个或者多个处理器16,存储装置28,连接不同***组件(包括存储装置28和处理器16)的总线18。
总线18表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,***总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(Industry StandardArchitecture,ISA)总线,微通道体系结构(Micro Channel Architecture,MCA)总线,增强型ISA总线、视频电子标准协会(Video Electronics Standards Association,VESA)局域总线以及***组件互连(Peripheral Component Interconnect,PCI)总线。
电子设备12典型地包括多种计算机***可读介质。这些介质可以是任何能够被电子设备12访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
存储装置28可以包括易失性存储器形式的计算机***可读介质,例如随机存取存储器(Random Access Memory,RAM)30和/或高速缓存存储器32。电子设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机***存储介质。仅作为举例,存储***34可以用于读写不可移动的、非易失性磁介质(图7未显示,通常称为“硬盘驱动器”)。尽管图7中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如只读光盘(Compact Disc-Read Only Memory,CD-ROM)、数字视盘(Digital Video Disc-Read Only Memory,DVD-ROM)或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线18相连。存储装置28可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块26的程序36,可以存储在例如存储装置28中,这样的程序模块26包括但不限于操作***、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网关环境的实现。程序模块26通常执行本发明所描述的实施例中的功能和/或方法。
电子设备12也可以与一个或多个外部设备14(例如键盘、指向设备、摄像头、显示器24等)通信,还可与一个或者多个使得用户能与该电子设备12交互的设备通信,和/或与使得该电子设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口22进行。并且,电子设备12还可以通过网络适配器20与一个或者多个网关(例如局域网(Local Area Network,LAN),广域网Wide Area Network,WAN)和/或公共网关,例如因特网)通信。如图所示,网络适配器20通过总线18与电子设备12的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备12使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、磁盘阵列(Redundant Arrays of Independent Disks,RAID)***、磁带驱动器以及数据备份存储***等。
处理器16通过运行存储在存储装置28中的程序,从而执行各种功能应用以及数据处理。
本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明实施例所提供的页面展示方法:
响应于导航栏中第一导航键的触发操作,在目标界面上展示第一导航键对应的第一页面,所述第一页面包括第一页面内容和页面切换控件;
响应于导航栏中第二导航键的触发操作,根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,其中,所述第二导航键为至少一个,每个第二导航键对应一个第二页面,每个第二页面包括第二页面内容和所述页面切换控件;
响应于所述第二页面中目标页面切换控件的触发操作,将第二页面内容更新为所述第一页面内容,所述目标页面切换控件为所述页面切换控件中的一个。
当然,本发明实施例所提供的一种计算机可读存储介质,其上存储的计算机程序不限于如上所述的方法操作,还可以执行本发明任意实施例所提供的页面展示方法。
本发明实施例的计算机存储介质,可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行***、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的源代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的源代码可以用任何适当的介质传输,包括——但不限于无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机源代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。源代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网关——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种页面展示方法,其特征在于,包括:
响应于导航栏中第一导航键的触发操作,在目标界面上展示第一导航键对应的第一页面,所述第一页面包括第一页面内容和页面切换控件;
响应于导航栏中第二导航键的触发操作,根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,其中,所述第二导航键为至少一个,每个第二导航键对应一个第二页面,每个第二页面包括第二页面内容和所述页面切换控件;
响应于所述第二页面中目标页面切换控件的触发操作,将第二页面内容更新为所述第一页面内容,所述目标页面切换控件为所述页面切换控件中的一个。
2.根据权利要求1所述的方法,其特征在于,所述页面切换控件为至少两个,所述页面切换控件的数量与所述导航栏中导航键的数量相同,每个页面切换控件对应的页面内容分别与一个导航键对应的页面内容相同。
3.根据权利要求2所述的方法,其特征在于,还包括:所述导航栏为缩略导航栏,响应于所述缩略导航栏的展开操作,将所述缩略导航栏展开。
4.根据权利要求1所述的方法,其特征在于,所述根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,包括:
基于第一预设展示比例和第一预设展示位置,在所述目标界面上展示所述第一页面和所述第二页面。
5.根据权利要求4所述的方法,其特征在于,在所述根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面之后,还包括:
确定所述第一页面和所述第二页面是否存在下级页面;
若确定存在下级页面,则基于第二预设展示比例和第二预设展示位置,在所述目标界面上展示第一页面、第二页面和相应下级页面。
6.根据权利要求5所述的方法,其特征在于,所述若确定存在下级页面,则基于第二预设展示比例和第二预设展示位置,在所述目标界面上展示第一页面、第二页面和相应下级页面,包括:
将所述第一页面对应的下级页面在第一页面下方区域进行展示;
和/或,将所述第二页面对应的下级页面在第二页面下方区域进行展示。
7.根据权利要求5或6所述的方法,其特征在于,所述确定所述第一页面和所述第二页面是否存在下级页面,包括:
基于用户预先输入的下级页面链接按钮名称,确定所述第一页面和所述第二页面是否存在所述下级页面链接按钮对应的下级页面。
8.一种页面展示装置,其特征在于,包括:
第一页面展示模块,用于响应于导航栏中第一导航键的触发操作,在目标界面上展示第一导航键对应的第一页面,所述第一页面包括第一页面内容和页面切换控件;
页面同时展示模块,用于响应于导航栏中第二导航键的触发操作,根据预设展示规则,在所述目标界面上同时展示所述第二导航键对应的第二页面和所述第一页面,其中,所述第二导航键为至少一个,每个第二导航键对应一个第二页面,每个第二页面包括第二页面内容和所述页面切换控件;
页面更新展示模块,用于响应于所述第二页面中目标页面切换控件的触发操作,将第二页面内容更新为所述第一页面内容,所述目标页面切换控件为所述页面切换控件中的一个。
9.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1-7任一项所述的页面展示方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-7任一项所述的页面展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210525677.1A CN114625472A (zh) | 2022-05-16 | 2022-05-16 | 一种页面展示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210525677.1A CN114625472A (zh) | 2022-05-16 | 2022-05-16 | 一种页面展示方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114625472A true CN114625472A (zh) | 2022-06-14 |
Family
ID=81907054
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210525677.1A Pending CN114625472A (zh) | 2022-05-16 | 2022-05-16 | 一种页面展示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114625472A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115202543A (zh) * | 2022-07-28 | 2022-10-18 | 京东方科技集团股份有限公司 | 书籍式导航栏的生成、切换方法、装置、设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103744932A (zh) * | 2013-12-30 | 2014-04-23 | 华为技术有限公司 | 一种页面处理方法及装置 |
CN104850557A (zh) * | 2014-02-17 | 2015-08-19 | 腾讯科技(深圳)有限公司 | 一种多页面同浏览器窗口显示的方法、装置及电子设备 |
CN109933733A (zh) * | 2019-03-18 | 2019-06-25 | 智慧芽信息科技(苏州)有限公司 | 页面的展示方法和装置 |
CN110008426A (zh) * | 2019-03-18 | 2019-07-12 | 智慧芽信息科技(苏州)有限公司 | 附图页面的展示方法和装置、文本页面的展示方法和装置 |
CN110582017A (zh) * | 2019-09-10 | 2019-12-17 | 腾讯科技(深圳)有限公司 | 一种视频播放方法、装置、终端及存储介质 |
CN111309413A (zh) * | 2019-08-28 | 2020-06-19 | 拉扎斯网络科技(上海)有限公司 | 界面的显示方法、装置、电子设备及存储介质 |
CN113268682A (zh) * | 2021-06-25 | 2021-08-17 | 腾讯科技(深圳)有限公司 | 基于导航栏的页面内容展示方法、装置、设备及存储介质 |
-
2022
- 2022-05-16 CN CN202210525677.1A patent/CN114625472A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103744932A (zh) * | 2013-12-30 | 2014-04-23 | 华为技术有限公司 | 一种页面处理方法及装置 |
CN104850557A (zh) * | 2014-02-17 | 2015-08-19 | 腾讯科技(深圳)有限公司 | 一种多页面同浏览器窗口显示的方法、装置及电子设备 |
CN109933733A (zh) * | 2019-03-18 | 2019-06-25 | 智慧芽信息科技(苏州)有限公司 | 页面的展示方法和装置 |
CN110008426A (zh) * | 2019-03-18 | 2019-07-12 | 智慧芽信息科技(苏州)有限公司 | 附图页面的展示方法和装置、文本页面的展示方法和装置 |
CN111309413A (zh) * | 2019-08-28 | 2020-06-19 | 拉扎斯网络科技(上海)有限公司 | 界面的显示方法、装置、电子设备及存储介质 |
CN110582017A (zh) * | 2019-09-10 | 2019-12-17 | 腾讯科技(深圳)有限公司 | 一种视频播放方法、装置、终端及存储介质 |
CN113268682A (zh) * | 2021-06-25 | 2021-08-17 | 腾讯科技(深圳)有限公司 | 基于导航栏的页面内容展示方法、装置、设备及存储介质 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115202543A (zh) * | 2022-07-28 | 2022-10-18 | 京东方科技集团股份有限公司 | 书籍式导航栏的生成、切换方法、装置、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7493570B2 (en) | User interface options of a data lineage tool | |
US10394437B2 (en) | Custom widgets based on graphical user interfaces of applications | |
US8984437B2 (en) | Controlling display of a plurality of windows | |
US7451406B2 (en) | Display apparatus and management method for virtual workspace thereof | |
US20070083821A1 (en) | Creating viewports from selected regions of windows | |
US7269797B1 (en) | Mechanism to organize windows in a graphic application | |
CN102770840B (zh) | 数据结构映射和导航 | |
US11620043B2 (en) | Comment information processing method and apparatus, and storage medium and electronic device | |
US20100269060A1 (en) | Navigating A Plurality Of Instantiated Virtual Desktops | |
US20120311501A1 (en) | Displaying graphical object relationships in a workspace | |
US20200133616A1 (en) | Displaying a window of a remote desktop computer on a mobile device with a native layout | |
US20080098319A1 (en) | Method and apparatus for interacvtive multimedia author tool and dynamic toolbar | |
US9367223B2 (en) | Using a scroll bar in a multiple panel user interface | |
CN114003843A (zh) | 一种页面生成方法、装置、设备及存储介质 | |
CN114625472A (zh) | 一种页面展示方法、装置、电子设备及存储介质 | |
CN108920230B (zh) | 鼠标悬浮操作的响应方法、装置、设备和存储介质 | |
CN114356475B (zh) | 一种显示处理方法、装置、设备及存储介质 | |
JP2560191B2 (ja) | グラフィカルユーザインタフェースを備えたコンピュータシステムの制御方法 | |
CN113794604A (zh) | 一种网络安全态势展示方法、装置、设备及存储介质 | |
CN112667128A (zh) | 基于浏览器画布的图片处理方法、***、设备和介质 | |
CN112346640A (zh) | 一种同一位置的目标对象检索的方法、计算设备和介质 | |
JP7174506B2 (ja) | 情報処理装置 | |
US11907503B2 (en) | Switching display of page between a window of a graphical user interface and an independent child window | |
CN116009849B (zh) | 基于可视化编程平台的图形界面展示方法和装置 | |
CN111078112A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20220614 |