返回顶部
首页 > 资讯 > 后端开发 > PHP编程 >php怎么实现面包屑导航
  • 818
分享到

php怎么实现面包屑导航

php面包屑导航 2020-02-14 13:02:52 818人浏览
摘要

php实现面包屑导航的方法:【public function mbx($cat_id){$goods_info = D('goods')->find( I ('get.goods_id') );$row = D('cat')->f...】。

本文操作环境:windows10系统、PHP 7、thinkpad t480电脑。

面包屑导航的作用是告诉访问者它们在网站中的位置以及如何返回。可能很多小伙伴对面包屑导航不太了解,其实它来自于一个童话故事“汉赛尔和格莱特”,当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。

面包屑导航有三种类型,分别是:

一、基于位置的面包屑导航

这种类型是最常见的。这种类型的面包屑导航可以很好的指出当前页面与整个站点的层次结构。这种面包屑导航可以显示当前页面的前一个页面或者目录的链接。可以使访客了解自己的位置,以及可以更快的找到自己想要到达的页面。可以很好的提高用户的友好体验。

二、基于属性的面包屑导航

这种面包屑导航最常出现电子商务站点。这种面包屑导航可以很好的指出当前页面内产品的其他属性或者类别。对于一个产品来说,所具有的属性往往不只有一种,而通过这种面包屑导航可以给消费者一个更加直观的了解。

三、基于路径的面包屑导航

这种面包屑导航是最不常见到的。这种面包屑导航和上文所说的童话故事类型很像。他们可以显示访客在到达页面前所访问过的网页的链接。这种面包屑导航不是很受欢迎,因为他们的功能基本上是和前进和后退的按钮是一样的。

那么我们该如何实现面包屑导航呢?下面就让我们一起来看看具体的实现代码吧!

具体实现代码如下所示:

<?php 

public function mbx($cat_id){
    //获取当前cat_id的该条信息
    $row = D('cat')->find($cat_id);
    $tree[] = $row;//将该条数据放入数组中
    while($row['parent_id']>0){//只要该条数据的parent_id>0
        $row = D('cat_id')->fine($row['parent_id']);
        $tree[] = $row;
    }
    //array_reverse();返回翻转数据的数组
    return array_reverse($tree);//翻转数据
}

//修改对应的显示到模板中的方法
public function Goods(){
    //获取该条数据的信息
    $goods_info = D('goods')->find( I ('get.goods_id') );
    //打印该条信息的面包屑导航
    //var_dump($this->mbx($goods_info['cat_id']));
    $this->assign('mbx' , $this->mbx($goods_info['cat_id']));
    $this->assign('goods' , $goods_info);
    $this->play();
}

//显示到模板中
当前位置
<a href="">首页</a>
<foreach name=" mbx " item = " mb ">
<a href=" " >{}</a>
<code> > </code>
</foreach>
{$goods['goods_name']}
 ?>
}

--结束END--

本文标题: php怎么实现面包屑导航

本文链接: https://www.lsjlt.com/news/140.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • vue项目实现面包屑导航
    这篇文章主要为大家详细介绍了vue项目实现面包屑导航,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ...
    492
    2023-03-24
    vue 面包屑导航
  • vue实现动态面包屑导航
    这篇文章主要为大家详细介绍了vue实现动态面包屑导航的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ...
    344
    2023-03-24
    vue动态面包屑导航 vue面包屑导航 vue动态导航
  • css如何实现面包屑导航
    这篇文章主要介绍了css如何实现面包屑导航,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。居中分页如果要让分页居中,可以在容器元素上 (如 ) 添加 text-ali ...
    479
    2023-03-24
    css
  • vue面包屑导航组件封装
    本文主要介绍了vue面包屑导航组件封装,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 ...
    784
    2023-03-24
    vue 面包屑导航 vue 面包屑
  • web开发如何实现面包屑导航
    这篇文章给大家分享的是有关web开发如何实现面包屑导航的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。首先我们来看看面包屑导航的作用:1、让用户了解当前所处位置,以及当前页面在整个网站中的位置。2、体现了网站的架构 ...
    950
    2023-03-24
    web开发
  • Bootstrap中如何添加面包屑导航
    这篇文章主要讲解了“Bootstrap中如何添加面包屑导航”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Bootstrap中如何添加面包屑导航”吧!1 面包屑导航面包屑导航一般用在网站顶部导 ...
    366
    2023-03-24
    bootstrap
  • Vue2+element-ui实现面包屑导航
    这篇文章主要为大家详细介绍了Vue2+element-ui使用面包屑导航的正确姿势,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ...
    871
    2023-03-24
    Vue2 elemen ui 面包屑导航
  • vue实现面包屑的方法
    这篇文章主要为大家详细介绍了vue实现面包屑的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ...
    781
    2023-03-24
    vue 面包屑
  • CSS3如何实现圆形风格面包屑导航
    小编给大家分享一下CSS3如何实现圆形风格面包屑导航,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!meta charset="utf-8 ...
    689
    2023-03-24
    css3
  • vue+elementUI实现动态面包屑
    这篇文章主要为大家详细介绍了vue+elementUI实现动态面包屑,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ...
    714
    2023-03-24
    vue elementUI 面包屑
  • vue.js实现动态面包屑
    这篇文章主要为大家详细介绍了vue.js实现动态面包屑,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ...
    251
    2023-03-24
    vue.js 面包屑
  • css如何使用伪元素:before实现的面包屑导航栏
    小编给大家分享一下css如何使用伪元素:before实现的面包屑导航栏,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!伪元素:before实现的面包屑导航栏ul ...
    884
    2023-03-24
    css before
  • AngularJS怎么自定义指令实现面包屑功能
    这篇文章主要介绍了AngularJS怎么自定义指令实现面包屑功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体如下:html lang= ...
    330
    2023-03-24
    angularjs
  • vue面包屑组件的封装方法
    这篇文章主要为大家详细介绍了vue面包屑组件的封装方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ...
    620
    2023-03-24
    vue 面包屑组件
  • element动态路由面包屑的实现示例
    本文主要介绍了element动态路由面包屑的实现示例,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ...
    684
    2023-03-24
    element动态路由面包屑 element 面包屑
  • 基于vue-router的matched实现面包屑功能
    本文主要介绍了基于vue-router的matched实现面包屑功能,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ...
    305
    2023-03-24
    vue-router matched面包屑 vue-router 面包屑
  • bootstrap如何动态添加面包屑及其响应事件
    这篇文章给大家分享的是有关bootstrap如何动态添加面包屑及其响应事件的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体如下:Bootstrap官网中,只介绍了breadcrumb的布局(如下图),未介绍使用 ...
    274
    2023-03-24
    bootstrap
  • vue+elementUI面包屑组件封装方法详解
    这篇文章主要为大家详细介绍了vue+elementUI面包屑组件封装方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ...
    614
    2023-03-24
    vue面包屑 vue elementUI面包屑组件 vue面包屑组件
  • vue基础之面包屑和标签tag详解
    这篇文章主要为大家详细介绍了vue的面包屑和标签tag,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助 ...
    251
    2023-03-24
    vue面包屑 vue标签tag
  • dede栏目页面包屑导航最后的分隔符大于号去掉方法
    织梦Dedhttp://www.cppcns.comecms去掉栏http://www.cppcns.com目页面包屑导航最后的分隔符“>” 面包屑导航调用标签{dede:field name='position' ...
    478
    2023-03-24
    dede 栏目页 导航
热门问答
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作