Članci

Šta je filament i kako koristiti Laravel filament

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.

Inovacijski bilten
Ne propustite najvažnije vijesti o inovacijama. Prijavite se da ih primate putem e-pošte.

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

Inovacijski bilten
Ne propustite najvažnije vijesti o inovacijama. Prijavite se da ih primate putem e-pošte.