导航菜单的创建方法、装置及电子设备与流程

文档序号:36611940发布日期:2024-01-06 23:13阅读:37来源:国知局
导航菜单的创建方法、装置及电子设备与流程

本技术涉及计算机,具体而言,涉及一种导航菜单的创建方法、装置及电子设备。


背景技术:

1、单页web应用程序以其良好的交互体验,前后端分离的工作模式以及较低的服务器压力等优点,成为了越来越多web应用程序的选择。在传统的web应用程序项目中,路由一般在服务器端,用以确定url和静态文件的映射关系;在单页web应用程序中,路由在前端控制,用以确定url和功能模块之间的映射关系。在web应用程序中,导航菜单是web应用网站的灵魂,用户依赖于导航菜单在各个功能模块间跳转,网站的基本使用流程就是用户利用导航菜单让应用程序跳转到指定的url,web应用程序通过路由找到映射的功能模块,并在应用中加载功能模块,避免了用户去记忆复杂的url路径。而由于导航菜单和路由都跟url绑定,因此路由与导航菜单的管理和扩展是一个比较复杂的问题。

2、现有技术在创建导航菜单时,通常通过层层嵌套的方式来创建菜单。但是,通过层层嵌套的方式来创建菜单虽然能够实现导航菜单的自由扩展,但这种集中的构建方式会限制导航菜单的位置、布局和样式,并且在嵌套层次比较深的情况下,通过层层嵌套的方式来创建菜单,容易导致导航菜单与用户的交互效率较差的问题。

3、针对上述的问题,目前尚未提出有效的解决方案。


技术实现思路

1、本技术提供了一种导航菜单的创建方法、装置及电子设备,以至少解决现有技术通过层层嵌套的方式创建导航菜单,导致导航菜单与用户的交互效率较差的技术问题。

2、根据本技术的一个方面,提供了一种导航菜单的创建方法,包括:获取待创建的目标导航菜单对应的目标配置树,其中,所述目标导航菜单包括固定导航菜单和浮动导航菜单,所述固定导航菜单为固定页面样式的导航菜单,所述浮动导航菜单为非固定页面样式的导航菜单,所述目标配置树中包括m个第一节点,每个第一节点用于存储所述目标导航菜单中的一个功能模块的配置信息,m为正整数;将所述目标配置树处理为满足所述目标导航菜单的创建需求的信息树;依据所述信息树中的第一类型的第二节点创建所述固定导航菜单,其中,所述第一类型的第二节点为与所述固定导航菜单中的功能模块相对应的节点;依据所述信息树中的第二类型的第二节点创建所述浮动导航菜单,其中,所述第二类型的第二节点为与所述浮动导航菜单中的功能模块相对应的节点。

3、可选地,将所述目标配置树处理为满足所述目标导航菜单的创建需求的信息树,包括:将所述目标配置树中的m个第一节点中的任意一个节点作为起始节点;从所述起始节点开始,依次遍历所述目标配置树中的每个第一节点,以将所述目标配置树处理为满足所述目标导航菜单的创建需求的信息树。

4、可选地,从所述起始节点开始,依次遍历所述目标配置树中的每个第一节点,以将所述目标配置树处理为满足所述目标导航菜单的创建需求的信息树,包括:从所述起始节点开始,依次对所述每个第一节点执行第一操作,生成所述信息树,其中,所述第一操作用于依据所述每个第一节点对应的配置信息判断该第一节点是否满足预设依赖条件,并在所述第一节点未满足所述预设依赖条件的情况下,将所述第一节点以及所述第一节点对应的全部子节点从所述目标配置树中删除,在所述第一节点满足所述预设依赖条件的情况下,依据下一个第一节点对应的配置信息对所述下一个第一节点执行所述第一操作。

5、可选地,从所述起始节点开始,依次遍历所述目标配置树中的每个第一节点,以将所述目标配置树处理为满足所述目标导航菜单的创建需求的信息树,包括:从所述起始节点开始,依次对所述每个第一节点执行第二操作,生成所述信息树,其中,所述第二操作用于依据每个第一节点对应的配置信息判断该第一节点是否需要继承与该第一节点对应的父节点中的目标信息,并在所述第一节点需要继承与该第一节点对应的父节点中的目标信息的情况下,将所述目标信息添加至所述第一节点中,在所述第一节点不需要继承与该第一节点对应的父节点中的目标信息的情况下,依据下一个第一节点对应的配置信息对所述下一个第一节点执行所述第二操作。

6、可选地,从所述起始节点开始,依次遍历所述目标配置树中的每个第一节点,以将所述目标配置树处理为满足所述目标导航菜单的创建需求的信息树,包括:从所述起始节点开始,依次对所述每个第一节点执行第三操作,生成所述信息树,其中,所述第三操作用于依据所述每个第一节点对应的配置信息获取该第一节点与目标根节点之间的所有第一节点中的资源路径,并将得到的所有资源路径进行拼接处理,得到该第一节点对应的目标统一资源定位符,其中,所述每个第一节点中的资源路径为访问目标资源的相对路径,所述目标统一资源定位符为与该第一节点相对应的功能模块的唯一标识符。

