欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

首页

【扩展推荐】Laravel Breadcrumbs 自动面包屑导航 有大用

星期四, 2017-06-01 13:52 — adminshiping1

说明# 结合 /node-admin/9498 看一看

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

文章的 Demo 项目#            

截图#            

image.png            

运行#            

Demo 代码请见：

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

请参照此文档运行 Demo:

https://laravel-china.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');
   }
]);


Route::controller('gongsi-baikes','GongsiBaikeController',['as'=>'baikes']);
Route::any('cutomendueditor/ueditor/service', array('as'=>'zhangmazi_customend_ueditor_service','uses'=>'CutomEndUeditorController@service'));



           

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

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

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

           

更多的例子请移步 官方文档 参考.

本文章由 The EST Group 成员 @Kelvin 撰写, 首发地为 PHPHub 社区, 转载必须贴上原文链接。

欢迎关注 LaravelTips, 一个专注于为 Laravel 开发者服务, 致力于帮助开发者更好的掌握 Laravel 框架, 提升开发效率的微信公众号.

           

 本帖已被设为精华帖！
    
 点赞        
                     
回复数量: 4        
时间 投票        
  • overtrue                    
    创始人                    
    overtrue MOD https://github.com/overtrue                        
     ⋅ 1年前

    :100:                        

  • zoroo
    zoroo Do not go gentle into that good night                        
     ⋅ 1年前

    :thumbsup:                        

  • raykwok
    raykwok                        
     ⋅ 1年前

    挺实用的，很需要

  • xhh110                        
     ⋅ 5个月前

    :stuck_out_tongue_closed_eyes:
    我的出来的效果跟你的不一样、、、、

来自 https://laravel-china.org/topics/1914/extended-recommendation-laravel-breadcrumbs-automatic-bread-cr...


/est-breadcrumbs-demo        

This project will show you how to use Laravel Breadcrumbs quickly. It's made up of two part, a tutorial article, and a simple demo.                 

  1.  PHP 98.5%

  2.  Other 1.5%

PHPOther        
 
Upload filesFind file            
New pull request 
Latest commit caa4a9e on Mar 25 2016@Aufree Aufree Update README.md        
app                        done                        a year ago                        
bootstrap                        change .gitignore                        a year ago                        
config                        done                        a year ago                        
database                        Initial commit                        a year ago                        
public                        Initial commit                        a year ago                        
resources                        Update app.blade.php                        a year ago                        
storage                        change .gitignore                        a year ago                        
tests                        Initial commit                        a year ago                        
.env.example                        change .env.example                        a year ago                        
.gitattributes                        Initial commit                        a year ago                        
.gitignore                        change .gitignore                        a year ago                        
README.md                        Update README.md                        a year ago                        
artisan                        Initial commit                        a year ago                        
composer.json                        done                        a year ago                        
composer.lock                        done                        a year ago                        
gulpfile.js                        Initial commit                        a year ago                        
package.json                        Initial commit                        a year ago                        
phpunit.xml                        Initial commit                        a year ago                        
server.php                        Initial commit                        a year ago                        

 README.md

For Chinese

Description

davejamesmiller/laravel-breadcrumbs A simple Laravel-style way to create breadcrumbs in Laravel 5.

This project is a very simple demo to show you how to use Laravel Breadcrumbs quickly.

This project was created by The EST Group and PHPHub.

Screenshots

               

Run the demo

You can refer to this documentation to know how to run this demo.

The Tutorial

Table of contents

  1. Installation

  2. Define your breadcrumbs

  3. Choose a template

  4. Basic Usage

1. Installation

1). To get started with Breadcrumbs, add to your composer.json file as a dependency:

composer require davejamesmiller/laravel-breadcrumbs
               

2). Integration in Laravel

Add the service provider to providers:

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

And add the facade to aliases:

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

2. Define your breadcrumbs

Create a file called app/Http/breadcrumbs.php that looks like this:

<?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. Choose a template

By default a Bootstrap-compatible ordered list will be rendered, so if you’re using Bootstrap 3 you can skip this step.

First initialise the config file by running this command:

$ php artisan vendor:publish
               

Then open config/breadcrumbs.php and edit this line:

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

The possible values are:

Bootstrap 3: breadcrumbs::bootstrap3                

Bootstrap 2: breadcrumbs::bootstrap2                

4. Basic Usage

1). Edit app/HTTP/routes.php, make sure each of your routes has a name ('as' parameter):

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

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

2). Add this line to your views:

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

3). Then you'll get something like this:

               

That's it! :beers:                     :beers:                     :beers:                    

You can refer to the documentation to learn more about Laravel Breadcrumbs.

欢迎关注 LaravelTips, 这是一个专注于为 Laravel 开发者服务, 致力于帮助开发者更好的掌握 Laravel 框架, 提升开发效率的微信公众号.

               

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


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

144Aufree        

写了 16034 字，被 1522 人关注，获得了 2872 个喜欢

如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！

来自 http://www.jianshu.com/p/a7a53052d53a

普通分类: 
laravel
Powered by Drupal

友情链接

校园好文网

 www.shipingzhong.cn  个人技术网_前端_后台    备案号:苏ICP备18010659号-2