【技术实现步骤摘要】
一种页面菜单的联动方法、装置、电子设备及存储介质
[0001]本申请涉及前端
,具体而言,涉及一种页面菜单的联动方法、装置、电子设备及计算机存储介质。
技术介绍
[0002]随着Web前端技术的飞速发展,页面布局也有了各种各样的展示方式,大大丰富了网页的展示形态,使网页展示更加贴合使用者的习惯,用户体验更佳。一个优秀的便利的布局方案,有助于网站的推广与发展。然而,现在很多网站在设计时都不考虑用户需求,也忽略了用户的感受。
[0003]现有技术中网页的的菜单设置是通过绘制两棵数据树实现的,分别展示为导航菜单栏、左侧菜单栏,且两个模块互相不关联,各自展示各自的菜单页面。但是,这种方式比较消耗性能,且导航菜单栏和左侧菜单栏均为菜单,互相数据不能通用,会有重复数据同一界面展示,支持的菜单展示场景比较单一,不够灵活。
技术实现思路
[0004]本申请实施例的目的在于提供一种页面菜单的联动方法、装置、电子设备及存储介质,可以将页面菜单和页面关联起来,且数据可以进行联通,不会消耗更多的性能,使得页面更加灵活、 ...
【技术保护点】
【技术特征摘要】
1.一种页面菜单的联动方法,其特征在于,所述方法包括:获取所述页面菜单的层级关系;根据所述层级关系构建所述页面菜单的数据节点树;根据所述数据节点树组建所述页面菜单的数据结构;对所述页面菜单和所述页面菜单对应的页面进行联动,得到联动后的数据结构;根据所述联动后的数据结构对所述页面菜单和所述页面进行渲染,得到联动菜单页面。2.根据权利要求1所述的页面菜单的联动方法,其特征在于,所述根据所述层级关系构建所述页面菜单的数据节点树的步骤,包括:获取所述页面菜单的父节点信息和子节点信息;根据所述层级关系构建所述父节点信息与所述子节点信息的父子节点关系;根据所述父子节点关系构建所述页面菜单的数据节点树。3.根据权利要求1所述的页面菜单的联动方法,其特征在于,所述根据所述数据节点树组建所述页面菜单的数据结构的步骤,包括:根据所述数据节点树获得所述页面菜单的ID;根据所述ID组建所述页面菜单的数据结构。4.根据权利要求1所述的页面菜单的联动方法,其特征在于,所述对所述页面菜单和所述页面菜单对应的页面进行联动,得到联动后的数据结构的步骤,包括:获取所述页面菜单对应的页面的展示类型;若所述展示类型为第一预设类型,获取第一属性;根据所述第一属性的布尔类型增加所述菜单的数据结构,得到所述联动后的数据结构。5.根据权利要求1所述的页面菜单的联动方法,其特征在于,所述根据所述联动后的数据结构对所述页面菜单和所述页面进行渲染,得到联动菜单页面的步骤,包括:获取所述联动后的数据结构中的左侧菜单数据;根据所述左侧菜单数据渲染所述页...
【专利技术属性】
技术研发人员:孙俊婷,汪峥,许洪波,
申请(专利权)人:北京天融信科技有限公司北京天融信软件有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。