Laravel 5 - Fügen Sie eine stylesheet nur, wenn auf einer bestimmten Seite/ - controller (Seite bestimmte asset -)

Meinem Laravel layout ist derzeit wie folgt (entfernt navbar etc..):

<link href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.4/flatly/bootstrap.min.css" 
     rel="stylesheet">
<link href="{{ asset('/css/app.css') }}" rel="stylesheet">

<!-- Fonts -->
<link href='//fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' 
    type='text/css'>

<!-- Scripts -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file://-->
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>

    <div class="container">

        @yield('content')

    </div>

    <!-- Scripts -->
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="{{ asset('assets/vendor/toastr/toastr.min.js') }}"></script>
</body>
</html>

Dann lege ich einen Blick auf das layout:

@extends('app')

@section('content')

Content here.

@endsection

Ich bin verwirrt, als, sagen wir zum Beispiel, wenn ich in der clinicController.php oder innerhalb einer Klinik-route (es ist eine Ressource), dann zu "injizieren", einem stylesheet und einer Javascript-Datei in die entsprechenden stellen.

Gibt es eine Möglichkeit, dies zu tun? Ich könnte mir vorstellen, dass @if on a certain page, display this funktionieren würde, aber ich bin sicher, es muss eine mehr "Laravel" Weg, es zu tun?

Jede Hilfe wäre enorm geschätzt.

InformationsquelleAutor | 2015-06-08

Können Sie einen section wie den folgenden in Ihre view zum Beispiel:

@extends('layouts.master')

@section('styles')
    <link href="{{asset('assets/css/custom-style.css')}}" />
@stop

Dann auch in Ihrem layout, @yield, zum Beispiel:

<!--Static StyleSheets-->
<link href="{{asset('assets/css/common-style.css')}}" rel="stylesheet" />

<!--Dynamic StyleSheets added from a view would be pasted here-->
@yield('styles')

Gleiche gilt für script - tags, zum Beispiel (A layout Aussehen kann, wie dies mit styles /scripts):

<html>
    <head>
        <!--Static StyleSheets-->
        <link href="{{asset('assets/css/common-style.css')}}" />

        <!--Dynamic StyleSheets added from a view would be pasted here-->
        @yield('styles')
    </head/>

    <!-- Template Body -->
    <body>
        <!-- Other HTML Elements -->
        <div class="container">
            @yield('content')
        </div>

        <!-- Dump all dynamic scripts into template -->
        @yield('scripts')
    </body>
</html>

Update: Seit Laravel 5.2 es ist möglich, Stapeln für styles /scripts zum Beispiel:

In Einer Ansicht:

@extends('layouts.master')

@section('content')
    <!-- Content -->
@endsection

<!-- Push a style dynamically from a view -->
@push('styles')
    <link href="{{asset('assets/css/common-style.css')}}" />
@endpush

<!-- Push a script dynamically from a view -->
@push('scripts')
    <script src="/example.js"></script>
@endpush

Vorlage:

<html>
    <head>
        <!--Static StyleSheets-->
        <link href="{{asset('assets/css/common-style.css')}}" />

        <!--Dynamic StyleSheets added from a view would be pasted here-->
        @stack('styles')
    </head/>
    <!-- Template Body -->
    <body>

        <!-- Other HTML Elements -->
        <div class="container">
            @yield('content')
        </div>

        <!-- Dump all dynamic scripts into template -->
        @stack('scripts')

    </body>
</html>

Hervorragend, das funktioniert perfekt. Vielen Dank @Alpha!
Sie sind das meiste willkommen 🙂
Im, der zurzeit mit der exakt gleichen Schwierigkeiten, das zu verstehen. So genau ist der Einstiegspunkt für das Beispiel der Alpha hatte auf der Oberseite?
Würde Sie gehen, wie View::make(layout.master) und setzen Sie die js, css und content-Abschnitte gibt es?
Seine gut, diese Frage ist nicht 'geschützt', wie ich nur kann mir nicht helfen: "danke!",, "ich auch!" 😉 Schön, auf den Punkt Antwort.
Warum benutzen Sie die im letzten Beispiel stack? Wenn Sie nur verwenden Sie es, um ein einziges Skript oder css, dann könnten Sie einfach weiter yield, richtig?
Das ist, weil Laravel gab, die option später, aber früher nutzte ich nur den Ansatz, den Sie hier erwähnt werden 🙂
Ich sehe, dass Laraval gab, die option später, aber warum hast du Sie später wieder verwenden? Was ist der Vorteil der Verwendung von stack?
bleiben Sie mit der Konvention in das tool/die Gemeinschaft, so werden es einfacher für jedermann zu bleiben synchronisiert. Nur Aufenthalt auf der gleichen Seite.

InformationsquelleAutor The Alpha

Wenn Sie wie ich sind und nicht wie die Idee von littering die scripts in mehrere Dateien anzeigen, Sie können es tun, in einer nachhaltigen Weise in Ihrer Vorlage mit einer der folgenden:

Wenn Mit Benannten Routen

@if (in_array(Route::currentRouteName(), ['profile', 'register']))
    <script src="example.js"></script>
@endif

ODER (Gleiche wie oben)

@if (in_array(\Request::route()->getName(), ['profile', 'register']))
    <script src="example.js"></script>
    <script src="another.js"></script>
@endif

Zu Prüfen, Controller-Aktionen Statt

  @if (in_array(substr(Route::currentRouteAction(), strpos(Route::currentRouteAction(), '@')+1), ['create', 'edit']))
    <script src="example.js"></script>
  @endif

Angeben, einen Controller Und eine Action -

  @if (in_array(substr(Route::currentRouteAction(), strpos(Route::currentRouteAction(), 'Controllers')+12), ['UserController@create', 'AlbumController@edit']))
    <script src="example.js"></script>
  @endif

InformationsquelleAutor Stanley Umeanozie

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.