如何管理Laravel应用程序中的导航元素

102 阅读1分钟

[Laravel Navigation]是[Spatie]的一个软件包,用于管理Laravel应用程序中的菜单,面包屑和其他导航元素。

Spatie[Laravel菜单]包是一个Laravel的Html菜单生成器, 把这个包看成是一个 "无渲染组件 "的导航组件:

 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'));
    });
 
// Render to tree
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": [] }
]
 
*/

有了这个包,你还可以用以下方法从导航中生成面包屑。

 // Append additional pages in your controller
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" }
]
*/