Créer un formulaire d’ajout d’article dans Laravel peut être complexe.
Sans une structure correcte, vous pourriez rencontrer des erreurs et des problèmes de sécurité.
Nous vous guidons à travers la création d’un formulaire efficace et sécurisé dans Laravel.
Initiez-vous à Laravel et réalisez votre première application en toute confiance.
Dans cette section, vous apprendrez à créer un formulaire permettant d’ajouter un article dans votre application Laravel. Nous aborderons la création de la méthode dans le contrôleur, la configuration de la vue correspondante et les validations nécessaires pour garantir une saisie correcte des données par l’utilisateur.
Lien de navigation pour formulaire Laravel
Pour commencer, il est essentiel d’ajouter un lien de navigation permettant d’accéder au formulaire de création d’article. Voici le code modifié de main.blade.php pour inclure un lien « Ajouter un article » lorsque l’utilisateur est connecté :
Code modifié de main.blade.php :
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="{{Url('/')}}" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Accueil</a>
</li>
@guest
<li class="nav-item">
<a class="nav-link" href="{{Route('login')}}" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Connexion</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{Route('registe')}}" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Inscription</a>
</li>
@endguest
@auth
<li class="nav-item">
<a class="nav-link" href="{{Route('articles.create')}}" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Ajouter un article</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{Route('logout')}}" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Deconnexion</a>
</li>
@endauth
</ul>
- L’utilisation de @guest et @auth permet de conditionner l’affichage des liens en fonction de l’état de connexion de l’utilisateur.
- Lorsqu’un utilisateur est authentifié, un lien « Ajouter un article » s’affiche dans la barre de navigation.
Aperçu visuel :
État utilisateur | Lien affiché |
|---|---|
Invité | Connexion, Inscription |
Authentifié | Ajouter un article, Déconnexion |
Résultat affiché :
Si l’utilisateur est connecté, le menu affichera un lien « Ajouter un article » dans la barre de navigation.
Créer méthode ArticleController en Laravel
ajoutez la méthode create dans le contrôleur ArticleController. Cette méthode sera responsable de l’affichage du formulaire de création d’article.
public function create()
{
$data = [
'title' => $description ='Ajouter un nouvel article',
'description' => $description,
];
return view('article.create',$data);
}
- La méthode create prépare les données nécessaires pour la vue article.create.
- Les variables title et description servent à configurer l’en-tête et la balise meta description de la page.
Structurer vue article.create avec Laravel
La vue article.create est l’endroit où se trouve le formulaire. Ce fichier doit être créé dans le dossier resources/views/article et contient le code HTML du formulaire.
Code du fichier article/create.blade.php :
@extends('layouts.main')
@section('content')
<div class="row">
<div class="col-lg-3">
@include('includes/sidebar')
</div>
<!-- /.col-lg-3 -->
<div class="col-lg-9">
@if(session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif
<div class="card card-outline-secondary my-4">
<div class="card-header">
Ajouter un article
</div>
<div class="card-body">
<form action="{{ route('articles.store') }}" method="post">
@csrf
<div class="form-group">
<label for="title">Titre</label>
<input type="text" name="title" class="form-control" value="{{ old('title') }}">
@error('title')
<div class="error">{{ $message }}</div>
@enderror
</div>
<div class="form-group">
<label for="content">Contenu</label>
<textarea class="form-control" name="content" cols="30" rows="5" placeholder="Contenu de l'article">{{ old('content') }}</textarea>
</div>
<button type="submit" class="btn btn-primary">Ajouter</button>
</form>
</div>
</div>
</div>
<!-- /.col-lg-9 -->
</div>
@stop
- Structure générale :La vue utilise @extends(‘layouts.main’) pour inclure la mise en page principale de votre application.
- Formulaire :Le formulaire utilise la méthode POST pour envoyer les données à la route articles.store.
- Protection CSRF :La directive @csrf est utilisée pour inclure un jeton CSRF, garantissant la sécurité des formulaires.
- Validation :Les erreurs de validation sont affichées à côté des champs respectifs grâce à @error.
Résultat affiché
Une fois que vous avez ajouté le formulaire, la page de création d’article affichera un formulaire comprenant :
- Un champ pour le titre.
- Une zone de texte pour le contenu.
- Un bouton de soumission.
Formez-vous gratuitement avec Alphorm !
Maîtrisez les compétences clés en IT grâce à nos formations gratuites et accélérez votre carrière dès aujourd'hui.
FAQ
Comment ajouter un lien de navigation pour un formulaire dans Laravel ?
Quelle est la fonction de la méthode create dans ArticleController ?
Comment structurer la vue article.create pour un formulaire Laravel ?
Pourquoi utiliser @csrf dans les formulaires Laravel ?
Comment gérer les erreurs de formulaire dans Laravel ?
Conclusion
Créer un formulaire dans Laravel est essentiel pour enrichir votre application. Quelles autres fonctionnalités pourriez-vous ajouter pour améliorer l’expérience utilisateur ?
