Ajouter des fonctionnalités de commentaires à une application Laravel peut sembler complexe.
Sans une implémentation adéquate, cela peut entraîner des erreurs de base de données ou un manque de sécurité.
Dans cet article, nous vous guidons à travers la création d’un modèle, d’une migration, et d’un contrôleur pour gérer efficacement les commentaires.
Initiez-vous à Laravel et réalisez votre première application en toute confiance.
Dans cette section, vous apprendrez à ajouter une fonctionnalité qui permet aux utilisateurs de laisser des commentaires sur vos articles. Cette fonctionnalité inclut la création du modèle, de la migration, du contrôleur, et des vues nécessaires pour gérer les commentaires. Suivez ces étapes détaillées pour intégrer cette fonctionnalité avec succès.
Modèle Comment et migration Laravel
Pour commencer, vous devez créer un modèle Comment qui représentera les commentaires dans votre base de données. Une migration associée sera également générée pour définir la structure de la table.
Voici la commande pour générer le modèle et la migration :
php artisan make:model Comment -m
Après en définir le modèle Comment :
Vous devez ajouter les relations entre les entités User et Article dans le modèle Comment. Voici le code :
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
class Comment extends Model
{
use HasFactory;
protected $fillable = ['user_id', 'article_id', 'content'];
public function article()
{
return $this->belongsTo(Article::class);
}
public function user()
{
return $this->belongsTo(User::class);
}
}
Ensuit vous créez la migration :
Vous devez configurer les colonnes nécessaires pour stocker les informations des commentaires dans la table. Voici la structure de la migration :
public function up(): void
{
Schema::create('comments', function (Blueprint $table) {
$table->id();
$table->foreignId('article_id')->constrained()->onDelete('cascade');
$table->foreignId('user_id')->constrained()->onDelete('cascade');
$table->longText('content');
$table->timestamps();
});
}
En fin exécutez la commande suivante pour appliquer les changements à votre base de données :
php artisan migrate
Voici un schéma simple pour le processus d’ajout d’un commentaire à un article :
Relations Eloquent pour les commentaires
Vous devez maintenant établir la relation entre les utilisateurs, les articles, et les commentaires dans leurs modèles respectifs.
Dans le modèle User :
Ajoutez cette méthode pour indiquer qu’un utilisateur peut avoir plusieurs commentaires :
public function comments(){
return $this->hasMany(Comment::class);
}
Dans le modèle Article :
Ajoutez cette méthode pour relier un article à ses commentaires :
public function comments(){
return $this->hasMany(Comment::class);
}
Gérer avec CommentController Laravel
Pour gérer l’ajout des commentaires, vous devez créer un contrôleur.
Commande pour générer le contrôleur :
php artisan make:controller CommentController
Ajouter une méthode store dans le contrôleur :
La méthode store permettra de valider et d’ajouter un commentaire dans la base de données.
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\{
Comment, Article
};
use App\Events\CommentWasCreated;
class CommentController extends Controller
{
public function __construct()
{
$this->middleware('auth');
}
public function store()
{
}
}
Route Laravel pour les commentaires
Ajoutez une route dans le fichier web.php pour relier la méthode store à une URL spécifique :
Route::post('comment/{article}', [CommentController::class, 'store'])->name('post.comment');
Formulaire de commentaire et affichage
Dans la page show.blade.php d’un article, vous devez afficher la liste des commentaires liés
Voici exemple de page d’affichage
<div class="card card-outline-secondary my-4">
<div class="card-header">
Commentaires
</div>
<div class="card-body">
@forelse($comments as $comment)
<p>{{ $comment->content }}</p>
<small class="text-muted"><a href="{{ route('user.profile', ['user'=" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">$comment->user->id]) }}">{{ $comment->user->name }}</a> le {{ $comment->created_at->isoFormat('LLL') }}</small>
<hr>
@empty
<p>Pas de commentaire pour l'instant.</p>
@endforelse
@auth
<form action="{{ route('post.comment', ['article'=>$article->slug]) }}" method="post">
@csrf
<div class="form-group">
<label for="content">Laissez un commentaire</label>
<textarea class="form-control" name="content" cols="30" rows="5" placeholder="Votre commentaire...">{{ old('content') }}</textarea>
@error('content')
<div class="error">{{ $message }}</div>
@enderror
</div>
<button type="submit" class="btn btn-primary">Commenter</button>
</form>
@endauth
@guest
<a href="{{ route('login') }}" class="btn btn-success" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Laisser un commentaire</a>
@endguest
</div>
</div>
Pour vérifier que tout fonctionne comme prévu, vous devez
En accéder à la page index d’article
En cliquant sur un article, les détails des informations s’affichent. Ensuite, les commentaires existants sont visibles, avec la possibilité d’ajouter un commentaire.
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 créer un modèle de commentaire dans Laravel?
Comment établir les relations Eloquent pour les commentaires?
Quelle est la structure de la migration pour les commentaires?
Comment ajouter un contrôleur pour gérer les commentaires?
Comment afficher et ajouter des commentaires sur une page d'article?
Conclusion
La mise en place de commentaires dans Laravel enrichit l’interaction avec vos utilisateurs et améliore l’engagement. Quel autre aspect de Laravel souhaiteriez-vous approfondir?
