devysm / laravel-menu-builder
Laravel 9.x 的类似 WordPress 的拖放式菜单构建器
v1.5.3
2023-06-26 09:14 UTC
Requires
- php: ~5.4|~5.5|5.6|~7.0|~7.1|^7.2|^7.3|^7.4|^8.0|^8.1
- illuminate/support: ~5.5.40|~5.6.0|~5.7.0|~5.8.0|^6.0|^7.0|^8.0|^9.0|^10.0
README
最初是从 harimayco/wmenu-builder 分支出来的,但仍在积极维护。
安装
- 运行
composer require devysm/laravel-menu-builder
- 在 config/app.php 中添加外观(可选)
'Menu' => DevYSM\Menu\Facades\Menu::class,
- 运行发布以获取配置、视图、资产和迁移。
php artisan vendor:publish --provider="DevYSM\Menu\MenuServiceProvider"
- 在 config/menu.php 中配置(可选)
- 自定义中间件: 您可以添加自己的中间件
- 表前缀: 默认情况下,此包将创建两个新表“menus”和“menu_items”,但您仍然可以添加自己的表前缀,避免与现有表冲突
- 表名称: 如果您想使用特定的表名称,则必须修改该名称和迁移
- 自定义路由: 如果您想编辑路由路径,可以编辑该字段
- 角色访问: 如果您想在菜单项上启用角色(权限)
- 运行迁移
php artisan migrate
完成
菜单构建器使用示例 - 显示构建器
在您的视图 blade 文件中
@extends('app') @section('contents') {!! Menu::render() !!} @endsection //YOU MUST HAVE JQUERY LOADED BEFORE menu scripts @push('scripts') {!! Menu::scripts() !!} @endpush
使用模型
调用模型类
use DevYSM\Menu\Models\Menus; use DevYSM\Menu\Models\MenuItems;
菜单使用示例(a)
基本的两级菜单可以在您的 blade 模板中显示
使用模型类
/* get menu by id*/ $menu = Menus::find(1); /* or by name */ $menu = Menus::where('name','Test Menu')->first(); /* or get menu by name and the items with EAGER LOADING (RECOMENDED for better performance and less query call)*/ $menu = Menus::where('name','Test Menu')->with('items')->first(); /*or by id */ $menu = Menus::where('id', 1)->with('items')->first(); //you can access by model result $public_menu = $menu->items; //or you can convert it to array $public_menu = $menu->items->toArray();
或使用助手
// Using Helper $public_menu = Menu::getByName('Public'); //return array
菜单使用示例(b)
现在在您的 blade 模板文件中放置菜单,使用此简单示例
<div class="nav-wrap">
<div class="btn-menu">
<span></span>
</div><!-- //mobile menu button -->
<nav id="mainnav" class="mainnav">
@if($public_menu)
<ul class="menu">
@foreach($public_menu as $menu)
<li class="">
<a href="{{ $menu['link'] }}" title="">{{ $menu['label'] }}</a>
@if( $menu['child'] )
<ul class="sub-menu">
@foreach( $menu['child'] as $child )
<li class=""><a href="{{ $child['link'] }}" title="">{{ $child['label'] }}</a></li>
@endforeach
</ul><!-- /.sub-menu -->
@endif
</li>
@endforeach
@endif
</ul><!-- /.menu -->
</nav><!-- /#mainnav -->
</div><!-- /.nav-wrap -->
助手
按菜单 ID 获取菜单项
use DevYSM\Menu\Facades\Menu; ... /* Parameter: Menu ID Return: Array */ $menuList = Menu::get(1);
按菜单名称获取菜单项
在此示例中,您必须有一个名为 Admin 的菜单
use DevYSM\Menu\Facades\Menu; ... /* Parameter: Menu ID Return: Array */ $menuList = Menu::getByName('Admin');
自定义
您可以在 resources/views/vendor/menu-builder/menu-html.blade.php 中编辑菜单界面
致谢
- wmenu - 类似 WordPress 的 Laravel 菜单包
- wmenu-builder - Laravel 拖放式动态菜单生成器(类似 WordPress)
兼容性
- 已测试与 Laravel 10.x 兼容。
已知问题
注意:查看 https://github.com/DevYSM/laravel-menu-builder/issues/1。
