成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

為 Laravel 項目快速定制擁有 Bootstrap 風(fēng)格的面包屑導(dǎo)航

sunsmell / 2649人閱讀

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

本文經(jīng)授權(quán)轉(zhuǎn)自 PHPHub 社區(qū)
說明

laravel-breadcrumbs 可為你的 Laravel 項目快速定制擁有 Bootstrap 風(fēng)格的面包屑導(dǎo)航。

本文章由 The EST Group 成員 @Kelvin 撰寫, 首發(fā)地為 PHPHub 社區(qū).
文章的 Demo 項目 截圖

運行

Demo 代碼請見：

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

請參照此文檔運行 Demo:

https://phphub.org/topics/1902

文章概覽

安裝;

配置 breadcrumbs;

生成配置文件;

基本使用

1. 安裝

1). 使用 composer 安裝:

composer require davejamesmiller/laravel-breadcrumbs
關(guān)于 composer require 的安裝方式，請見 這篇文章。

2). 修改 config/app 文件，在 providers 數(shù)組內(nèi)追加如下內(nèi)容:

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

3). 修改 config/app 文件，在 aliases 數(shù)組內(nèi)追加如下內(nèi)容:

"aliases" => [
    ...
    "Breadcrumbs" => DaveJamesMillerBreadcrumbsFacade::class,
],
2. 配置 breadcrumbs

在 app/Http 文件夾內(nèi)創(chuàng)建 breadcrumbs.php 文件,內(nèi)容如下:

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 字段允許設(shè)置的值為:

Bootstrap 3: breadcrumbs::bootstrap3

Bootstrap 2: breadcrumbs::bootstrap2

4. 基本使用

1). 修改 app/HTTP/routes.php, 添加相對應(yīng)的 Route.

注意這里新增的 Route 需要定義別名, 因為 breadcrumbs 在生成時會調(diào)用了輔助方法 route(), 而此方法是根據(jù) Route 別名來生成對應(yīng) Url 的.
Route::get("home", [
   "as" => "home",
   function () {
       return view("home");
   }
]);

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

2). 在需要展示 breadcrumbs 的頁面中調(diào)用來渲染:

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

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

更多的例子請移步 官方文檔 參考.

歡迎關(guān)注 LaravelTips, 一個專注于為 Laravel 開發(fā)者服務(wù), 致力于幫助開發(fā)者更好的掌握 Laravel 框架, 提升開發(fā)效率的微信公眾號.

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/21478.html

相關(guān)文章

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

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

    Tychio 評論0 收藏0

  • 收集整理適用博客建站免費開源Wordpress主題-簡約好看的WP主題

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

    番茄西紅柿 評論0 收藏2637

  • 提高 JavaScript 開發(fā)效率的高級 VSCode 擴展之二！

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

    cyrils 評論0 收藏0

  • 一些你所不知道的VS Code插件

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

    Near_Li 評論0 收藏0

  • javascript功能插件大集合 前端常用插件 js常用插件

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

    netmou 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<