erendi/menu

拖放菜单构建器

安装: 20

依赖: 0

建议者: 0

安全: 0

星星: 1

关注者: 1

分支: 1

开放问题: 0

语言:JavaScript

1.0.1 2021-12-11 09:21 UTC

This package is auto-updated.

Last update: 2024-09-11 15:34:08 UTC


README

源自 https://github.com/lordmacu/wmenu Laravel drag and drop menu

安装

  1. 运行
composer require erendi/menu

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

  1. 将以下类添加到 config/app.php 文件中的 "providers" 数组中
Erendi\Menu\MenuServiceProvider::class,
  1. 在 config/app.php 文件中添加 facades
'Menu' => Erendi\Menu\Facades\Menu::class,
  1. 运行发布
php artisan vendor:publish --provider="Erendi\Menu\MenuServiceProvider"
  1. config/menu.php 中进行配置(可选)
  • 自定义中间件:用于添加自己的中间件
  • 表前缀:默认包包含 2 个数据库表 "menus" 和 "menu_items",并使用 "admin" 作为表的前缀
  • 表名称:你还可以在迁移文件中修改此行的表名称
  • 自定义路由:如果你想更改路由路径,可以在此处进行更改
  • 角色访问:如果你想给菜单设置权限,可以在此行进行设置
  1. 运行laravel迁移以在数据库中创建表
php artisan migrate

完成

使用菜单构建器的说明

如果你想在 .blade.php 文件中显示,只需设置菜单渲染即可,将其放置在你自己创建的部分之间

@extends('app') // sesuaikan dengan extend yg anda buat

@section('contents') // baris ini anda sesuaikan dengan milik anda
    {!! Menu::render() !!}
@endsection

//YOU MUST HAVE JQUERY LOADED BEFORE menu scripts
@push('scripts') // jika menggunakan @push pada tempale anda tambah kan di paling akhir baris tags script pada html anda @stack('ext_scripts')
    {!! Menu::scripts() !!}
@endpush

使用模型

调用模型类

use Erendi\Menu\Models\Menus;
use Erendi\Menu\Models\MenuItems;
使用模型类
/* 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();
或使用助手
// Dengan 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 Erendi\Menu\Facades\Menu;
...
/*
Parameter: Menu ID
Return: Array
*/
$menuList = Menu::get(1);

根据菜单名称获取菜单项

在此示例中,您必须有一个名为 Admin 的菜单

use Erendi\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.x 上测试过