說(shuō)明

laravel-breadcrumbs 可為你的 Laravel 項(xiàng)目快速定制擁有 Bootstrap 風(fēng)格的面包屑導(dǎo)航。

本文章由 The EST Group 成員 @Kelvin 撰寫, 首發(fā)地為 PHPHub 社區(qū).

文章的 Demo 項(xiàng)目

截圖

運(yùn)行

Demo 代碼請(qǐng)見：

https://github.com/CycloneAxe/est-breadcrumbs-demo

請(qǐng)參照此文檔運(yùn)行 Demo:

https://phphub.org/topics/1902

文章概覽

安裝;

配置 breadcrumbs;

生成配置文件;

基本使用

1. 安裝

1). 使用 composer 安裝:

composer?require?davejamesmiller/laravel-breadcrumbs

關(guān)于 composer require 的安裝方式，請(qǐng)見 這篇文章。

2). 修改 config/app 文件，在 providers 數(shù)組內(nèi)追加如下內(nèi)容:

'providers'?=>?[...DaveJamesMiller\Breadcrumbs\ServiceProvider::class,],

3). 修改 config/app 文件，在 aliases 數(shù)組內(nèi)追加如下內(nèi)容:

'aliases'?=>?[...'Breadcrumbs'?=>?DaveJamesMiller\Breadcrumbs\Facade::class,],

2. 配置 breadcrumbs

在 app/Http 文件夾內(nèi)創(chuàng)建 breadcrumbs.php 文件,內(nèi)容如下:

<?php//?HomeBreadcrumbs::register('home',?function($breadcrumbs){$breadcrumbs->push('Home',?route('home'));});//?Home?>?BlogBreadcrumbs::register('blog',?function($breadcrumbs){$breadcrumbs->parent('home');$breadcrumbs->push('Blog',?route('blog'));});

3. 生成配置文件

擴(kuò)展包默認(rèn)使用 Bootstrap 3 版本, 你也可以通過(guò)修改配置信息，來(lái)兼容 Bootstrap 2.

運(yùn)行此命令生成配置文件:

php?artisan?vendor:publish

接著編輯 config/breadcrumbs.php, 指定 Bootstrap 版本:

'view'?=>?'breadcrumbs::bootstrap3',

views 字段允許設(shè)置的值為:

• Bootstrap 3: breadcrumbs::bootstrap3

• Bootstrap 2: breadcrumbs::bootstrap2

4. 基本使用

1). 修改 app/HTTP/routes.php, 添加相對(duì)應(yīng)的 Route.

注意這里新增的 Route 需要定義別名, 因?yàn)?breadcrumbs 在生成時(shí)會(huì)調(diào)用了輔助方法 route(), 而此方法是根據(jù) Route 別名來(lái)生成對(duì)應(yīng) Url 的.

Route::get('home',?['as'?=>?'home',function?()?{return?view('home');}]);Route::get('blog',?['as'?=>?'blog',function?()?{return?view('home');}]);

2). 在需要展示 breadcrumbs 的頁(yè)面中調(diào)用來(lái)渲染:

{!!?Breadcrumbs::render('blog');?!!}

3). 最終生成的效果如下:

轉(zhuǎn)載于:https://blog.51cto.com/caixia/1771793

總結(jié)

以上是生活随笔為你收集整理的Laravel Breadcrumbs 自动面包屑导航的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。