Розробка адміністративної панелі на Filament (Laravel)

Розробка административної панелі на Filament (Laravel)

Filament — сучасний фреймворк для побудови admin-панелей на Laravel. Використовує Livewire та Alpine.js для реактивних компонентів без написання JavaScript. У 2025 році — де-факто стандарт для Laravel-проектів, яким потрібна швидко написана, але гнучко настраюється панель.

Установка

composer require filament/filament:"^3.0"
php artisan filament:install --panels
php artisan make:filament-user

Створення ресурсу

php artisan make:filament-resource Order --generate

Створює OrderResource зі стандартними CRUD-операціями. Кастомізація:

class OrderResource extends Resource
{
    protected static ?string $model = Order::class;
    protected static ?string $navigationIcon = 'heroicon-o-shopping-cart';
    protected static ?string $navigationGroup = 'Продажи';

    public static function form(Form $form): Form
    {
        return $form->schema([
            Select::make('status')
                ->options(OrderStatus::class)
                ->required(),
            TextInput::make('total')
                ->numeric()->prefix('₽')->disabled(),
            Select::make('customer_id')
                ->relationship('customer', 'name')
                ->searchable()->preload(),
            Repeater::make('items')
                ->relationship()
                ->schema([
                    Select::make('product_id')->relationship('product', 'name')->searchable(),
                    TextInput::make('quantity')->numeric()->minValue(1),
                    TextInput::make('price')->numeric()->prefix('₽')
                ])
        ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                TextColumn::make('id')->sortable(),
                TextColumn::make('customer.name')->searchable(),
                BadgeColumn::make('status')
                    ->colors(['warning' => 'pending', 'success' => 'completed', 'danger' => 'cancelled']),
                TextColumn::make('total')->money('RUB')->sortable(),
                TextColumn::make('created_at')->dateTime()->sortable()
            ])
            ->filters([
                SelectFilter::make('status')->options(OrderStatus::class),
                Filter::make('created_at')
                    ->form([DatePicker::make('from'), DatePicker::make('until')])
                    ->query(fn($query, $data) =>
                        $query->when($data['from'], fn($q, $d) => $q->whereDate('created_at', '>=', $d))
                              ->when($data['until'], fn($q, $d) => $q->whereDate('created_at', '<=', $d))
                    )
            ])
            ->actions([
                Tables\Actions\EditAction::make(),
                Action::make('complete')
                    ->icon('heroicon-o-check')
                    ->color('success')
                    ->requiresConfirmation()
                    ->action(fn(Order $record) => $record->markAsCompleted())
                    ->visible(fn(Order $record) => $record->status === 'pending')
            ])
            ->bulkActions([
                BulkAction::make('export')
                    ->icon('heroicon-o-arrow-down-tray')
                    ->action(fn($records) => ExportOrders::run($records))
            ]);
    }
}

Вджети та дашборд

class RevenueWidget extends StatsOverviewWidget
{
    protected function getStats(): array
    {
        return [
            Stat::make('Виручка сьогодні', '₽' . number_format(Order::today()->sum('total') / 100, 0, '.', ' '))
                ->description('+12% до тижня')
                ->descriptionIcon('heroicon-m-arrow-trending-up')
                ->color('success'),
            Stat::make('Нові замовлення', Order::today()->count()),
            Stat::make('Середній чек', '₽' . number_format(Order::today()->avg('total') / 100, 0, '.', ' ')),
        ];
    }
}

Кастомні сторінки

class AnalyticsPage extends Page
{
    protected static string $view = 'filament.pages.analytics';
    protected static ?string $navigationLabel = 'Аналітика';
    protected static ?string $navigationIcon = 'heroicon-o-chart-bar';

    public function getViewData(): array
    {
        return [
            'revenueByDay' => Order::revenueByDay(30),
            'topProducts'  => Product::topSelling(10)
        ];
    }
}

Права доступу через Policies

public static function canCreate(): bool
{
    return auth()->user()->can('create', static::getModel());
}

public static function canEdit(Model $record): bool
{
    return auth()->user()->can('update', $record);
}

Multi-tenancy

Filament 3 підтримує мультитенантність з концепцією Tenant:

class OrderResource extends Resource
{
    public static function getEloquentQuery(): Builder
    {
        return parent::getEloquentQuery()
            ->whereBelongsTo(Filament::getTenant());
    }
}

Срок розробки: 2–4 тижні для панелі з 5–10 ресурсами, кастомними вджетами та настроєними правами.