Laravel擴(kuò)展推薦:導(dǎo)航元素工具“Laravel Navigation”

本篇文章給大家分享一個laravel擴(kuò)展:laravel navigation包,介紹一下怎么利用laravel navigation 輕松構(gòu)建站點導(dǎo)航元素,希望對大家有所幫助!

Laravel擴(kuò)展推薦:導(dǎo)航元素工具“Laravel Navigation”

Laravel NavigationLaravel Navigation 的一個包,用于管理 Laravel 應(yīng)用程序中的菜單、面包屑和其他導(dǎo)航元素.

Laravel擴(kuò)展推薦:導(dǎo)航元素工具“Laravel Navigation”

Laravel Navigation

雖然 Spatie Laravel Navigation 包是 Laravel 的 html 菜單生成器,但可以將此包視為導(dǎo)航組件的「無渲染組件」:

app(Navigation::class)     ->add('Home', route('home'))     ->add('Blog', route('blog.index'), function (Section $section) {         $section             ->add('All posts', route('blog.index'))             ->add('Topics', route('blog.topics.index'));     })     ->addIf(Auth::user()->isAdmin(), function (Navigation $navigation) {         $navigation->add('Admin', route('admin.index'));     });  // 渲染到樹結(jié)構(gòu) app(Navigation::class)->tree();  /*  [     { "title": "Home", "url": "/", "active": false, "children": [] },     {         "title": "Blog",         "url": "/blog",         "active": false,         "children": [             { "title": "All posts", "url": "/blog", "active": false, "children": [] },             { "title": "Topics", "url": "/blog/topics", "active": true, "children": [] }         ],     },     { "title": "Admin", "url": "/admin", "active": false, "children": [] } ]  */

使用這個包,你還可以使用以下方法從導(dǎo)航生成面包屑:

// 在你的控制器中添加額外的頁面 app(Navigation::class)->activeSection()->add($topic->name, route('blog.topics.show', $topic));  // Render to breadcrumbs app(Navigation::class)->breadcrumbs();  /* [     { "title": "Blog", "url": "/blog" },     { "title": "Topics", "url": "/blog/topics" },     { "title": "Laravel", "url": "/blog/topics/laravel" } ] */

你可以在 github 上了解此軟件包、獲取完整的安裝說明并查看 Laravel Navigation。感謝 Laravel Navigation 和 Spatie 團(tuán)隊提供這個包,以及像這個一樣的所有出色的開源 php 和 Laravel 包

原文地址:https://laravel-news.com/laravel-navigation譯文地址:https://learnku.com/laravel/t/69041

【相關(guān)推薦:Laravel Navigation

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點贊5 分享