一种多区域分栏导航交互方法、设备及介质技术

技术编号:34627017 阅读:10 留言:0更新日期:2022-08-20 09:35
本申请公开了一种多区域分栏导航交互方法、设备及介质,方法包括:确定主交互页面包含的多个交互功能区,以及多个交互功能区对应的页面路由关系;接收针对主交互页面的主交互指令,根据主交互指令的类别,确定主交互页面对应的交互模式;在交互模式下,从多个交互功能区中,选取用于响应主交互指令的指定交互功能区;根据页面路由关系,加载指定的子交互页面至指定交互功能区;根据针对于指定的子交互页面的第一触发操作,加载其他子交互页面至多个交互功能区中的其他交互功能区,并将指定子交互页面对应的操作参数传输至其他子交互页面中,以使其他交互功能区根据操作参数展示相应的页面内容。的页面内容。的页面内容。

【技术实现步骤摘要】
一种多区域分栏导航交互方法、设备及介质


[0001]本申请涉及计算机
,具体涉及一种多区域分栏导航交互方法、设备及介质。

技术介绍

[0002]在现有的软件系统中,调用不同的系统功能比如增删改查、展示详情页等,常通过弹出窗口或是切换新页面的方式来实现。但是,该种方式会造成页面之间的多次切换,需要消耗的计算资源较多。并且,在弹出窗口或切换新页面之后,当前的操作页面若要与历史页面互通,便需要进行多次页面切换,降低了用户体验。

技术实现思路

[0003]为了解决上述问题,本申请提出了一种多区域分栏导航交互方法,包括:确定主交互页面包含的多个交互功能区,以及所述多个交互功能区对应的页面路由关系;
[0004]接收针对所述主交互页面的主交互指令,根据所述主交互指令的类别,确定所述主交互页面对应的交互模式;
[0005]在所述交互模式下,从所述多个交互功能区中,选取用于响应所述主交互指令的指定交互功能区;
[0006]根据所述页面路由关系,加载指定的子交互页面至所述指定交互功能区;
[0007]根据针对于所述指定的子交互页面的第一触发操作,加载其他子交互页面至所述多个交互功能区中的其他交互功能区,并将所述指定子交互页面对应的操作参数传输至所述其他子交互页面中,以使所述其他交互功能区根据所述操作参数展示相应的页面内容。
[0008]在本申请的一种实现方式中,所述其他子交互页面包括第一子交互页面和第二子交互页面;
[0009]根据针对所述指定的子交互页面的第一触发操作,加载其他子交互页面至所述多个交互功能区中的其他交互功能区,具体包括:
[0010]响应于针对所述指定的子交互页面的第一触发操作,获取待加载页面资源;
[0011]从所述待加载页面资源中,确定所述指定的子交互页面关联的第一子交互页面;
[0012]确定所述第一子交互页面的交互状态,在所述交互状态为空闲的情况下,根据所述页面路由关系中包含的交互功能区标识,加载所述第一子交互页面至其对应的其他交互功能区;
[0013]响应于针对所述第一子交互页面的第二触发操作,根据所述页面路由关系,确定所述第二子交互页面的路由状态;
[0014]根据所述路由状态,确定是否加载所述第二子交互页至其对应的其他交互功能区。
[0015]在本申请的一种实现方式中,根据所述主交互指令的类别,确定所述主交互页面对应的交互模式,具体包括:
[0016]根据所述主交互指令的类别,确定所述主交互指令对应的交互流程,以及用于执行所述交互流程所需的多个子交互页面之间的流转逻辑;
[0017]根据所述流转逻辑,确定所述多个子交互页面对应的操作类型,以根据所述操作类型和所述流转逻辑,确定所述主交互页面对应的交互模式。
[0018]在本申请的一种实现方式中,根据所述页面路由关系,加载指定的子交互页面至所述指定交互功能区,具体包括:
[0019]生成所述多个子交互页面之间的地址树;所述地址树包括地址对应的多个子交互页面的交互功能区标识,以及所述多个子交互页面之间的流转逻辑;
[0020]根据所述页面路由关系中所述指定交互功能区对应的交互功能区标识,从所述地址树中,选取出指定的地址节点;
[0021]通过所述指定的地址节点,获取所述指定的子交互页面,并将其加载至所述指定交互功能区;
[0022]加载其他子交互页面至所述多个交互功能区中的其他交互功能区,具体包括:
[0023]以所述指定的地址节点为起点,正向遍历所述地址树,根据所述多个交互功能区中的其他交互功能区所对应的交互功能区标识,选取出其他子交互页面分别对应的目标地址节点;
[0024]按照所述流转逻辑,从所述目标地址节点中,依次加载所述其他子交互页面至所述其他交互功能区。
[0025]在本申请的一种实现方式中,所述路由状态包括隐式状态和显式状态,所述页面路由关系包括所述第二子交互界面的路由规则;
[0026]根据所述页面路由关系,确定所述第二子交互页面的路由状态,具体包括:
[0027]根据所述路由规则,在检测到所述第二触发操作的情况下,确定所述第二子交互页面为显式状态;
[0028]在预设时间段内未检测到针对所述第二子交互页面的第三触发操作的情况下,确定所述第二子交互页面为隐式状态。
[0029]在本申请的一种实现方式中,所述交互模式包括信息交互模式、系统设置模式和多级操作模式。
[0030]在本申请的一种实现方式中,所述方法还包括:
[0031]针对各交互功能区,响应于针对所述交互功能区的多个触发操作,将所述交互功能区划分为多个功能分区;
[0032]分别加载相应的子交互页面至所述多个功能分区;
[0033]对所述子交互页面进行特征提取,以获取所述子交互页面对应的分区特征;
[0034]根据所述分区特征,计算不同子交互页面对应的不同功能分区之间的功能关联度;
[0035]在所述功能相似度大于预设阈值的情况下,对所述不同功能分区进行融合,或将所述不同功能分区的位置调整至相似位置。
[0036]在本申请的一种实现方式中,根据所述操作类型和所述流转逻辑,确定所述主交互页面对应的交互模式,具体包括:
[0037]确定所述多个子交互页面对应的流转逻辑是否具备层级关系,若有,确定所述主
交互页面对应的交互模式为多级操作模式;
[0038]若无,确定所述指定的子交互页面对应的操作类型是否为可编辑操作;
[0039]在所述操作类型为可编辑操作的情况下,确定所述主交互页面为信息交互模式;
[0040]在所述操作类型不为可编辑操作的情况下,确定所述主交互页面为系统设置模式。
[0041]通过本申请提出的一种多区域分栏导航交互方法能够带来如下有益效果:
[0042]将主交互页面划分为多个交互功能区,根据页面路由关系,加载不同的子交互页面至对应的交互功能区内,各交互功能区用于实现不同的交互操作,这样,在一个主交互页面下便能实现不同页面之间的交互操作,无需再进行多次切换,有效提升了用户体验,且节省了计算资源。
附图说明
[0043]此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
[0044]图1为本申请实施例提供的一种多区域分栏导航交互方法的流程示意图;
[0045]图2为本申请实施例提供的一种主交互页面示意图;
[0046]图3为本申请实施例提供的一种菜单栏折叠示意图;
[0047]图4为本申请实施例提供的一种底层扩展信息区折叠示意图;
[0048]图5为本申请实施例提供的一种交互功能区分区示意图;
[0049]图6

