Laravel プロジェクトのブートストラップ スタイルのブレッドクラム ナビゲーションをすばやくカスタマイズ_html/css_WEB-ITnose

この記事は PHPHub コミュニティの許可を得て複製されています

説明

laravel-breadcrumbs は、Laravel のブートストラップ スタイルのブレッドクラム ナビゲーションをすばやくカスタマイズできますプロジェクト。

この記事は、EST グループのメンバーである @Kelvin によって書かれ、最初に PHPHub コミュニティで公開されました。

記事のデモ プロジェクト

。

スクリーンショット

実行

デモ コードを参照してください:

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

デモを実行するには、このドキュメントを参照してください:

https://phphub.org/topics/1902

記事の概要

1. インストール;
2. ブレッドクラムの設定;
3. 設定ファイルの生成;
4. 基本的な使用法

1. インストール

1).composer を使用してインストールします:

composer require davejamesmiller/laravel-breadcrumbs

composer require をインストールする方法については、この記事を参照してください。

2) config/app ファイルを変更し、次の内容をプロバイダー配列に追加します:

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

3) config/app ファイルを変更し、次の内容を追加します。コンテンツをエイリアス配列に追加します。 コンテンツ:

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

2. ブレッドクラムを構成します。

次の内容を含む Breadcrumbs.php ファイルを app/Http フォルダーに作成します。 >3. 設定ファイルを生成します

<?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'));});

拡張機能パッケージはデフォルトで Bootstrap 3 バージョンを使用します。Bootstrap 2 と互換性があるように設定情報を変更することもできます。

このコマンドを実行して設定を生成します。ファイル:

次に、config/breadcrumbs.php を編集し、ブートストラップ バージョンを指定します:

php artisan vendor:publish

ビュー フィールドに許可される値は次のとおりです:

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

ブートストラップ 3: ブレッドクラム::ブートストラップ3

ブートストラップ 2: ブレッドクラム::ブートストラップ2
• 4. 基本的な使用法

1) を変更します。 Route.php を開き、対応する Route を追加します。

ここでの新しい Route はエイリアスを定義する必要があることに注意してください。これは、ブレッドクラムが生成時に補助メソッド Route() を呼び出し、このメソッドが対応するルートを生成するためです。ルート エイリアスに基づく URL。

2) ブレッドクラムを表示する必要があるページで呼び出します。

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

3)。

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

その他の例については、公式ドキュメントを参照してください。

専用 Web サイトである LaravelTips のフォローへようこそLaravel 開発者にサービスを提供し、開発者が Laravel フレームワークをよりよく習得し、開発を改善できるよう支援することに専念しています。

---