Bootstrap为 Laravel 项目迅速定制具有 Bootstrap 风格的面包屑导航

本文经授权转自 PHPHub
社区

还要也有关各位关注我的
GitHub

说明

laravel-breadcrumbs
可为你的 Laravel 项目神速定制具有 Bootstrap 风格的面包屑导航。

本作品由 The EST
Group
成员
@Kelvin
撰写, 先发地为 PHPHub
社区
.

文章的 Demo 项目

截图

运行

Demo 代码请见:

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

请参见此文档运行 Demo:

https://phphub.org/topics/1902

作品概览

  1. 安装;
  2. 配置 breadcrumbs;
  3. 变动配置文件;
  4. 主旨采取

1. 安装

1). 使用 composer 安装:

composer require davejamesmiller/laravel-breadcrumbs

关于 composer require 的装置模式,请见
这篇著作

2). 修改 config/app 文件,在 providers 数组内追加如下内容:

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

3). 修改 config/app 文件,在 aliases 数组内追加如下内容:

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

2. 配置 breadcrumbs

app/Http 文件夹内创制 breadcrumbs.php 文件,内容如下:

<?php
// Home
Breadcrumbs::register('home', function($breadcrumbs)
{
    $breadcrumbs->push('Home', route('home'));
});

// Home > Blog
Breadcrumbs::register('blog', function($breadcrumbs)
{
    $breadcrumbs->parent('home');
    $breadcrumbs->push('Blog', route('blog'));
});

3. 变迁配置文件

推而广之包默认使用 Bootstrap 3 版本, 你也足以透过修改配置新闻,来配合
Bootstrap 2.

运转此命令生成配置文件:

php artisan vendor:publish

跟着编辑 config/breadcrumbs.php, 指定 Bootstrap 版本:

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

views 字段允许设置的值为:

  • Bootstrap 3: breadcrumbs::bootstrap3
  • Bootstrap 2: breadcrumbs::bootstrap2

4. 主导采取

1). 修改 app/HTTP/routes.php, 添加相对应的 Route.

在意这里新增的 Route 需要定义别名, 因为 breadcrumbs
在变更时会调用了帮助方法 route(), 而此方法是依照 Route
别名来扭转对应 Url 的.

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

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

2). 在急需出示 breadcrumbs 的页面中调用来渲染:

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

3). 最后生成的效用如下:

更多的例证请移步
法定文档
参考.


迎接关注 LaravelTips, 一个瞩目于为 Laravel 开发者服务,
致力于帮忙开发者更好的牵线 Laravel 框架, 提高开发效能的微信公众号.

相关文章