Laracrumbs
A database-driven breadcrumbs package for Laravel., (*1)
1. Requirements
- Laravel 5.6 (not tested with Laravel 5.0 to Laravel 5.5)
- Laravel Mix
2. Installation
2.1. Install by Composer
Install via composer:, (*2)
composer require blackdrago/laracrumbs
Then edit the application's config/app.php file and add the following:, (*3)
'providers' => [
// ...
Laracrumbs\ServiceProvider::class,
// ...
],
// ...
'aliases' => [
// ...
'Laracrumbs' => Laracrumbs\Facades\Laracrumbs::class,
// ...
],
Run the following commands:, (*4)
php artisan config:cache
php artisan vendor:publish --provider="Laracrumbs\ServiceProvider" --tag=config
composer dump-autoload
php artisan migrate --path=vendor/blackdrago/laracrumbs/src/database/migrations/
Create a file called routes/laracrumbs.php and define the application's Laracrumbs. (See below.), (*5)
2.2. Configuration
Laracrumbs have several configuration settings, including:, (*6)
- translation_key: a package prefix for translating language key values
- template: the name of the Blade template to use for breadcrumbs
- absolute_paths: boolean flag that indicates if absolute paths are used for routes
3. Creating Laracrumbs
There are three kinds of Laracrumbs:, (*7)
-
Basic: A breadcrumb for a link or a route with no parameters.
-
Complex: A breadcrumb for a route with at least one parameter.
-
Non-link: A breadcrumb that serves as a category or marker but has no link.
The best way to create these is by making a new Database Seeder that can be packaged with the application:, (*8)
php artisan make:seeder LaracrumbsSeeder
This will create the file database/seeds/LaracrumbSeeder.php where various Laracrumbs registrations can be made. Once completed, simply run the seeder command:, (*9)
php artisan db:seed --class=LaracrumbsSeeder
Note: If you get an error about Laravel not finding the seeder class, try running the following command:, (*10)
composer dump-autoload
Then run the seeder command again., (*11)
An alternate method for handing Laracrumbs registeration is by creating a Laracrumbs registration file (e.g., routes/laracrumbs.php) and updating the files settings of config/laracrumbs.php to point to this file., (*12)
3.1. Create a basic Laracrumb
A basic Laracrumb can be for a link or a route with no parameters., (*13)
Routes:, (*14)
Laracrumbs::register([
'link' => url(route('home')),
'display_text' => 'Home',
]);
Laracrumbs::register([
'link' => url(route('browse')),
'display_text' => 'Browse',
'parent_id' => Laracrumb::findByLink(route('home'))->parent_id
]);
Links:, (*15)
Laracrumbs::register([
'link' => 'http://www.example.com',
'display_text' => 'Grandparent site',
]);
Laracrumbs::register([
'link' => 'http://www.anotherexample.com',
'display_text' => 'Parent site',
'parent_id' => Laracrumb::findByLink('http://www.example.com')->parent_id
]);
3.2. Create a complex Laracrumb
Routes with parameters require complex Laracrumbs. Since a route with at least one parameter can produce multiple URLs, complex Laracrumbs require a mapping function., (*16)
For example, assume there are two models: Category and Product. There are also two corresponding 'detail view' routes. Registering them will look like this:, (*17)
Laracrumbs::register([
'route_name' => 'category-view',
'map' => 'category_laracrumb'
]);
Laracrumbs::register([
'route_name' => 'product-view',
'map' => 'product_laracrumb'
]);
If it's preferred, a function from within a class can be utilized instead:, (*18)
Laracrumbs::register([
'route_name' => 'category-view',
'map' => '\App\Models\Category::laracrumb'
]);
Laracrumbs::register([
'route_name' => 'product-view',
'map' => '\App\Models\Product::laracrumb'
]);
Example of a complex Laracrumb mapping function for a Category model, which has Home as a parent:, (*19)
function category_laracrumb($route, $link)
{
$params = $route->parameters();
$category = \App\Models\Category::find((int)($params['id']));
if (!is_null($category)) {
$laracrumb = new \Laracrumbs\Models\Laracrumb();
$laracrumb->link = $link;
$laracrumb->display_text = $category->name;
$laracrumb->parent_id = \Laracrumbs::findParentId('home');
$laracrumb->save();
return $laracrumb;
}
return null;
}
Another example, for a Product model. It's parent is a Category specified by $product->category_id., (*20)
function product_laracrumb($route, $link)
{
$params = $route->parameters();
$product = \App\Models\Product::find((int)($params['id']));
if (!is_null($product)) {
$laracrumb = new \Laracrumbs\Models\Laracrumb();
$laracrumb->link = $link;
$laracrumb->display_text = $product->name;
$laracrumb->parent_id = \Laracrumbs::findParentId('category-view', ['id' => $product->category_id]);
$laracrumb->save();
return $laracrumb;
}
return null;
}
3.3. Create a non-link Laracrumb
A non-link laracrumb does not have a route or a link associated with it, but rather serves as a marker or category., (*21)
Example of non-link Laracrumb:, (*22)
Laracrumbs::register([
'display_text' => 'Getting Started',
]);
Laracrumbs::register([
'display_text' => 'Markup Tutorial',
'parent_id' => Laracrumbs::findParentIdByDisplayText('Getting Started')
]);
4. Show Laracrumbs
If you don't have direct database access (or you don't want to use it), you can use the following console command to detect currently registered Laracrumbs:, (*23)
php artisan laracrumbs:show
This will display all the existing/saved Laracrumbs as well as all the registered route maps., (*24)
5. Configuration Settings
Once published, there will be config/laracrumbs.php file in your application. These settings enable you to customize Laracrumbs., (*25)
5.1. Service Configuration Settings
- files: one or more files that contain Laracrumb registration (if they exist)
- translation_key: language pack/domain key for localization (if it exists)
- template: the name of the Blade template to render Laracrumbs with
- absolute_paths: boolean flag that indicates if absolute URLs are used
5.2. View Configuration Settings
- separator: the HTML markup that appears between laracrumbs
- class_wrapper: the CSS class that wraps the full laracrumbs display
- class_item: the CSS class that wraps the individual laracrumb
- class_list: the CSS class that wraps the laracrumb list
- class_list_item: the CSS class that wraps each laracrumb list item
Note that the separator can be any HTML markup. By default it's the raquo (») HTML special character. If your application uses something like FontAwesome, however, you can change the separator to look like this:, (*26)
'separator' => '<i class="fa fa-chevron-right" aria-hidden="true"></i>',