I controllers, le view e i file js/css relativi al backend sono raggruppati sotto la cartella backend (
quindi app/Http/Controllers/Backend/..., resources/views/backend/... ecc).
Le route sono definite nel file web.php, dentro all'apposito gruppo che definisce sia la richiesta di autenticazione
che il prefisso /backend su tutti gli URL.
La UI è basata su Bootstrap 5.3, si possono quindi usare senza problemi tutte le utility e tutti i componenti messi a disposizione.
Insieme a bootstrap sono importate di base anche il suo set di icone.
Per inserire un'icona:
- Selezionarla dal catalogo
- Inserire il tag
<i class="bi bi-${NOME}"></i>dove necessario, es.<i class="bi bi-people"></i> - Dimensione e colore sono equivalenti a quelle di un semplice testo, quindi impostabili con
font-sizeecolor
In particolare, i Toast di bootstrap sono predisposti e pronti all'uso per mostrare messaggi di successo, warning o errore all'utente.
Le tipologie di toast supportate sono: 'error', 'danger', 'info', 'warning', 'success', 'dark', 'light'
Lato server, si possono creare con la classe App/Utils/Toast:
Toast::show("success", "Messaggio!")Il messaggio verrà mostrato all'utente alla successiva pagina visualizzata.
Lato client, si possono creare tramite javascript tramite la funzione showToast:
showToast('error', 'Si è verificato un errore')NB i toast funzionano automaticamente anche tra aggiornamenti di componenti Livewire
La libreria bs-blade-forms è inclusa e pronta all'uso, vedi il form di modifica utente per un esempio
La libreria Wire Table è inclusa e pronta all'uso in tutte le schermate.
Vedi app/Http/Livewire/UsersTable.php per un esempio base.
Livewire viene incluso di default insieme a wire-table, quindi si possono direttamente creare ed utilizzare componenti livewire senza ulteriore setup necessario.
Vue 3 è configurato e pronto all'uso, si possono creare i componenti richiesti e inizializzare vue
con createApp nelle pagine dove serve.
Vedi resources/js/vue/Counter per un esempio di componente.