web-dev-qa-db-ja.com

Laravel 5-特定のページ/コントローラー（ページ固有のアセット）にある場合にのみスタイルシートを追加します

私のLaravelレイアウトは現在次のとおりです（ナビゲーションバーなどを削除しました）：

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

次に、レイアウトにビューを添付します。

@extends('app')

@section('content')

Content here.

@endsection

たとえば、私がclinicController.phpにいる場合、または診療所のルート（リソース）内にいる場合、スタイルシートとJavascriptファイルを適切な場所に「挿入」することについて混乱しています。

これを行う方法はありますか？ @if on a certain page, display thisが機能すると思いますが、もっと「Laravel」の方法が必要だと思いますか？

どんな助けでも大歓迎です。

laravellaravel-4laravel-5blade
12
user860511

sectionに次のようなviewを作成できます。例：

@extends('layouts.master')

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

次に、layout、@yieldそれ、例えば：

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

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

たとえば、scriptタグについても同じことが言えます（layoutは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：Laravel 5.2なので、styles/scripts、例：

ビューで：

@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

テンプレート：

<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>
33
The Alpha

あなたが私のようで、複数のビューファイルにスクリプトを散らかすというアイデアが気に入らない場合は、次のいずれかを使用して、テンプレートで保守可能な方法でスクリプトを実行できます。

名前付きルートを使用する場合

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

[〜＃〜]または[〜＃〜]（上記と同じ）

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

代わりにコントローラーアクションをチェックするには

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

コントローラーとアクションを指定するには

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