Utilisation des Query Strings dans Laravel

Gérer des informations dynamiques dans une application Laravel peut s’avérer complexe sans une méthode appropriée.

Cela peut entraîner des difficultés dans le passage de données supplémentaires via l’URL, limitant la flexibilité de votre application.

Cet article explore comment utiliser les query strings dans Laravel pour passer efficacement des informations dynamiques à vos vues.

Table de matière

Configurer route URL Laravel web.php Créer vue Blade avec query string Laravel Tester paramètres query string Laravel FAQ Conclusion

Formation Laravel : Le Guide Complet du Débutant

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

Passer des paramètres de query string à une vue dans Laravel est une autre méthode pour envoyer des informations dynamiques depuis l’URL. Contrairement aux paramètres d’URL qui font partie de la structure de la route, les query strings sont ajoutés à l’URL après un ? et sont généralement utilisés pour des filtres ou des informations supplémentaires. Dans Laravel, vous pouvez facilement récupérer ces paramètres et les envoyer à vos vues.

Question : Quelles sont les étapes pour afficher une view avec des paramètres de query

Configurer route URL Laravel web.php

Comme pour les autres types de routes, vous devez d’abord définir une route qui répondra à la requête contenant les query strings . Laravel vous permet de définir des routes sans paramètre dynamique dans l’URL, mais qui peuvent récupérer des query strings .

Imaginons que vous ayez une entité « Person » avec les informations suivantes : first_name , last_name , title , et description . Vous pouvez créer un tableau ou une base de données pour stocker ces informations et ensuite les afficher dans une vue Laravel.

Dans votre fichier web.php (situé dans routes/web.php), définissez une route qui passe les informations à la vue.

				
					
 Route::get('/person', function () {
$person = [
'first_name' => 'John',
'last_name' => 'Doe',
'title' => 'Mr.',
'description' => 'John Doe is a software developer with a passion for coding and technology.'
];
return view('person', ['person' => $person]);
});

Créer vue Blade avec query string Laravel

Dans le dossier resources/views/, créez un fichier de vue person.blade.php pour afficher les informations de la personne. Voici un exemple de structure HTML avec Blade pour afficher ces informations :

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

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Profil de la Personne</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-2051308d-dfcb-451f-bcab-ce3a42576840: 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-2051308d-dfcb-451f-bcab-ce3a42576840: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"2051308d-dfcb-451f-bcab-ce3a42576840","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<h1>{{ $person['title'] }} {{ $person['first_name'] }} {{ $person['last_name'] }}</h1>
<p><strong>Description:</strong> {{ $person['description'] }}</p>
<script>var rocket_beacon_data = {"ajax_url":"https:\/\/blog.alphorm.com\/wp-admin\/admin-ajax.php","nonce":"7d40866335","url":"https:\/\/blog.alphorm.com\/query-string-vue-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>

Explication du Code

Route :La route /person crée un tableau associatif $person qui contient les informations de la personne : prénom (first_name), nom de famille (last_name), titre (title) et description (description).
Vue :Dans la vue person.blade.php, nous affichons ces informations avec la syntaxe Blade {{ $person[‘key’] }} pour accéder aux valeurs du tableau et les afficher dans le navigateur.

Tester paramètres query string Laravel

Une fois que vous avez tout configuré, lancez votre serveur de développement Laravel

Ensuite, accédez à http://127.0.0.1:8000/person dans votre navigateur, et vous devriez voir quelque chose comme ceci :

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 des query strings dans Laravel ?

Pour définir une route dans Laravel qui utilise des query strings, vous devez configurer votre fichier web.php. Créez une route avec Route::get qui ne nécessite pas de paramètres dynamiques dans l’URL, mais qui peut gérer les query strings ajoutés après ‘?’. Cela permet de passer des informations supplémentaires vers la vue sans modifier la structure de l’URL principale.

Comment récupérer des query strings dans une vue Laravel ?

Dans Laravel, les query strings peuvent être récupérés et passés à une vue en définissant une route appropriée. Utilisez la méthode request()->query() pour accéder aux query strings dans votre contrôleur ou directement dans la fonction de route, puis transférez ces données à la vue avec la fonction view(). Cela permet d’afficher dynamiquement les informations en fonction des paramètres fournis dans l’URL.

Comment afficher des données dynamiques dans une vue Blade ?

Pour afficher des données dynamiques dans une vue Blade, créez un fichier Blade dans le dossier resources/views. Utilisez la syntaxe Blade {{ $variable }} pour intégrer des données dans votre HTML. Assurez-vous que les données sont correctement passées depuis la route ou le contrôleur à la vue pour qu’elles soient disponibles et affichées correctement dans le navigateur.

Comment tester une route avec des query strings dans Laravel ?

Pour tester une route avec des query strings dans Laravel, d’abord assurez-vous que votre serveur de développement est en cours d’exécution. Accédez à l’URL définie dans votre route via votre navigateur, par exemple http://127.0.0.1:8000/person?key=value. Cela vous permet de vérifier que les paramètres query strings sont correctement interprétés et affichés dans votre vue Blade.

Quelle est la différence entre les query strings et les paramètres d'URL dans Laravel ?

Les query strings et les paramètres d’URL dans Laravel diffèrent principalement par leur position et leur usage. Les paramètres d’URL font partie de la structure de l’URL et sont souvent utilisés pour identifier des ressources spécifiques. En revanche, les query strings sont ajoutés après un ‘?’ et servent à passer des informations supplémentaires, comme des filtres, sans modifier la structure de l’URL.

Conclusion

Comprendre l’utilisation des query strings dans Laravel permet une gestion plus flexible et dynamique des données dans vos applications. Comment pourriez-vous encore améliorer l’interaction utilisateur avec des paramètres d’URL avancés ?