7、可选地,依据所述信息树中的第一类型的第二节点创建所述固定导航菜单,包括:将所述信息树中的第二类型的第二节点进行剔除,得到剔除后的信息树;依据所述剔除后的信息树中的第二节点通过逐层递归的方式创建所述固定导航菜单。

8、可选地,依据所述信息树中的第二类型的第二节点创建所述浮动导航菜单,包括:依据所述信息树多次执行第四操作、第五操作以及第六操作,以创建所述浮动导航菜单,其中,所述第四操作用于将所述信息树中的任意一个第二类型的第二节点作为目标节点,并确定距离所述目标节点最近的一个第一类型的第二节点为目标固定导航菜单节点,获取所述目标固定导航菜单节点对应的n个第一子节点,并将每个第一子节点作为一个浮动导航菜单节点,所述第五操作用于获取每个浮动导航菜单节点下的所有第二子节点,所述第六操作用于依据所述每个浮动导航菜单节点以及所述每个浮动导航菜单节点下的所有第二子节点生成k个浮动导航组件,并依据所述k个浮动导航组件创建所述浮动导航菜单,n、k为正整数,且k大于或等于n。

9、可选地,在将所述目标配置树处理为满足所述目标导航菜单的创建需求的配置树,得到所述目标导航菜单对应的信息树之后,所述方法还包括:基于所述信息树中的每个第二节点生成与该第二节点对应的路由,其中,所述第二节点对应的路由用于表征与该第二节点相对应的功能模块的目标统一资源定位符与目标功能模块之间的映射关系,所述目标功能模块为与所述目标统一资源定位符相匹配的功能模块。

10、根据本技术的另一方面,还提供了一种导航菜单的创建装置,包括:获取模块,用于获取待创建的目标导航菜单对应的目标配置树,其中,所述目标导航菜单包括固定导航菜单和浮动导航菜单,所述固定导航菜单为固定页面样式的导航菜单,所述浮动导航菜单为非固定页面样式的导航菜单,所述目标配置树中包括m个第一节点,每个第一节点用于存储所述目标导航菜单中的一个功能模块的配置信息,m为正整数;处理模块,用于将所述目标配置树处理为满足所述目标导航菜单的创建需求的信息树;第一创建模块,用于依据所述信息树中的第一类型的第二节点创建所述固定导航菜单,其中,所述第一类型的第二节点为与所述固定导航菜单中的功能模块相对应的节点;第二创建模块,用于依据所述信息树中的第二类型的第二节点创建所述浮动导航菜单,其中,所述第二类型的第二节点为与所述浮动导航菜单中的功能模块相对应的节点。

11、根据本技术的另一方面,还提供了一种计算机可读存储介质,计算机可读存储介质中存储有计算机程序,其中,计算机程序被设置为运行时执行上述的导航菜单的创建方法。

12、根据本技术的另一方面,还提供了一种电子设备,电子设备包括一个或多个处理器;存储器,用于存储一个或多个程序,当一个或多个程序被一个或多个处理器执行时,使得一个或多个处理器实现用于运行程序,其中,程序被设置为运行时执行上述的导航菜单的创建方法。

13、在本技术中,首先获取待创建的目标导航菜单对应的目标配置树,其中,所述目标导航菜单包括固定导航菜单和浮动导航菜单,所述固定导航菜单为固定页面样式的导航菜单,所述浮动导航菜单为非固定页面样式的导航菜单,所述目标配置树中包括m个第一节点,每个第一节点用于存储所述目标导航菜单中的一个功能模块的配置信息,m为正整数;然后将所述目标配置树处理为满足所述目标导航菜单的创建需求的信息树;依据所述信息树中的第一类型的第二节点创建所述固定导航菜单,其中,所述第一类型的第二节点为与所述固定导航菜单中的功能模块相对应的节点;依据所述信息树中的第二类型的第二节点创建所述浮动导航菜单,其中,所述第二类型的第二节点为与所述浮动导航菜单中的功能模块相对应的节点。

14、在上述过程中,通过将待创建的目标导航菜单对应的目标配置树处理为满足目标导航菜单的创建需求的信息树,并依据信息树中的与固定导航菜单中的功能模块相对应的节点创建固定导航菜单,依据信息树中的与浮动导航菜单中的功能模块相对应的节点创建浮动导航菜单,避免了通过层层嵌套的方式创建导航菜单限制了导航菜单的位置、布局和样式,从而导致导航菜单与用户的交互效率较差的问题,从而实现了提高导航菜单与用户的交互效率的技术效果,进而解决了现有技术通过层层嵌套的方式创建导航菜单,导致导航菜单与用户的交互效率较差的技术问题。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1