簡體   English   中英

在Laravel 4 / Blade中將布局分為局部

[英]Breaking layouts into partials in Laravel 4 / Blade

無法將我的觀點分解成一些不太多余的東西。 現在,這是典型布局的外觀:

master.blade.php:

<!DOCTYPE html>
<html>
<head>
<title>
@section('title')
@show
</title>  
<script type="text/javascript" src="{{ asset('bower/jquery/dist/jquery.min.js') }}"></script>
<link href="{{ asset('bower/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">
<script type="text/javascript" src="{{ asset('bower/bootstrap/dist/js/bootstrap.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bower/ckeditor/ckeditor.js') }}"></script>
<link href="{{ asset('css/default.css') }}" rel="stylesheet"> 
</head>
<body>
<div class="container">
    <div class="row center-block text-center indexWrapper">
        <div class="indexNav">
            <ul class="text-right">
                <li><a href="{{URL::to('people')}}">People</a></li>
                <li><a href="{{URL::to('bulletin')}}">Bulletin</a></li>
                <li><a href="{{URL::to('current')}}">Current</a></li>
                <li><a href="{{URL::to('finished')}}">Finished</a></li>
            </ul>
        </div>
        <div class="indexHeading">
            <h1 class="indexH1">
                @section('navTitle')
                @show
            </h1>
        </div>
        <div class="clearfix"></div>
    </div>
    @yield('content')
    <div class="center-block login">
        @yield('login')
    </div>
</div>
    <div class="row center-block footer">
    <hr>
        <ul>
        <small>
            <li><span style="color:red">DEVELOPMENT MODE</span></li>
            <li>Mumble &copy; 2014</li>
            <li><a href="">Follow project on GitHub</a></li>
        </small>
        </ul>
    </div>
    @section('scripts')
    @show
</body>
</html>

然后,將其擴展為各個頁面視圖。 我想將主布局的頁眉和頁腳分開

在刀片中進行有效模板制作的最佳方法是什么?

基本功能使用的是include,它將抓取要包含的文件,而不是將內容替換為include標記。

master.blade.php (放在“ views /”文件夾下)

<!DOCTYPE html>
<html>
    <head>
        <title>
            @section('title')
            @show
        </title>  
        @include('layout.header')
    </head>
    <body>
        <div class="container">
            <div class="row center-block text-center indexWrapper">
                <div class="indexNav">
                    <ul class="text-right">
                        <li><a href="{{URL::to('people')}}">People</a></li>
                        <li><a href="{{URL::to('bulletin')}}">Bulletin</a></li>
                        <li><a href="{{URL::to('current')}}">Current</a></li>
                        <li><a href="{{URL::to('finished')}}">Finished</a></li>
                    </ul>
                </div>
                <div class="indexHeading">
                    <h1 class="indexH1">
                        @section('navTitle')
                        @show
                    </h1>
                </div>
                <div class="clearfix"></div>
            </div>
            @yield('content')
            <div class="center-block login">
                @yield('login')
            </div>
        </div>
        <div class="row center-block footer">
        <hr>
            <ul>
            <small>
                <li><span style="color:red">DEVELOPMENT MODE</span></li>
                <li>Mumble &copy; 2014</li>
                <li><a href="">Follow project on GitHub</a></li>
            </small>
            </ul>
        </div>
        @section('scripts')
        @show
    </body>
</html>

header.blade.php (放在“ views / layout /”文件夾下)

<head>
    <title>
        @section('title')
        @show
    </title>  
    <script type="text/javascript" src="{{ asset('bower/jquery/dist/jquery.min.js') }}"></script>
    <link href="{{ asset('bower/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">
    <script type="text/javascript" src="{{ asset('bower/bootstrap/dist/js/bootstrap.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bower/ckeditor/ckeditor.js') }}"></script>
    <link href="{{ asset('css/default.css') }}" rel="stylesheet"> 
</head>

footer.blade.php遵循與頁腳標頭相同的原理。

希望這對您有所幫助!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM