ham3da/laravel-menu

类似于WordPress的拖放式菜单生成器,适用于Laravel 5至10

安装: 7

依赖: 0

建议者: 0

安全: 0

星级: 0

关注者: 0

分支: 147

语言:JavaScript

v1.5.3 2024-04-18 15:57 UTC

This package is auto-updated.

Last update: 2024-09-18 16:53:42 UTC


README

类似于WordPress的拖放式菜单生成器,适用于Laravel 5至10

https://github.com/lordmacu/wmenu派生Laravel drag and drop menu

安装

  1. 运行
composer require ham3da/laravel-menu

如果你使用的是Laravel 5.5,步骤2和3是可选的

  1. 在文件config/app.php中的"providers"数组中添加以下类(Laravel 5.5可选)
Ham3da\Menu\MenuServiceProvider::class,
  1. 在文件config/app.php中添加外观(Laravel 5.5可选)
'Menu' => Ham3da\Menu\Facades\Menu::class,
  1. 运行发布
php artisan vendor:publish --provider="Ham3da\Menu\MenuServiceProvider"
  1. config/menu.php中配置(可选)
  • 自定义中间件:你可以添加自己的中间件
  • 表前缀:默认情况下,此包将创建名为"menus"和"menu_items"的两个新表,但你仍可以添加自己的表前缀,以避免与现有表冲突
  • 表名:如果你想使用特定的表名,你必须修改它以及迁移文件
  • 自定义路由:如果你想编辑路由路径,可以编辑该字段
  • 角色访问:如果你想为菜单项启用角色(权限)
  1. 运行迁移
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 Ham3da\Menu\Models\Menus;
use Ham3da\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 Ham3da\Menu\Facades\Menu;
...
/*
Parameter: Menu ID
Return: Array
*/
$menuList = Menu::get(1);

通过菜单名称获取菜单项

在这个例子中,你必须有一个名为Admin的菜单

use Ham3da\Menu\Facades\Menu;
...
/*
Parameter: Menu ID
Return: Array
*/
$menuList = Menu::getByName('Admin');

定制

你可以在resources/views/vendor/wmenu/menu-html.blade.php中编辑菜单界面

致谢

  • wmenu laravel包,像WordPress一样的菜单

兼容性

  • 测试了laravel 5.2,5.3,5.4,5.5,5.6,5.7,5.8,6.x,7.x,8.0,9., 10.

已知问题

  • 与RTL网站不兼容 #21(欢迎pull requests)