简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
집
기사
Q&A
강의
주제
다운로드
게임
사전
최근 업데이트

집  >  기사  >  PHP 프레임워크  >  laravel에 페이지 포함을 구현하는 방법

laravel에 페이지 포함을 구현하는 방법

PHPz
PHPz원래의
2023-04-23 09:16:19588검색

Laravel은 오픈 소스 PHP 웹 애플리케이션 프레임워크입니다. 간단하고 우아한 MVC 기반 웹 애플리케이션 프레임워크로, 웹 개발을 크게 단순화하여 개발자가 걱정할 필요 없이 비즈니스 로직 수준에 더 집중할 수 있게 해줍니다. 다른 기본 기술에 적용됩니다. 이 기사에서는 Laravel을 사용하여 페이지 포함을 구현하는 방법, 즉 페이지를 여러 개의 작은 블록으로 나누고 이러한 작은 블록을 여러 페이지에서 동시에 공유하여 코드의 재사용성과 유용성을 크게 향상시키는 방법을 소개합니다. 유지 관리성.

페이지 포함이 필요한 이유는 무엇인가요?

웹 애플리케이션의 지속적인 개발로 인해 웹 페이지는 점점 더 복잡해지고 있으며 페이지의 각 모듈도 더욱 복잡해지고 있습니다. 따라서 때로는 페이지를 여러 개의 작은 블록으로 나누고 이러한 작은 블록을 여러 페이지에서 동시에 공유하여 코드의 재사용성과 유지 관리성을 향상시켜야 하는 경우도 있습니다. 직면한 문제와 해결 방법이 포함된 페이지입니다.

Laravel을 사용하여 페이지 포함을 구현하는 단계

Laravel 프레임워크는 매우 유연한 보기 시스템을 제공하므로 페이지 포함을 매우 편리하게 구현할 수 있습니다. 페이지 포함을 구현하는 단계는 다음과 같습니다.

  1. 공개 보기 파일 만들기

먼저 Laravel 프로젝트에서 공개 보기 파일을 만듭니다. 이 공개 보기 파일에는 여러 페이지에서 공유되는 여러 개의 작은 블록이 포함되어 있습니다. 이 공개 보기 파일은 리소스/보기/레이아웃에 저장할 수 있습니다.

  1. 이러한 작은 블록을 사용해야 하는 뷰 파일에 포함하세요

공개 뷰 파일에 포함된 작은 블록을 사용해야 하는 뷰 파일에서 다음 코드를 사용하세요.

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

그 중 @extends 지시문은 이 뷰 파일을 나타냅니다. 레이아웃/마스터 뷰 파일을 상속받으면 @section 지시문은 현재 페이지의 콘텐츠가 포함될 콘텐츠 영역을 정의하는 데 사용됩니다.

  1. 공개 보기 파일에서 작은 블록 정의

공개 보기 파일에서 다음 코드를 사용하여 포함해야 하는 작은 블록을 정의합니다.

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

