เมนูเส้นใย

เมนูเส้นใย

เครื่องมือสร้างฐานข้อมูลเมนูเพื่อใช้เป็นการนำทางบนแผง Filament หรือเป็นส่วนประกอบ Livewire

ภาพหน้าจอ

การติดตั้ง

composer require tomatophp/filament-menus

หลังจากติดตั้งแพ็คเกจของคุณแล้ว โปรดรันคำสั่งนี้

php artisan filament-menus:install

ในที่สุดก็ลงทะเบียนปลั๊กอินบน /app/Providers/Filament/AdminPanelProvider.php

-> plugins (
     Filament  SpatieLaravelTranslatablePlugin :: make ()-> defaultLocales ([ ' en ' , ' ar ' ])
     TomatoPHP  FilamentMenus  FilamentMenusPlugin :: make ()
)

ใช้เป็นการนำทางเส้นใย

คุณสามารถใช้แพ็คเกจนี้เป็นการนำทางบน Filament Admin Panel

 use Filament  Navigation  NavigationBuilder ;
use Filament  Navigation  NavigationGroup ;
use TomatoPHP  FilamentMenus  FilamentMenuLoader ;

$ panel -> navigation ( function ( NavigationBuilder $ builder ){
    return $ builder
        // Use Inside Group
        -> groups ([
            NavigationGroup :: make ()
                -> label ( ' Dashboard ' )
                -> items ( FilamentMenuLoader :: make ( ' dashboard ' )),
        ])
        // Use Directly
        -> items ( FilamentMenuLoader :: make ( ' dashboard ' ));
})

โดยที่ dashboard เป็นปุ่มหลักของเมนู

ใช้เป็นส่วนประกอบ Livewire

ไปที่เส้นทาง admin/menus และสร้างเมนูใหม่ จากนั้นคุณจะได้รับโค้ดของส่วนประกอบ livewire

คุณสามารถสร้างเมนูได้โดยใช้คำสั่งนี้เป็นส่วนประกอบ livewire

">

< x-filament-menu menu = " header " />

โดยที่ header เป็นคีย์ของเมนู และคุณจะได้โค้ดพร้อมอยู่ในรายการเมนู Table

คุณสามารถใช้มุมมองที่กำหนดเองได้เช่น:

">

< x-filament-menu menu = " header " view = " menu-item " />

โดยค่าเริ่มต้น เราใช้ Tailwind เป็นมุมมองหลักด้วยโค้ดนี้

@if(isset($item['icon']) && !empty($item['icon'])) @endif {{ $item['title'] }} @endforeach">

 @foreach ( $menuItems as $item )
< a class = " text-gray-500 " href = " {{ $item [ ' url ' ] } } " @if ( $item [ ' blank ' ] ) target = " _blank " @endif >
    < span class = " flex justify-between " >
        @if ( isset ( $item [ ' icon ' ]) && ! empty ( $item [ ' icon ' ]) )
        < x-icon class = " w-4 h-4 mx-2 " name = " {{ $item [ ' icon ' ] } } " >x-icon >
        @endif
        {{ $item [ ' title ' ] } }
    span >
a >
@endforeach

หรือคุณสามารถใช้ menu($key) เพื่อรับรายการเมนู

@if(isset($item['icon']) && !empty($item['icon'])) @endif {{ $item['title'] }} @endforeach">

 @foreach ( menu ( ' header ' ) as $item )
< a class = " text-gray-500 " href = " {{ $item [ ' url ' ] } } " @if ( $item [ ' blank ' ] ) target = " _blank " @endif >
    < span class = " flex justify-between " >
        @if ( isset ( $item [ ' icon ' ]) && ! empty ( $item [ ' icon ' ]) )
        < x-icon class = " w-4 h-4 mx-2 " name = " {{ $item [ ' icon ' ] } } " >x-icon >
        @endif
        {{ $item [ ' title ' ] } }
    span >
a >
@endforeach 

เผยแพร่เนื้อหา

คุณสามารถเผยแพร่ไฟล์ปรับแต่งได้โดยใช้คำสั่งนี้

php artisan vendor:publish --tag= " filament-menus-config "

คุณสามารถเผยแพร่ไฟล์มุมมองได้โดยใช้คำสั่งนี้

php artisan vendor:publish --tag= " filament-menus-views "

คุณสามารถเผยแพร่ไฟล์ภาษาได้โดยใช้คำสั่งนี้

php artisan vendor:publish --tag= " filament-menus-lang "

คุณสามารถเผยแพร่ไฟล์การโยกย้ายได้โดยใช้คำสั่งนี้

php artisan vendor:publish --tag= " filament-menus-migrations " 

แพคเกจเส้นใยอื่น ๆ

ชำระเงิน TomatoPHP ที่ยอดเยี่ยมของเรา