雷达智富

首页 > 内容 > 程序笔记 > 正文

程序笔记

Laravel扩展推荐:导航元素工具“Laravel Navigation”

2024-10-07 19

本篇文章给大家分享一个Laravel扩展:Laravel Navigation包,介绍一下怎么利用Laravel Navigation 轻松构建站点导航元素,希望对大家有所帮助!


更多教程欢迎点击:编程技术


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

虽然 Spatie Laravel Menu 包是 Laravel 的 Html 菜单生成器,但可以将此包视为导航组件的「无渲染组件」:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

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'));

    });

 

// 渲染到树结构

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": [] }

]

 

*/

使用这个包,你还可以使用以下方法从导航生成面包屑:

1

2

3

4

5

6

7

8

9

10

11

12

13

// 在你的控制器中添加额外的页面

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 上了解此软件包、获取完整的安装说明并查看 源代码。感谢 Sebastian De Deyne 和 Spatie 团队提供这个包,以及像这个一样的所有出色的开源 PHP 和 Laravel 包

更新于:11天前
赞一波!

文章评论

评论问答