Toolverse
Wszystkie skille

shopper-livewire

autor: shopperlabs

Szablony do budowania komponentów Livewire w Laravel Shopper z Filament Forms i Tables

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Frontend
Wyświetlenia
14

O skillu

Skill zawiera gotowe wzorce i struktury do tworzenia komponentów Livewire w ekosystemie Laravel Shopper. Ułatwia budowanie stron, paneli bocznych i komponentów wielokrotnego użytku zintegrowanych z Filament Forms, Tables i Actions. Zawiera przykłady implementacji tabel z akcjami, autoryzacją i renderowaniem widoków Blade. Idealne dla deweloperów rozszerzających funkcjonalność administracyjnego panelu Shopper.

Jak używać

  1. Zainstaluj skill w swoim projekcie Laravel Shopper, umieszczając go w katalogu boost/skills. Upewnij się, że masz zainstalowane zależności: Livewire, Filament Forms, Tables i Actions.

  2. Wybierz typ komponentu, który chcesz utworzyć: Page (strona główna), SlideOver (panel boczny) lub Component (komponent wielokrotnego użytku). Każdy typ ma przypisaną bazową klasę i lokalizację w strukturze projektu.

  3. Dla strony z tabelą rozszerz klasę AbstractPageComponent i zaimplementuj interfejsy HasActions, HasForms i HasTable. Dodaj odpowiednie traity: InteractsWithActions, InteractsWithForms i InteractsWithTable.

  4. W metodzie mount() dodaj autoryzację za pomocą $this->authorize(), aby kontrolować dostęp do komponentu na podstawie uprawnień użytkownika.

  5. Zdefiniuj strukturę tabeli w metodzie table(), konfigurując kolumny (np. TextColumn), ich właściwości (label, searchable, sortable) oraz akcje na rekordach (np. edit, delete).

  6. Zwróć widok Blade z metody render(), używając struktury kontenerów i breadcrumbów z szablonów Shopper. Skill zawiera przykłady pełnej implementacji, które możesz dostosować do swoich potrzeb.

Podobne skille