Vous souhaitez personnaliser les vues dans Laravel en fonction des données dynamiques fournies dans l’URL.

Sans une approche efficace, il peut être difficile d’afficher un contenu spécifique pour chaque utilisateur, ce qui limite l’interactivité de votre application.

Cet article explore comment utiliser les paramètres d’URL dans Laravel pour passer des données dynamiques aux vues, offrant ainsi une personnalisation accrue et une expérience utilisateur améliorée.

Table de matière

Configurer routes avec paramètres URL Laravel Transmettre paramètres aux vues Laravel Afficher paramètres dans Blade Laravel Tester paramètres URL dans Laravel Résumé : URL et vues dynamiques Laravel FAQ Conclusion

Formation Laravel : Le Guide Complet du Débutant

Initiez-vous à Laravel et réalisez votre première application en toute confiance.

Dans Laravel, il est très courant de personnaliser les vues en fonction des informations fournies dans l’URL. Cette approche vous permet d’envoyer des données dynamiques à une vue afin d’afficher un contenu spécifique à chaque utilisateur ou chaque situation.

Voici les étapes pour passer des paramètres d’URL à une vue :

Configurer routes avec paramètres URL Laravel

La première étape consiste à définir une route qui accepte un paramètre dans l’URL. Laravel permet de créer des routes dynamiques avec des paramètres que vous pouvez capturer et utiliser dans vos vues. Cela se fait facilement en utilisant des accolades {} autour du nom du paramètre.

Par exemple, si vous souhaitez afficher un profil utilisateur à partir de son nom, vous pouvez définir une route comme suit :

				
					
 Route::get('/user/{name}', function ($name) {
return view('user.profile', ['name' => $name]);
});

Ici, la route /user/{name} capture un paramètre appelé name et le passe à la fonction anonyme dans la route. Cette valeur est ensuite envoyée à la vue user.profile.

Transmettre paramètres aux vues Laravel

Une fois la route définie, il est nécessaire de transmettre le paramètre capturé à la vue. Laravel permet de passer facilement des variables aux vues avec la méthode view(). Dans notre exemple, le paramètre name est envoyé à la vue sous forme de tableau associatif.

				
					
 return view('user.profile', ['name' => $name]);

Cela permet à la vue de récupérer la variable name et de l’afficher dans le contenu HTML.

Afficher paramètres dans Blade Laravel

Une fois le paramètre transmis à la vue, vous devez créer le fichier Blade qui va l’afficher. Dans Laravel, Blade est le moteur de template qui permet d’intégrer des variables directement dans vos fichiers HTML.

Voici un exemple simple d’un fichier de vue profile.blade.php situé dans le dossier resources/views/user :

				
					
 <!DOCTYPE html>
