Question

我正在使用laravel 4进行项目。有什么办法可以指定我想为某个视图加载的js文件。现在我把所有文件都集中在一个文件中。

当我使用codeigniter时，为了加载特定的js文件，我使用一个库来生成脚本标记并在页脚处回显它们。如下所示

$this->data['js'] = $this->js_lib->generate('jquery');

然后在我看来

<?= $js ?>

知道如何在laravel中做到这一点吗？

Answer 1

主要布局

main.blade.php

@include('includes.header')

<body>
    <!-- main content -->
    <div id="main_wrapper">
        <div class="page_content">
             @yield('content')
        </div>      
    </div>

@include('includes.footer')

</body>

header.blade.php

<head>
<meta charset="UTF-8">
<title>My Page</title>
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

<!-- common styles -->
<link rel="stylesheet" href="{{ asset('assets/bootstrap.css') }}">      
<!-- page specific styles -->
    @yield('pagespecificstyles')
</head>

footer.blade.php

<footer>
<!-- common scripts -->
<script src="{{ asset('assets/js/jquery.min.js') }}"></script>

<!-- page specific scripts -->
@yield('pagespecificscripts')

mypage.blade.php

@extends('layouts.main')

@section('pagespecificstyles')

    <!-- flot charts css-->
    <link rel="stylesheet" href="{{ asset('assets/lib/owl-carousel/flot.css') }}">

@stop

@section('content')
<div class="container">
        Hello welcome to my page.
</div>
@endsection

@section('pagespecificscripts')
    <!-- flot charts scripts-->
    <script src="{{ asset('/assets/lib/flot/jquery.flot.min.js') }}"></script>
@stop

Answer 2

我知道不久前问过，但为了其他可能在这里跌倒的人的利益！您的布局中还有一个选项可用于定义其他部分，例如

@yield('css') <!-- In the head -->

@yield('js') <!-- Before the </body> tag -->

然后在你的观点中

@extends('some.layout')

@section('css')
    @include('js/dependencies/some/js/dependency/css.css')
@append

<!-- So in case these dependencies are used elsewhere you're not repeating your script or link tags over and over -->

@section('js')
    @include('js/dependencies/some/js/dependency/js.js') 
    @include('js/dependencies/some/js/dependency/js2.js')
@append

@section('content')

    Your actual content

@endsection

Answer 3

堆栈

Blade允许您推送到可以在另一个视图或布局中其他位置呈现的命名堆栈。这对于指定子视图所需的任何JavaScript库特别有用：

@push('scripts')
    <script src="/example.js"></script>
@endpush

您可以根据需要多次推入堆栈。要呈现完整的堆栈内容，请将堆栈名称传递给@stack指令：

<head>
    <!-- Head Contents -->

    @stack('scripts')
</head>

https://laravel.com/docs/5.7/blade#stacks

Answer 4

只需要一个'partials'视图文件夹 - 并在每个视图中包含您想要的任何脚本。

所以在你看来;

<body>
    // Your main content here
    // Other JS files you want in all views

    @include('partials.analytics.blade.php')

    @include('partials.googlemaps')

    @include('partials.some_other_js_file')

</body>

然后有/views/partials/analytics.blade.php

<script>
  // Your JS analytics script here
</script>

并重复每个'脚本'

Answer 5

您可以在app.blade文件中添加以下代码

@stack('scripts')

然后您可以在页面上使用jQuery

@push('scripts')
<script type="text/javascript">
 ///Js code
</script>
@endpush

在laravel中为某些页面加载特定的js

5 个答案: