為 Laravel 項目快速定制擁有 Bootstrap 風格的面包屑導航

sunsmell 發布于2019-06-27 12:12 / 2623人閱讀

摘要：本文經授權轉自社區說明可為你的項目快速定制擁有風格的面包屑導航。本文章由成員撰寫首發地為社區文章的項目截圖運行代碼請見請參照此文檔運行文章概覽安裝配置生成配置文件基本使用安裝使用安裝關于的安裝方式，請見這篇文章。

本文經授權轉自 PHPHub 社區

說明

laravel-breadcrumbs 可為你的 Laravel 項目快速定制擁有 Bootstrap 風格的面包屑導航。

本文章由 The EST Group 成員 @Kelvin 撰寫, 首發地為 PHPHub 社區.

文章的 Demo 項目 截圖

運行

Demo 代碼請見：

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

請參照此文檔運行 Demo:

https://phphub.org/topics/1902

文章概覽

安裝;

配置 breadcrumbs;

生成配置文件;

基本使用

1. 安裝

1). 使用 composer 安裝:

composer require davejamesmiller/laravel-breadcrumbs

關于 composer require 的安裝方式，請見這篇文章。

2). 修改 config/app 文件，在 providers 數組內追加如下內容:

"providers" => [
    ...
    DaveJamesMillerBreadcrumbsServiceProvider::class,
],

3). 修改 config/app 文件，在 aliases 數組內追加如下內容:

"aliases" => [
    ...
    "Breadcrumbs" => DaveJamesMillerBreadcrumbsFacade::class,
],

2. 配置 breadcrumbs

在 app/Http 文件夾內創建 breadcrumbs.php 文件,內容如下:

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 框架, 提升開發效率的微信公眾號.

GPU云服務器云服務器 html 面包屑導航頁面導航面包導航 bootstrap導航菜單 Bootstrap導航條

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/21478.html

下載量最高 100 個 Laravel 擴展包推薦

摘要：本文經授權轉自社區，后續更新將以帖子內容和內容為準。說明另一個令人喜歡的地方，是擁有活躍的開發者社區，而活躍的開發者社區帶來的，是繁華的擴展包生態。本文對上打了標簽的擴展包進行整理，截止到現在年月號，有超過個擴展包，以下是下載量最大的個。本文經授權轉自 PHPHub 社區，后續更新將以 PHPHub 帖子內容和 GitHub 內容為準。說明 Laravel 另一個令人喜歡的地方...

Tychio 2019-06-27 14:13 評論0 收藏0
收集整理適用博客建站免費開源Wordpress主題-簡約好看的WP主題

摘要：最重要的就是找一個適合自己的主題了。事實上，免費主題也非常多，而且很多的免費主題在功能上和界面美觀上已經大大超過了付費的主題。加上這些主題都是開源的，基本上可以在上找得到源碼，安全性是沒有問題，主題的作者也在不斷更新當中。WordPress最重要的就是找一個適合自己的主題了。好一點的WordPress主題基本上都是要收費的，而且價格還不便宜，這導致了不少的新手朋友們很為難。而有時我們僅僅根據...

番茄西紅柿 2021-07-30 14:57 評論0 收藏2637
提高 JavaScript 開發效率的高級 VSCode 擴展之二！

摘要：將這些命令綁定到鍵盤快捷鍵是有幫助的，例如向上箭頭用于平衡向外，而向下箭頭用于平衡向內。是和的快速原型開發平臺。本系列的第一篇可以在這里看到：提高 JavaScript 開發效率的高級 VSCode 擴展！ showImg(https://segmentfault.com/img/bVbnn2j?w=1254&h=768); 想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質...

cyrils 2019-08-23 14:48 評論0 收藏0
一些你所不知道的VS Code插件

摘要：摘要你所不知道的系列。允許你寫入縮寫代碼并返回的相應標記，目前已經內置，所以不用配置了。自從年雙十一正式上線，累計處理了億錯誤事件，付費客戶有金山軟件百姓網等眾多品牌企業。摘要：你所不知道的系列。原文：提高 JavaScript 開發效率的高級 VSCode 擴展之二！作者：前端小智 Fundebug經授權轉載，版權歸原作者所有。作為一名業余愛好者、專業人員，甚至是每月只有一次編...

Near_Li 2019-05-22 12:00 評論0 收藏0
javascript功能插件大集合前端常用插件 js常用插件

摘要：轉載來源包管理器管理著庫，并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想，使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。轉載來源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫，并提供讀取和打包它們的工具。?npm – npm 是 javasc...

netmou 2019-08-23 12:28 評論0 收藏0