Разбивка макетов на части в 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>

И затем, расширяя это, это просмотры отдельных страниц. Я хотел бы разделить верхний и нижний колонтитулы основного макета, хотя

Каков наилучший способ эффективного создания шаблонов в лезвии?


php laravel-4 blade
person aceslowman    schedule 20.08.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Базовая функциональность использует включение, это захватит файл для включения и поместит его содержимое вместо тега включения.

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 Следуйте тому же принципу, что и заголовок для нижнего колонтитула.

Надеюсь, это помогло!

person Thomas De Marez    schedule 26.08.2014
comment
Идеально. Вы бы сказали, что это оказывает значительное влияние на скорость загрузки (отрицательное или положительное)? - person aceslowman; 28.08.2014
comment
Я действительно не проверял это, но, вероятно, будет. Поскольку вам нужно получить два или три нескольких файла для создания одной страницы. Вы можете проверить это с помощью сетевого инструмента в chome или firefox и проверить задержку между запросом и загрузкой страницы. - person Thomas De Marez; 30.08.2014