【技术实现步骤摘要】
面包屑导航组件的实现方法、面包屑导航显示方法、装置
本专利技术实施例涉及互联网
，具体而言，涉及一种面包屑导航组件的实现方法、面包屑导航的显示方法及相关装置。
技术介绍
伴随着信息技术的发展，网站系统复杂性越来越大，页面的层级越来越深，为了使网站结构更加清晰，也便于访问者在不同层级之间跳转，增加用户体验，通常使用面包屑导航。面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。当前面包屑导航主要有三种：(1)基于位置的面包屑导航，这种类型的面包屑导航可以很好的指出当前页面与整个站点的层次结构。(2)基于属性的面包屑导航，这种类型的面包屑导航可以很好的指出当前页面内产品的其他属性或者类别。(3)基于路径的面包屑导航，这种类型的面包屑导航可以显示访客在到达页面前所访问过的网页的链接。但是，由于每一个面包屑导航都有对应的开发代码，各面包屑导航对应的代码彼此之间可复用度极低，造成代码的极大冗余。
技术实现思路
有鉴于此，本专利技术实施例的目的在于提供了一种面包屑导航组件的实现方法、...
【技术保护点】
1.一种面包屑导航组件的实现方法，其特征在于，应用于电子设备，所述方法包括：/n获取面包屑数据及分隔符，其中，所述面包屑数据包括至少一个面包屑元素，每一所述面包屑元素包括属性信息；/n依次遍历每一所述面包屑元素，并依据每一所述面包屑元素的属性信息生成所述面包屑导航组件中与该面包屑元素对应的元素节点；/n若所述面包屑元素不为所述面包屑数据中的最后一个元素，则在所述面包屑元素对应的元素节点后添加所述分隔符。/n
【技术特征摘要】
1.一种面包屑导航组件的实现方法，其特征在于，应用于电子设备，所述方法包括：
获取面包屑数据及分隔符，其中，所述面包屑数据包括至少一个面包屑元素，每一所述面包屑元素包括属性信息；
依次遍历每一所述面包屑元素，并依据每一所述面包屑元素的属性信息生成所述面包屑导航组件中与该面包屑元素对应的元素节点；
若所述面包屑元素不为所述面包屑数据中的最后一个元素，则在所述面包屑元素对应的元素节点后添加所述分隔符。
2.如权利要求1所述的面包屑导航组件的实现方法，其特征在于，所述元素节点包括第一节点和第二节点，所述属性信息至少包括显示信息，所述依据每一所述面包屑元素的属性信息生成所述面包屑导航组件中与该面包屑元素对应的元素节点的步骤，包括：
若所述面包屑元素的属性信息还包括跳转链接信息，则依据所述显示信息及所述跳转链接信息生成与该面包屑元素对应的第一节点；
若所述面包屑元素的属性信息不包括跳转链接信息，则依据所述显示信息生成与该面包屑元素对应的第二节点。
3.如权利要求1-2任一项所述的面包屑导航组件的实现方法，其特征在于，所述面包屑导航组件基于react框架实现。
4.一种面包屑导航的显示方法，应用于电子设备，其特征在于，所述电子设备上存在react框架，所述react框架包括利用权利要求1-2任一项所述面包屑导航组件的实现方法得到的面包屑导航组件，所述方法包括：
接收待显示面包屑数据及预设分隔符；
利用所述面包屑导航组件解析所述待显示面包屑数据，得到所述待显示面包屑数据中的每一待显示面包屑元素对应的待显示元素节点；
利用所述react框架对所述待显示元素节点进行显示；
若所述待显示元素节点不为所述待显示面包屑数据中的最后一个元素，则利用所述react框架对所述预设分隔符进行显示。
5.如权利要求4所述的面包屑导航的显示方法，其特征在于，所述待显示元素节点包括第一节点及第二节点，所述第一节点包括所述待显示元素节点的显示信息及跳转链接信息，所述第二节点包括所述待显示元素节点的显示信息，所述利用所述react框架对所述待显示元素节点进行显示的步骤，包括：
若所述待显示元素节点为所述第一节点，则利用所述react框架显示所述第一节点中的显示信息及跳转链接信息；
若所述待显示元素节点为所述第二节点，则利用所述react...
【专利技术属性】
技术研发人员：张杰，
申请(专利权)人：北京明略软件系统有限公司，
类型：发明
国别省市：北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。