Gérer du code dupliqué dans plusieurs fichiers peut rendre la maintenance laborieuse.
Cette duplication complique les mises à jour et augmente le risque d’erreurs.
Découvrez comment l’inclusion Blade peut centraliser vos éléments communs, facilitant ainsi leur gestion et leur réutilisation.
Initiez-vous à Laravel et réalisez votre première application en toute confiance.
Inclure une partie de code dans plusieurs pages avec Blade est une excellente manière de centraliser les éléments communs. Cela simplifie la maintenance et évite la duplication de code.
Dans cette section, nous allons voir ensemble comment créer une barre latérale réutilisable grâce au système d’inclusion de Blade. Suivez les étapes ci-dessous !
Voici la structure des fichiers
Créer sidebar.blade.php avec Blade
Pour commencer, nous allons créer un fichier pour la barre latérale (ou sidebar) et l’intégrer dans plusieurs pages.
- Créer un dossier d’inclusions :Dans le dossier resources/views, créez un dossier nommé includes. Ce dossier contiendra les fragments de code que vous souhaitez réutiliser dans différentes pages.
- Créer le fichier de la barre latérale :À l’intérieur du dossier includes, créez un fichier appelé sidebar.blade.php.
- Ajouter le code de la barre latérale :Dans sidebar.blade.php, insérez le code suivant pour afficher les catégories :
<div class="my-4">Catégories</div>
<div class="list-group">
<a href="#" class="list-group-item active">Laravel</a>
<a href="#" class="list-group-item">PHP</a>
<a href="#" class="list-group-item">Javascript</a>
</div>
Voilà, votre fichier sidebar.blade.php est maintenant prêt à être inclus dans d’autres vues !
Inclure barre latérale avec Blade
Maintenant que nous avons un fichier dédié pour la barre latérale, nous allons l’intégrer dans les fichiers test.blade.php et test2.blade.php.
- Ouvrir les fichiers de vue :Ouvrez les fichiers test.blade.php et test2.blade.php dans le dossier resources/views.
- Supprimer le code de la barre latérale existant :Supprimez toute section de code associée à l’affichage des catégories dans ces fichiers.
- Inclure la barre latérale :Remplacez la section supprimée par l’instruction @include, qui intégrera le contenu de sidebar.blade.php dans chaque fichier. Voici un exemple de code modifié pour test.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">
<div class="card mt-4">
<div class="card-body">
<h2 id="laravel-cest-top" class="rb-heading-index-3 card-title"><a href="" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Laravel c'est top !</a></h2>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente dicta fugit fugiat hic aliquam itaque facere, soluta. Totam id dolores, sint aperiam sequi pariatur praesentium animi perspiciatis molestias iure, ducimus!</p>
<span class="auhtor">Par <a href="" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Hamid</a></span> <br>
<span class="time">Il y'a 1 heure</span>
</div>
</div>
<!-- /.card -->
<div class="card card-outline-secondary my-4">
<div class="card-header">
Commentaires
</div>
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis et enim aperiam inventore, similique necessitatibus neque non! Doloribus, modi sapiente laboriosam aperiam fugiat laborum. Sequi mollitia, necessitatibus quae sint natus.</p>
<small class="text-muted">Jean le 25 Janvier à 19h02</small>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis et enim aperiam inventore, similique necessitatibus neque non! Doloribus, modi sapiente laboriosam aperiam fugiat laborum. Sequi mollitia, necessitatibus quae sint natus.</p>
<small class="text-muted">Paul le 29 Juin à 15h09</small>
<hr>
<a href="#" class="btn btn-success">Laisser un commentaire</a>
</div>
</div>
<!-- /.card -->
</div>
<!-- /.col-lg-9 -->
</div>
@stop
Répétez cette opération dans le fichier test2.blade.php.
Pour bien comprendre le code voici l’explication du code
- Utilisation de @include
L’instruction @include(‘includes.sidebar’) permet d’intégrer le contenu du fichier sidebar.blade.php à cet emplacement exact dans la vue. Grâce à cela, toute modification dans sidebar.blade.php sera automatiquement appliquée aux vues qui incluent ce fichier, ce qui est très pratique pour une structure de site web évolutive.
- Résultat dans le navigateur
Une fois le code modifié et la barre latérale incluse, vous pouvez accéder aux pages test et test2 dans votre navigateur. Les catégories seront affichées dans la barre latérale sans avoir besoin de dupliquer le code dans chaque fichier de vue.
Visualiser l'inclusion Blade
Après avoir effectué ces modifications, accédez aux pages test et test2 dans votre navigateur. Vous verrez la barre latérale s’afficher avec les catégories sans avoir besoin de dupliquer le code.
Voici le résultat d’affichage pour vue test2.blade.php
Bravo ! Vous avez appris à utiliser le système d’inclusion de Blade pour centraliser votre code. Si vous avez d’autres parties de code communes, n’hésitez pas à utiliser cette méthode pour les organiser efficacement.
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 inclure une barre latérale avec Blade ?
Pourquoi centraliser du code avec Blade ?
Comment modifier les fichiers de vue pour inclure le code centralisé ?
Quels sont les avantages de l'utilisation de Blade dans Laravel ?
Quels résultats peut-on attendre après l'intégration d'une barre latérale avec Blade ?
Conclusion
En utilisant l’inclusion Blade, vous simplifiez votre gestion de code et améliorez l’efficacité de votre projet Laravel. Quelle autre partie de votre code pourriez-vous centraliser pour maximiser les avantages de Blade dans vos développements futurs ?
