sumantablog / dragndroplaravelmenu
Laravel 拖拽式菜单构建器
1.0.0
2020-01-02 19:00 UTC
Requires
- php: >=7.1
Requires (Dev)
- php: >=7.2
- illuminate/support: 5.8.* || ^6.0
This package is auto-updated.
Last update: 2024-09-29 05:35:50 UTC
README
来自 https://github.com/lordmacu/wmenu
安装
- 运行
composer require sumantablog/dragndroplaravelmenu
如果您使用的是 Laravel 5.5,则步骤 2 和 3 是可选的
- 将以下类添加到 config/app.php 文件中的 "providers" 数组中(在 Laravel 5.5 中为可选)
Sumantablog\Menu\MenuServiceProvider::class,
- 在 config/app.php 文件中添加 facade(在 Laravel 5.5 中为可选)
'Menu' => Sumantablog\Menu\Facades\Menu::class,
- 运行发布
php artisan vendor:publish --provider="Sumantablog\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
通过菜单 ID 获取菜单项
use Sumantablog\Menu\Facades\Menu; ... /* Parameter: Menu ID Return: Array */ $menuList = Menu::get(1);
通过菜单名称获取菜单项
在此示例中,您必须有一个名为 Admin 的菜单
use Sumantablog\Menu\Facades\Menu; ... /* Parameter: Menu ID Return: Array */ $menuList = Menu::getByName('Admin');
使用模型
调用模型类
use Sumantablog\Menu\Models\Menus; use Sumantablog\Menu\Models\MenuItems;
菜单使用示例(a)
一个基本的二级菜单可以在您的 blade 模板中显示
// Used to get the menu items into the blade template $public_menu = Menu::getByName('Public');
菜单使用示例(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 -->
自定义
您可以在 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 上进行了测试