Статті

Що таке Filament і як використовувати Laravel Filament

Filament — це «прискорений» фреймворк розробки Laravel, який надає кілька компонентів повного стеку.

Він призначений для оптимізації процесу розробки, полегшуючи створення елегантних програм.

Використовує стек TALL (Tailwind CSS, Alpine.js, Laravel і Livewire)

Приблизний час читання: 4 хвилин

Filament це платформа для керування вмістом із прекрасною колекцією повних компонентів. Фреймворк забезпечує найкращий стартовий набір для вашої наступної програми laravel. Лише за кілька кроків ви можете створити гарний інтерфейс адміністратора, який генерує прості у використанні та легко масштабовані компоненти.

Компоненти

Давайте подивимося, які компоненти він пропонує Laravel Filament:

  • Конструктор панелей: створити панель адміністратора Laravel,для додатків, орієнтованих на клієнтів, платформ SaaS або будь-який інший додаток, який ви можете собі уявити. The Конструктор панелей спрощує процес створення потужних адміністративних інтерфейсів;
  • Конструктор форм: дозволяє легко створювати приголомшливі модулі на основі Livewire з більш ніж 25 попередніми компонентамиdefiнічний. Згенеровані форми складатимуться з простих полів введення;
  • Генератор таблиць: Створення оптимізованих та інтерактивних таблиць даних на основі Livewire для будь-якої ситуації. Переглядайте дані в інтуїтивно зрозумілому форматі з сортуванням, фільтрацією та розбивкою на сторінки;
  • повідомлення: ви можете використовувати керування сповіщеннями, щоб інформувати користувачів, надсилаючи повідомлення в режимі реального часу за допомогою Livewire;
  • дії: відкривайте інтерактивні режими та режими ковзання, щоб забезпечити безперебійну роботу користувача. Дії допомагають вам підтримувати зацікавленість користувачів і бути в курсі вашої програми;
  • Конструктор інформаційних списків: перегляд списку даних лише для читання про певну сутність. Він також використовується в інших пакетах Filament, таких як Panel Builder, для відображення ресурсів програми та менеджерів зв’язків, а також режимів дій. Вивчення функцій Infolist Builder неймовірно заощадить час як під час створення власних програм Livewire, так і під час використання інших пакетів Filament;
  • Віджет: створюйте інформаційні панелі для своєї програми з графіками та статистикою в реальному часі. Віджети дозволяють створювати динамічні візуалізації для моніторингу та звітності;

Фундаментальні поняття

Laravel Filament містить основні концепції, які застосовуються до всіх пакетів:

  • Батареї в комплекті: припинити багаторазове перебудова одних і тих же компонентів інтерфейсу користувача. Filament надає основні інструменти, готові до використання, заощаджуючи ваш час і зусилля.
  • ВИСОКІ стеки: Filament використовуйте стек TALL (Tailwind CSS, Alpine.js, Laravel і Livewire), щоб легко створювати динамічні, супроводжувані програми з повним стеком.

Встановлення

Давайте приступимо до встановлення Laravel із Filament. Однак перш ніж рухатися вперед, переконайтеся, що у вас є наступні вимоги для використання filament V3.

PHP 8.1+
Laravel v10.0+
LiveWire v3.0+

крок 1: перша інсталяція laravel у вашій системі, виконавши дану команду для встановлення останньої версії 10 laravel.

composer create-project laravel/laravel filament-tutorial

Після завершення процесу встановлення оновіть файл .env з назвою бази даних і перенесіть за допомогою команди php artisan migrate

крок 2: Далі нам потрібно встановити Filament щоб створити наш абсолютно новий інтерфейс адміністратора, виконайте таку команду.

composer require filament/filament:"^3.0-stable" -W

крок 3: тепер нам потрібно встановити генератор панелі Filament, що дозволить створити та зареєструвати нового постачальника послуг laravel називається AdminPanelProvider.

Інноваційний бюлетень
Не пропустіть найважливіші новини про інновації. Підпишіться, щоб отримувати їх електронною поштою.

app/Providers/Filament/AdminPanelProvider.php

Панель Filament поставляється з попередньо встановленими пакетами, які вам не потрібно встановлювати окремо (Form Builder, Table Builder, Notifications, Actions, InfolistsІ Widgets packages).

php artisan filament:install --panels

крок 4: Тепер ми створимо нашого першого користувача за допомогою наступної команди. Вам буде запропоновано ввести своє ім’я, адресу електронної пошти та пароль, як показано нижче.

php artisan make:filament-user

Тепер ми можемо отримати доступ до створеного нами інтерфейсу адміністратора та створити програму.

php artisan make:filament-user

Name:
> bloginnovazione

Email address:
> bloginnovazione@gmail.com

Password:
>

Success! bloginnovazione@gmail.com may now log in at http://localhost/admin/login.

Щоб побачити центр адміністрування, запустіть програму php artisan serve, відкрийте програму у своєму браузері та введіть /admin після URL-адреси. Ви можете побачити розділ входу адміністратора, як показано на зображенні, і ввести свої облікові дані новоствореного користувача.

Після входу ви побачите панель адміністратора:

Тепер ви готові розпочати створення програми.

Пов'язані читання

BlogInnovazione.it

Інноваційний бюлетень
Не пропустіть найважливіші новини про інновації. Підпишіться, щоб отримувати їх електронною поштою.

Читайте Innovation своєю мовою

Інноваційний бюлетень
Не пропустіть найважливіші новини про інновації. Підпишіться, щоб отримувати їх електронною поштою.

Слідуйте за нами