<html lang="en">
<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Profil de l’utilisateur</title>
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.rll-youtube-player .play{--wpr-bg-ba3225b4-cc50-41de-afd9-4ec3346ca1f0: url('https://blog.alphorm.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-ba3225b4-cc50-41de-afd9-4ec3346ca1f0: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"ba3225b4-cc50-41de-afd9-4ec3346ca1f0","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<h1>Bienvenue, {{ $name }} !</h1>
<p>Voici la page de profil pour {{ $name }}.</p>
<script>var rocket_beacon_data = {"ajax_url":"https:\/\/blog.alphorm.com\/wp-admin\/admin-ajax.php","nonce":"8cd19f533a","url":"https:\/\/blog.alphorm.com\/parametres-url-vues-laravel","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800}</script><script data-name="wpr-wpr-beacon" src='https://blog.alphorm.com/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script><script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this._removeAnimationSettings(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(s)})}_listAnimationSettingsKeys(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorAnimation.run);</script></body>
</html>

Dans cet exemple, le paramètre name est affiché sur la page avec la directive Blade {{ $name }}.

Tester paramètres URL dans Laravel

Une fois que tout est en place, vous pouvez tester votre application. Pour ce faire, démarrez le serveur de développement Laravel avec la commande suivante :

				
					
 php artisan serve

Ensuite, accédez à l’URL dans votre navigateur, par exemple :

				
					
 http://127.0.0.1:8000/user/Alice

Cela affichera la page « Bienvenue, Alice ! » avec le nom « Alice » passé dynamiquement via l’URL.

Résumé : URL et vues dynamiques Laravel

Voici un résumé des étapes pour passer des paramètres d’URL à une vue dans Laravel :

Définir une route avec un paramètre dynamique, ce qui permet de capturer des valeurs dans l’URL.
Transmettre le paramètre à la vue via la méthode view().
Afficher le paramètre dans le fichier Blade à l’aide de la syntaxe de variables.
Tester dans le navigateur pour vérifier que le contenu est correctement affiché.

En utilisant cette méthode, vous pouvez créer des pages dynamiques et interagir avec les utilisateurs de manière personnalisée, en fonction des informations passées dans l’URL. C’est une fonctionnalité puissante pour construire des applications flexibles et dynamiques.

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 définir une route avec un paramètre dans Laravel ?

Dans Laravel, la définition d’une route avec un paramètre se fait en utilisant des accolades dans l’URL, par exemple, Route::get(‘/user/{name}’, function ($name) {…}). Cela permet de capturer le paramètre ‘name’ de l’URL et de le transmettre à une fonction anonyme. Cette fonction peut ensuite envoyer ce paramètre à une vue en utilisant la méthode view() pour afficher un contenu spécifique basé sur le paramètre capturé, comme un profil utilisateur.

Comment transmettre un paramètre d'URL à une vue dans Laravel ?

Pour transmettre un paramètre d’URL à une vue dans Laravel, utilisez la méthode view() et passez le paramètre capturé sous forme de tableau associatif. Par exemple, return view(‘user.profile’, [‘name’ => $name]);. Cette approche permet à la vue de recevoir le paramètre et de l’afficher comme bon lui semble, rendant le contenu dynamique et personnalisé pour chaque utilisateur, selon le paramètre fourni dans l’URL.

Comment afficher un paramètre dans une vue Blade Laravel ?

Dans une vue Blade Laravel, un paramètre peut être affiché en utilisant la syntaxe de variables Blade, soit {{ $name }}. Cette syntaxe permet d’intégrer directement des variables dans le HTML. Par exemple, dans un fichier profile.blade.php, vous pouvez afficher un nom d’utilisateur avec

Bienvenue, {{ $name }} !

. Cette méthode assure que les données dynamiques passées depuis le contrôleur sont visibles dans la vue.

Comment tester les paramètres d'URL dans le navigateur avec Laravel ?

Pour tester l’application Laravel avec des paramètres d’URL, démarrez d’abord le serveur de développement en exécutant php artisan serve. Ensuite, accédez à l’URL définie dans votre navigateur, par exemple, http://127.0.0.1:8000/user/Alice. Cela devrait afficher la page personnalisée avec le paramètre passé, vérifiant ainsi que le contenu dynamique fonctionne correctement, rendant le développement et le débogage plus simples et efficaces.

Quels sont les bénéfices de l'utilisation des paramètres d'URL dans Laravel ?

L’utilisation de paramètres d’URL dans Laravel permet de créer des applications web dynamiques et personnalisées. En capturant les valeurs de l’URL et en les passant aux vues, les développeurs peuvent afficher des contenus spécifiques selon les besoins de chaque utilisateur. Cela améliore l’interactivité et la flexibilité des applications, offrant une expérience utilisateur enrichie et adaptée, tout en optimisant le flux de travail des développeurs grâce à des mécanismes intégrés de gestion des routes et des vues.

Conclusion

En maîtrisant l’utilisation des paramètres d’URL dans Laravel, vous pouvez créer des applications web plus dynamiques et personnalisées. Comment pourriez-vous intégrer cette technicité dans votre prochain projet Laravel pour enrichir l’expérience utilisateur ?

Personnalisation des vues avec Laravel