Heim  >  Artikel  >  PHP-Framework  >  So implementieren Sie die Seiteneinbindung in Laravel

So implementieren Sie die Seiteneinbindung in Laravel

PHPz
PHPzOriginal
2023-04-23 09:16:19626Durchsuche

Laravel ist ein Open-Source-PHP-Webanwendungsframework. Es ist ein einfaches und elegantes MVC-basiertes Webanwendungsframework, das es Entwicklern ermöglicht, sich mehr auf die Geschäftslogikebene zu konzentrieren zu anderen zugrunde liegenden Technologien. In diesem Artikel stellen wir vor, wie Sie mit Laravel die Seiteneinbindung implementieren, d. h. eine Seite in mehrere kleine Blöcke unterteilen und diese kleinen Blöcke gleichzeitig auf mehreren Seiten teilen, was die Wiederverwendbarkeit und Benutzerfreundlichkeit des Codes erheblich verbessert. Wartbarkeit.

Warum benötigen Sie eine Seiteneinbindung?

Mit der kontinuierlichen Entwicklung von Webanwendungen werden Webseiten immer komplexer und auch jedes Modul auf der Seite wird komplexer. Daher müssen wir manchmal die Seite in mehrere kleine Blöcke unterteilen und diese kleinen Blöcke gleichzeitig auf mehreren Seiten teilen, um so die Wiederverwendbarkeit und Wartbarkeit des Codes zu verbessern. Auf dieser Seite finden Sie die aufgetretenen Probleme und deren Lösungen.

Schritte zum Implementieren der Seiteneinbindung mit Laravel

Das Laravel-Framework bietet ein sehr flexibles Ansichtssystem, sodass die Seiteneinbindung sehr bequem implementiert werden kann. Hier sind die Schritte zum Implementieren der Seiteneinbindung:

  1. Erstellen Sie eine öffentliche Ansichtsdatei.

Erstellen Sie zunächst eine öffentliche Ansichtsdatei in Ihrem Laravel-Projekt. Diese öffentliche Ansichtsdatei enthält mehrere kleine Blöcke, die von mehreren Seiten gemeinsam genutzt werden. Diese öffentliche Ansichtsdatei kann unter Ressourcen/Ansichten/Layouts gespeichert werden.

  1. In die Ansichtsdatei einschließen, die diese kleinen Blöcke verwenden muss

Verwenden Sie in der Ansichtsdatei, die die in der öffentlichen Ansichtsdatei enthaltenen kleinen Blöcke verwenden muss, den folgenden Code:

@extends('layouts.master')
@section('content')
    <!-- 这里是当前页面的内容 -->
@endsection

Daunter ist @extends Die Direktive stellt diese Ansichtsdatei dar. Die @section-Direktive erbt die Layouts/Master-Ansichtsdatei und wird verwendet, um einen Inhaltsbereich zu definieren, der den Inhalt der aktuellen Seite enthält.

  1. Definieren Sie kleine Blöcke in der öffentlichen Ansichtsdatei.

Verwenden Sie in der öffentlichen Ansichtsdatei den folgenden Code, um die kleinen Blöcke zu definieren, die einbezogen werden müssen:

<!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>

