Comment implémenter l'inclusion de pages dans Laravel
- PHPzoriginal
- 2023-04-23 09:16:19588parcourir
Laravel est un framework d'application Web PHP open source. Il s'agit d'un framework d'application Web simple et élégant basé sur MVC. Il simplifie grandement le développement Web, permettant aux développeurs de se concentrer davantage sur le niveau de logique métier sans avoir à se soucier des autres. technologies sous-jacentes. Dans cet article, nous présenterons comment utiliser Laravel pour implémenter l'inclusion de pages, c'est-à-dire diviser une page en plusieurs petits blocs et partager ces petits blocs sur plusieurs pages en même temps, ce qui améliore considérablement la réutilisabilité et la convivialité du code. .Maintenabilité.
Pourquoi avez-vous besoin d'inclure une page ?
Avec le développement continu des applications Web, les pages Web deviennent de plus en plus complexes, et chaque module de la page devient également plus complexe. Par conséquent, nous devons parfois diviser la page en plusieurs petits blocs et partager ces petits blocs sur plusieurs pages en même temps, améliorant ainsi la réutilisabilité et la maintenabilité du code. Ceci est la page contenant les problèmes rencontrés et leurs solutions.
Étapes pour implémenter l'inclusion de pages à l'aide de Laravel
Le framework Laravel fournit un système d'affichage très flexible, de sorte que l'inclusion de pages peut être implémentée très facilement. Voici les étapes pour mettre en œuvre l'inclusion de page :
- Créez un fichier de vue publique
Tout d'abord, créez un fichier de vue publique dans votre projet Laravel. Ce fichier d'affichage public contient plusieurs petits blocs qui seront partagés sur plusieurs pages. Ce fichier de vue publique peut être enregistré dans ressources/vues/mises en page.
- Incluez-le dans le fichier de vue qui doit utiliser ces petits blocs
Dans le fichier de vue qui doit utiliser les petits blocs contenus dans le fichier de vue publique, utilisez le code suivant :
@extends('layouts.master')
@section('content')
<!-- 这里是当前页面的内容 -->
@endsection
Parmi eux, le @ La directive extends représente ce fichier de vue Héritant du fichier layouts/master view, la directive @section est utilisée pour définir une zone de contenu, qui contiendra le contenu de la page actuelle.
- Définissez les petits blocs dans le fichier de vue publique
Dans le fichier de vue publique, utilisez le code suivant pour définir les petits blocs qui doivent être inclus :
<!DOCTYPE html>
<html>
<head>
<title>@yield('title')</title>
</head>
<body>
<div class="container">
<header>
@include('layouts.partials.header')
</header>
@yield('content')
<footer>
@include('layouts.partials.footer')
</footer>
</div>
</body>
</html>
Où :
- @yield('title') signifie qu'un nom est défini. Il s'agit d'un petit bloc de titre, qui est utilisé pour remplacer la balise
</li> <li>@yield('content') signifie qu'un petit bloc nommé content est défini, qui est utilisé pour remplacer la partie contenu de la page dans le fichier de vue publique. </li> <li>@include('layouts.partials.header') signifie qu'un fichier de vue partielle nommé header est inclus. </li> <li>@include('layouts.partials.footer') signifie qu'un fichier de vue partielle nommé footer est inclus. </li> </ul> <p>Cela termine les étapes de définition des tuiles dans le fichier de vue publique. </p> <ol start="4"><li>Définissez le contenu du petit bloc dans le fichier de vue partielle</li></ol> <p>Enfin, définissez le contenu du petit bloc dans le fichier de vue partielle (comme header.blade.php et footer.blade.php). Par exemple, dans header.blade.php, vous pouvez définir le contenu du petit bloc comme suit : </p> <pre class="brush:php;toolbar:false"><nav> <ul> <li><a href="{{ url('/') }}">Home</a></li> <li><a href="{{ url('/about') }}">About</a></li> <li><a href="{{ url('/contact') }}">Contact</a></li> </ul> </nav></pre> <p>Ce petit bloc définit une barre de navigation et utilise la fonction d'assistance d'URL de Laravel pour générer des liens. </p> <p>Grâce à ces étapes, vous avez terminé le processus d'utilisation de Laravel pour implémenter l'inclusion de pages. </p> <p>Résumé</p> <p>L'inclusion de pages est une technologie de développement Web très importante dans le framework Laravel, nous pouvons implémenter l'inclusion de pages très facilement, améliorant ainsi considérablement la réutilisabilité et la maintenabilité du code. Cet article explique comment utiliser Laravel pour implémenter l'inclusion de pages. J'espère qu'il sera utile à tout le monde. Si vous avez des questions ou des idées sur Laravel ou le développement Web, veuillez laisser un message dans la zone de commentaires et nous en discuterons ensemble. </p><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">php</a> <a href="javascript:void(0);">laravel</a> <a href="javascript:void(0);">mvc</a> <a href="javascript:void(0);">include</a> <a href="javascript:void(0);">继承</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration：</span><div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div></div></div><div class="nphpSytBox"><span>Article précédent：<a class="dBlack" title="Comment fermer MySQL dans Laravel" href="http://m.php.cn/fr/faq/524669.html">Comment fermer MySQL dans Laravel</a></span><span>Article suivant：<a class="dBlack" title="Comment fermer MySQL dans Laravel" href="http://m.php.cn/fr/faq/524673.html">Comment fermer MySQL dans Laravel</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="http://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/fr/faq/407215.html" title="Configuration de l'environnement Laravel : étapes pour déployer Laravel sur Alibaba Cloud ou Tencent Cloud" class="aBlack">Configuration de l'environnement Laravel : étapes pour déployer Laravel sur Alibaba Cloud ou Tencent Cloud</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/407217.html" title="Configuration de l'environnement Lamp : configuration de l'environnement LAMP sous le serveur Alibaba Cloud sous CentOS 6.3" class="aBlack">Configuration de l'environnement Lamp : configuration de l'environnement LAMP sous le serveur Alibaba Cloud sous CentOS 6.3</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/407219.html" title="Étapes d'installation rapide pour Apache+PHP+MySQL+phpMyAdmin sous Ubuntu" class="aBlack">Étapes d'installation rapide pour Apache+PHP+MySQL+phpMyAdmin sous Ubuntu</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/407220.html" title="Étapes d'installation rapides pour Nginx + PHP + MySQL sous Ubuntu" class="aBlack">Étapes d'installation rapides pour Nginx + PHP + MySQL sous Ubuntu</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/407260.html" title="Le principe de fonctionnement de base du middleware dans le modèle de conception de pipeline dans le framework Laravel" class="aBlack">Le principe de fonctionnement de base du middleware dans le modèle de conception de pipeline dans le framework Laravel</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><p>Maison</p></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><p>Cours</p></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><p>Questions et réponses</p></a></li><li><a href="http://m.php.cn/fr/login"><b class="icon5"></b><p>Mon</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/fr/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><span>Maison</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><span>Cours</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><span>Questions et réponses</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/dic.html"><b class="icon6"></b><span>Dictionnaire</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course/type/99.html"><b class="icon7"></b><span>Manuel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/xiazai/"><b class="icon8"></b><span>Télécharger</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/faq/zt" title="Sujet"><b class="icon12"></b><span>Sujet</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/fr/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/fr/" >Maison</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/wenda.html" >Questions et réponses</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/course.html" >Cours</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/faq/zt" >Sujet</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/xiazai" >Télécharger</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/game" >Jeu</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/dic.html" >Dictionnaire</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>