Filament je "ubrzani" Laravel razvojni okvir, koji pruža nekoliko komponenti punog steka.
Dizajniran je da pojednostavi proces razvoja, što olakšava kreiranje elegantnih aplikacija.
Koristi TALL stack (Tailwind CSS, Alpine.js, Laravel i Livewire)
Predviđeno vrijeme čitanja: 4 minute
Filament
je okvir za upravljanje sadržajem, sa prekrasnom kolekcijom kompletnih komponenti. Okvir pruža najbolji početni komplet za vašu sljedeću primjenu laravel
. U samo nekoliko koraka možete kreirati predivan administrativni interfejs, koji generiše komponente koje se lako koriste i lako skalabile.
Komponente
Pogledajmo koje komponente nudi Laravel Filament
:
- Panel Builder: Kreirajte admin panel Laravel,za aplikacije okrenute klijentima,platforme SaaS ili bilo koju drugu aplikaciju koju možete zamisliti. The Panel Builder pojednostavljuje proces kreiranja moćnih administrativnih interfejsa;
- Form builder: Omogućava vam da lako izgradite zapanjujuće module na osnovu Livewire sa preko 25 predkomponentidefinite. Generisani obrasci će biti sastavljeni od jednostavnih polja za unos;
- Table generator: Kreirajte optimizirane i interaktivne tablice podataka na osnovu Livewire za svaku situaciju. Pregledajte podatke u intuitivnom formatu sa sortiranjem, filtriranjem i paginacijom;
- Obavještenja: Možete koristiti upravljanje obavijestima kako biste informirali korisnike slanjem poruka u realnom vremenu Livewire;
- akcije: Otvorite interaktivne i klizne načine kako biste održali glatko korisničko iskustvo. Radnje vam pomažu da zadržite angažovanje korisnika iu toku vaše aplikacije;
- Infolist Builder: Pregledajte listu podataka samo za čitanje o određenom entitetu. Također se koristi u drugim paketima Filamenta, kao što je Panel Builder za prikaz resursa aplikacije i menadžera odnosa, kao i načina rada. Učenje karakteristika Infolist Builder-a će uštedjeti nevjerovatno vrijeme i kada kreirate vlastite prilagođene Livewire aplikacije i kada koristite druge Filament pakete;
- widget: Kreirajte kontrolne table za svoju aplikaciju, zajedno sa grafikonima i statistikom u realnom vremenu. Widgeti vam omogućavaju da kreirate dinamičke vizualizacije za praćenje i izveštavanje;
Fundamental Concepts
Laravel Filament
uključuje osnovne koncepte koji se primjenjuju na sve pakete:
- Baterije uključene: Prestanite više puta obnavljati iste komponente korisničkog sučelja.
Filament
pruža osnovne alate spremne za upotrebu, štedeći vam vrijeme i trud. - TALL Stacks:
Filament
iskoristite TALL stack (Tailwind CSS, Alpine.js, Laravel i Livewire) za lako kreiranje dinamičnih, održivih, full-stack aplikacija.
Instalacija
Zatim nastavimo s instaliranjem Laravel-a sa Filamentom. Međutim, prije nego krenete naprijed, provjerite imate li sljedeće zahtjeve za korištenje filament
V3.
PHP 8.1+
Laravel v10.0+
LiveWire v3.0+
Korak 1: Prva instalacija laravel
u vašem sistemu tako što ćete pokrenuti datu komandu da instalirate najnoviju verziju 10 laravel
.
composer create-project laravel/laravel filament-tutorial
Kada se proces instalacije završi, ažurirajte svoju datoteku .env
sa imenom baze podataka i migrirajte pomoću naredbe php artisan migrate
Korak 2: Zatim moramo instalirati Filament
da biste generisali naše potpuno novo sučelje administratora, da biste to učinili, pokrenite sljedeću naredbu.
composer require filament/filament:"^3.0-stable" -W
Korak 3: sada trebamo instalirati panel generator Filament
, koji će kreirati i registrovati novog provajdera usluga laravel
zvani AdminPanelProvider
.
app/Providers/Filament/AdminPanelProvider.php
Panel Filament
dolazi s unaprijed instaliranim paketima koje ne morate zasebno instalirati (Form Builder
, Table Builder
, Notifications
, Actions
, Infolists
, e Widgets packages
).
php artisan filament:install --panels
Korak 4: Sada ćemo kreirati našeg prvog korisnika koristeći sljedeću naredbu. Od vas će se tražiti da unesete svoje ime, adresu e-pošte i lozinku kao što je prikazano ispod.
php artisan make:filament-user
Sada možemo pristupiti administratorskom sučelju koje smo kreirali i kreirati aplikaciju.
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.
Da vidite centar administracije, pokrenite aplikaciju php artisan serve
, otvorite aplikaciju u pretraživaču i unesite /admin
nakon URL-a. Možete vidjeti odjeljak za prijavu administratora kao što je prikazano na slici i unijeti svoje vjerodajnice novokreiranog korisnika.
Nakon prijave, možete vidjeti admin panel:
Sada ste spremni za početak izrade vaše aplikacije.
Related Readings
BlogInnovazione.it