Wo:

  • @yield('title') bedeutet, dass ein Name definiert ist. Es handelt sich um einen kleinen Titelblock, der zum Ersetzen des -Tags in der öffentlichen Ansichtsdatei verwendet wird. </li> <li>@yield('content') bedeutet, dass ein kleiner Block mit dem Namen content definiert wird, der zum Ersetzen des Seiteninhaltsteils in der öffentlichen Ansichtsdatei verwendet wird. </li> <li>@include('layouts.partials.header') bedeutet, dass eine Teilansichtsdatei mit dem Namen header eingebunden wird. </li> <li>@include('layouts.partials.footer') bedeutet, dass eine Teilansichtsdatei namens „footer“ eingebunden wird. </li> </ul> <p>Damit sind die Schritte zum Definieren der Kacheln in der öffentlichen Ansichtsdatei abgeschlossen. </p> <ol start="4"><li>Definieren Sie den Inhalt des kleinen Blocks in der Teilansichtsdatei</li></ol> <p>Abschließend definieren Sie den Inhalt des kleinen Blocks in der Teilansichtsdatei (z. B. header.blade.php und footer.blade.php). Beispielsweise können Sie in header.blade.php den Inhalt des kleinen Blocks wie folgt definieren: </p> <pre class="brush:php;toolbar:false"><nav>     <ul>         <li><a href="{{ url(&#39;/&#39;) }}">Home</a></li>         <li><a href="{{ url(&#39;/about&#39;) }}">About</a></li>         <li><a href="{{ url(&#39;/contact&#39;) }}">Contact</a></li>     </ul> </nav></pre> <p>Dieser kleine Block definiert eine Navigationsleiste und verwendet die URL-Hilfsfunktion von Laravel, um Links zu generieren. </p> <p>Mit diesen Schritten haben Sie den Prozess der Verwendung von Laravel zur Implementierung der Seiteneinbindung abgeschlossen. </p> <p>Zusammenfassung</p> <p>Seiteneinbindung ist eine sehr wichtige Webentwicklungstechnologie. Im Laravel-Framework können wir die Seiteneinbindung sehr bequem implementieren und so die Wiederverwendbarkeit und Wartbarkeit des Codes erheblich verbessern. In diesem Artikel wird erläutert, wie Sie mit Laravel die Seiteneinbindung implementieren. Ich hoffe, dass er für alle hilfreich ist. Wenn Sie Fragen oder Ideen zu Laravel oder der Webentwicklung haben, hinterlassen Sie bitte eine Nachricht im Kommentarbereich und wir besprechen dies gemeinsam. </p><p>Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Seiteneinbindung in Laravel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</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>Stellungnahme:</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel:<a class="dBlack" title="So schließen Sie MySQL in Laravel" href="http://m.php.cn/de/faq/524669.html">So schließen Sie MySQL in Laravel</a></span><span>Nächster Artikel:<a class="dBlack" title="So schließen Sie MySQL in Laravel" href="http://m.php.cn/de/faq/524673.html">So schließen Sie MySQL in Laravel</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="http://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/de/faq/407215.html" title="Einrichtung der Laravel-Umgebung: Schritte zur Bereitstellung von Laravel in Alibaba Cloud oder Tencent Cloud" class="aBlack">Einrichtung der Laravel-Umgebung: Schritte zur Bereitstellung von Laravel in Alibaba Cloud oder Tencent Cloud</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/407217.html" title="Konfiguration der Lampenumgebung: Konfiguration der LAMP-Umgebung unter dem Alibaba Cloud-Server unter CentOS 6.3" class="aBlack">Konfiguration der Lampenumgebung: Konfiguration der LAMP-Umgebung unter dem Alibaba Cloud-Server unter CentOS 6.3</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/407219.html" title="Schnelle Installationsschritte für Apache+PHP+MySQL+phpMyAdmin unter Ubuntu" class="aBlack">Schnelle Installationsschritte für Apache+PHP+MySQL+phpMyAdmin unter Ubuntu</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/407220.html" title="Schnelle Installationsschritte für Nginx + PHP + MySQL unter Ubuntu" class="aBlack">Schnelle Installationsschritte für Nginx + PHP + MySQL unter Ubuntu</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/407260.html" title="Das grundlegende Funktionsprinzip der Middleware im Pipeline-Entwurfsmuster im Laravel-Framework" class="aBlack">Das grundlegende Funktionsprinzip der Middleware im Pipeline-Entwurfsmuster im Laravel-Framework</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><p>Heim</p></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><p>Kurs</p></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><p>Fragen und Antworten</p></a></li><li><a href="http://m.php.cn/de/login"><b class="icon5"></b><p>Mein</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/de/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><span>Heim</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><span>Kurs</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><span>Fragen und Antworten</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/dic.html"><b class="icon6"></b><span>Wörterbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course/type/99.html"><b class="icon7"></b><span>Handbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/xiazai/"><b class="icon8"></b><span>Herunterladen</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/faq/zt" title="Thema"><b class="icon12"></b><span>Thema</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/de/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/de/" >Heim</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/wenda.html" >Fragen und Antworten</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/course.html" >Kurs</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/faq/zt" >Thema</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/xiazai" >Herunterladen</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/game" >Spiel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/dic.html" >Wörterbuch</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:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" 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>