图8为本申请实施例提供的不同实现方式下多区域分栏导航交互方法的流程示意图;...

【技术保护点】

【技术特征摘要】
1.一种多区域分栏导航交互方法,其特征在于,所述方法包括:确定主交互页面包含的多个交互功能区,以及所述多个交互功能区对应的页面路由关系;接收针对所述主交互页面的主交互指令,根据所述主交互指令的类别,确定所述主交互页面对应的交互模式;在所述交互模式下,从所述多个交互功能区中,选取用于响应所述主交互指令的指定交互功能区;根据所述页面路由关系,加载指定的子交互页面至所述指定交互功能区;根据针对于所述指定的子交互页面的第一触发操作,加载其他子交互页面至所述多个交互功能区中的其他交互功能区,并将所述指定子交互页面对应的操作参数传输至所述其他子交互页面中,以使所述其他交互功能区根据所述操作参数展示相应的页面内容。2.根据权利要求1所述的一种多区域分栏导航交互方法,其特征在于,所述其他子交互页面包括第一子交互页面和第二子交互页面;根据针对所述指定的子交互页面的第一触发操作,加载其他子交互页面至所述多个交互功能区中的其他交互功能区,具体包括:响应于针对所述指定的子交互页面的第一触发操作,获取待加载页面资源;从所述待加载页面资源中,确定所述指定的子交互页面关联的第一子交互页面;确定所述第一子交互页面的交互状态,在所述交互状态为空闲的情况下,根据所述页面路由关系中包含的交互功能区标识,加载所述第一子交互页面至其对应的其他交互功能区;响应于针对所述第一子交互页面的第二触发操作,根据所述页面路由关系,确定所述第二子交互页面的路由状态;根据所述路由状态,确定是否加载所述第二子交互页至其对应的其他交互功能区。3.根据权利要求1所述的一种多区域分栏导航交互方法,其特征在于,根据所述主交互指令的类别,确定所述主交互页面对应的交互模式,具体包括:根据所述主交互指令的类别,确定所述主交互指令对应的交互流程,以及用于执行所述交互流程所需的多个子交互页面之间的流转逻辑;根据所述流转逻辑,确定所述多个子交互页面对应的操作类型,以根据所述操作类型和所述流转逻辑,确定所述主交互页面对应的交互模式。4.根据权利要求3所述的一种多区域分栏导航交互方法,其特征在于,根据所述页面路由关系,加载指定的子交互页面至所述指定交互功能区,具体包括:生成所述多个子交互页面之间的地址树;所述地址树包括地址对应的多个子交互页面的交互功能区标识,以及所述多个子交互页面之间的流转逻辑;根据所述页面路由关系中所述指定交互功能区对应的交互功能区标识,从所述地址树中,选取出指定的地址节点;通过所述指定的地址节点,获取所述指定的子交互页面,并将其加载至所述指定交互功能区;加载其他子交互页面至所述多个交互功能区中的其他交互功能区,具体包括:以所述指定的地址节点为起点,正向遍历所述地址树,根据所述多个交互功能区中的
其他交互功能区所对应的交互功能区标识,选取出其他子交互页面分别对应的目标地址节点;按照所述流转逻辑,从所述目标地址节点中,依次加载所述其他子交互页面至所述其他交互功能区。5.根据权利要求2所述的一种多区域分栏导航交互方法,其特征在于,所述路由状态包括隐式状态和显式状态,所述页面路由关系包括所述第二子交互界面的路由规则;根据所述页面路由关系,确定所述第二子交互页面的路由状态,具体包括:根据所...

【专利技术属性】
技术研发人员:岳耀明孙亮
申请(专利权)人:内蒙古奇略信息技术有限公司
类型:发明
国别省市:

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

1