위치:

  • @yield('title') 이름이 정의되어 있음을 의미합니다. 이는 공개 보기 파일의 태그를 대체하는 데 사용되는 작은 제목 블록입니다. </li> <li>@yield('content')는 공개 보기 파일의 페이지 콘텐츠 부분을 대체하는 데 사용되는 content라는 작은 블록이 정의됨을 의미합니다. </li> <li>@include('layouts.partials.header') 는 header라는 이름의 부분 보기 파일이 포함되어 있음을 의미합니다. </li> <li>@include('layouts.partials.footer') 는 footer라는 이름의 부분 보기 파일이 포함되어 있음을 의미합니다. </li> </ul> <p>이로써 공개 보기 파일에서 타일을 정의하는 단계가 완료되었습니다. </p> <ol start="4"><li>부분 보기 파일에서 작은 블록의 내용을 정의합니다</li></ol> <p>마지막으로 부분 보기 파일(예: header.blade.php 및 footer.blade.php)에서 작은 블록의 내용을 정의합니다. 예를 들어 header.blade.php에서 작은 블록의 내용을 다음과 같이 정의할 수 있습니다: </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>이 작은 블록은 탐색 모음을 정의하고 Laravel의 URL 도우미 기능을 사용하여 링크를 생성합니다. </p> <p>이러한 단계를 통해 Laravel을 사용하여 페이지 포함을 구현하는 프로세스가 완료되었습니다. </p> <p>요약</p> <p>페이지 포함은 매우 중요한 웹 개발 기술입니다. Laravel 프레임워크에서는 페이지 포함을 매우 편리하게 구현할 수 있으므로 코드의 재사용성과 유지 관리성이 크게 향상됩니다. 이 기사는 Laravel을 사용하여 페이지 포함을 구현하는 방법을 소개합니다. 모든 사람에게 도움이 되기를 바랍니다. 라라벨이나 웹 개발에 관해 궁금한 점이나 아이디어가 있으시면 댓글란에 메시지를 남겨주시고 함께 토론해 보시기 바랍니다. </p><p>위 내용은 laravel에 페이지 포함을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</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>성명：</span><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="nphpSytBox"><span>이전 기사：<a class="dBlack" title="laravel에서 mysql을 닫는 방법" href="http://m.php.cn/ko/faq/524669.html">laravel에서 mysql을 닫는 방법</a></span><span>다음 기사：<a class="dBlack" title="laravel에서 mysql을 닫는 방법" href="http://m.php.cn/ko/faq/524673.html">laravel에서 mysql을 닫는 방법</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>관련 기사</h2><em><a href="http://m.php.cn/ko/article.html" class="bBlack"><i>더보기</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ko/faq/407215.html" title="Laravel 환경 설정: Alibaba Cloud 또는 Tencent Cloud에 Laravel을 배포하는 방법에 대한 단계" class="aBlack">Laravel 환경 설정: Alibaba Cloud 또는 Tencent Cloud에 Laravel을 배포하는 방법에 대한 단계</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/407217.html" title="램프 환경 구성: CentOS 6.3의 Alibaba Cloud 서버에서 LAMP 환경 구성" class="aBlack">램프 환경 구성: CentOS 6.3의 Alibaba Cloud 서버에서 LAMP 환경 구성</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/407219.html" title="Ubuntu에서 Apache+PHP+MySQL+phpMyAdmin의 빠른 설치 단계" class="aBlack">Ubuntu에서 Apache+PHP+MySQL+phpMyAdmin의 빠른 설치 단계</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/407220.html" title="Ubuntu에서 Nginx + PHP + MySQL의 빠른 설치 단계" class="aBlack">Ubuntu에서 Nginx + PHP + MySQL의 빠른 설치 단계</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/407260.html" title="Laravel 프레임워크의 파이프라인 디자인 패턴에서 미들웨어의 기본 작동 원리" class="aBlack">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/ko/"><b class="icon1"></b><p>집</p></a></li><li><a href="http://m.php.cn/ko/course.html"><b class="icon2"></b><p>강의</p></a></li><li><a href="http://m.php.cn/ko/wenda.html"><b class="icon4"></b><p>Q&A</p></a></li><li><a href="http://m.php.cn/ko/login"><b class="icon5"></b><p>나의</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/ko/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ko/"><b class="icon1"></b><span>집</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/course.html"><b class="icon2"></b><span>강의</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/article.html"><b class="icon3"></b><span>기사</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/wenda.html"><b class="icon4"></b><span>Q&A</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/dic.html"><b class="icon6"></b><span>사전</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/course/type/99.html"><b class="icon7"></b><span>수동</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/xiazai/"><b class="icon8"></b><span>다운로드</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/faq/zt" title="주제"><b class="icon12"></b><span>주제</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/ko/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ko/" >집</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/article.html" class="hover">기사</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/course.html" >강의</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/faq/zt" >주제</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/xiazai" >다운로드</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/game" >게임</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/dic.html" >사전</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:;" class="language course-right-orders chooselan chooselanguage" 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: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>