Aire est un package Laravel Form Builder de Chris Morrell avec des fonctions telles que la liaison de données et une syntaxe expressive:

Aire est un générateur de formulaires Laravel moderne (démo) avec un accent sur le même code expressif et beau que vous attendez de l’écosystème Laravel.

Voici une démonstration de base du fichier readme du projet:

{{ Aire::open()->route('users.update') }}

{{ Aire::bind($user) }}

<div class="flex flex-col md:flex-row">

  {{ Aire::input('given_name', 'First/Given Name')
    ->id('given_name')
    ->autoComplete('off')
    ->groupClass('flex-1 mr-2') }}

  {{ Aire::input('family_name', 'Last/Family Name')
    ->id('family_name')
    ->autoComplete('off')
    ->groupClass('flex-1') }}

</div>

{{ Aire::email('email', 'Email Address') }}

{{ Aire::submit('Update User') }}

{{ Aire::close() }}

J’aime la fonctionnalité de liaison de données qui est généralement fournie avec les bibliothèques Form Builder qui facilitent le mappage des entrées de formulaire à un modèle. La liaison de données garantit également que les entrées de formulaire sont remplies old() Données lorsque des erreurs de validation se produisent.

Le package Aire comprend la liaison de modèle éloquente ainsi que la possibilité de lier des données de tableau / objet définies par l’utilisateur:

// Bind Eloquent models
Aire::bind(User::find(1));

// Bind an array
Aire::bind(['given_name' => 'Chris']);

// Bind any object
Aire::bind((object) ['given_name' => 'Chris']);

Si la liaison de données est insuffisante, ce package détecte automatiquement toutes les erreurs, applique des classes d’erreur et affiche des messages d’erreur avec l’entrée associée. Vous pouvez également accéder à un résumé des messages d’erreur à l’aide des méthodes suivantes:

// Print "There are X errors on this page that you must fix before continuing."
{{ Aire::summary() }}

// Also include an itemized list of errors
{{ Aire::summary()->verbose() }}

Pour démarrer avec le package Aire Form Builder, accédez à Documentation et démos. Vous pouvez afficher le code source sur GitHub à l’adresse lueur / air.



Source link

Recent Posts