app.blade.php laravel5.4 中的未定义变量（未定义变量handles）

25-04-30 1

对于想了解app.blade.phplaravel5.4中的未定义变量的读者，本文将是一篇不可错过的文章，我们将详细介绍未定义变量handles，并且为您提供关于5.Balde模版的布局文件layou

对于想了解app.blade.php laravel5.4 中的未定义变量的读者，本文将是一篇不可错过的文章，我们将详细介绍未定义变量handles，并且为您提供关于5. Balde模版的布局文件 layout.blade.php - 从零开始学Laravel、ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j、angular – ng new hello错误：路径“/app/app.module.ts”不存在.路径“/app/app.module.ts”不存在、FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 调用 Firebase App.initializeApp() (app/no-app)的有价值信息。

本文目录一览：

app.blade.php laravel5.4 中的未定义变量（未定义变量handles）
5. Balde模版的布局文件 layout.blade.php - 从零开始学Laravel
ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j
angular – ng new hello错误：路径“/app/app.module.ts”不存在.路径“/app/app.module.ts”不存在
FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 调用 Firebase App.initializeApp() (app/no-app)

app.blade.php laravel5.4 中的未定义变量（未定义变量handles）

如何解决app.blade.php laravel5.4 中的未定义变量

我想在导航栏菜单（应用程序视图）中列出数据库中的课程名称：

    @foreach ($cours as $cour)
                <li><a>{{ $cour->nom }}</a></li>
                @endforeach

我创建了我的布局控制器来显示视图：

    class layoutController extends Controller
{
    public function showView()
    {
        $cours = DB::table(''cours'')->select(''id'',''nom'')->get();
        return view(''app'',[''cours'' => $cours]);
    }
    
   
}

然后我为它做了一个路线：

    Route::get(''#'',''layoutController@showView'');

问题是，例如，当我导航到登录视图时，它显示一个错误，即在我的应用程序布局视图中未定义变量 cours：

Undefined variable: cours (View: C:\\wamp64\\www\\opencourses\\resources\\views\\layouts\\app.blade.PHP) (View: C:\\wamp64\\www\\opencourses\\resources\\views\\layouts\\app.blade.PHP)

这是我的登录视图：




@extends(''layouts.app'')
@section(''content'')


<div>
    <div>
        <div>
            <div>
                <div>Connexion</div>
             
                <div>
                    <formmethod="POST">
                    
                    
                        {{ csrf_field() }}
                        <div>
                            <label for="email">Adresse Email</label>
                            <div>
                              <input type="text"id="email" name="email">
                            </div>
                        </div>
                        <div>
                            <label for="password">Mot de passe</label>
                            <div>
                              <input type="password"id="password" name="password">
                            </div>
                        </div>
                        
                        <div>
                            <div>
                              <button type="submit">Envoyer</button>
                            </div>
                        </div>
                    

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

这是我的应用视图：

<!doctype html>
<html lang="fr">
  <head>
    <Meta charset="utf-8">
    <Meta name="viewport" content="width=device-width,initial-scale=1">
    <Meta name="description" content="">
    
    <title>Mon blog</title>
    <link rel="icon" href="https://www.jsdelivr.com/img/icon_256x256.png">

    

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css">
    
    <!-- other CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.3.1/css/flag-icon.min.css" rel="stylesheet"/>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    
    <!-- Bootstrap javascript -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"></script>
  </head>
  
  <body>
    <nav/tag/ott/" target="_blank">ottom shadow-sm">
      <div>
        <ahref="welcome.html">
            <img src="https://www.jsdelivr.com/img/icon_256x256.png" width="30" height="30"alt=""> Mon blog
        </a>
        <buttontype="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span></span>
        </button>
        <divid="navbarSupportedContent">
          <ul>
            <li>
              <aaria-current="page" href="<?PHP echo url('''')?>">Accueil</a>
            </li>
            <li>
              <ahref="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Articles
              </a>
              <ularia-labelledby="navbarDropdown">
                @foreach ($cours as $cour)
                <li><a>{{ $cour->nom }}</a></li>
                @endforeach
              </ul>
            </li>
            <!-- si utilisateur non authentifié -->
            @guest
            <li>
                <ahref="<?PHP echo url(''login'')?>">Connexion</a>
            </li>
            <li>
                <ahref="<?PHP echo url(''register'')?>">S''inscrire</a>
            </li>
            @else
            <!-- si utilisateur authentifié -->
            <li>
                <ahref="home">Mon compte</a>
            </li>
            <li>
                <ahref="{{ route(''logout'') }}"  onclick="event.preventDefault();
                document.getElementById(''logout-form'').submit();">Déconnexion</a>
            </li>
            @endguest
          </ul>
          <form id="logout-form" action="{{ route(''logout'') }}" method="POST"/tag/dis/" target="_blank">display: none;">
            {{ csrf_field() }}
        </form>
        </div>
      </div>
    </nav>

    @yield(''content'')

    <footer>
        <div>
          <div>
            <imgsrc="https://www.jsdelivr.com/img/icon_256x256.png" alt="" width="24" height="24">
            <small>&copy; 2017–2021</small>
          </div>
          <div>
            <h5>Features</h5>
            <ul>
              <li><ahref="#">Team feature</a></li>
              <li><ahref="#">Stuff for developers</a></li>
              <li><ahref="#">Another one</a></li>
              <li><ahref="#">Last time</a></li>
            </ul>
          </div>
          <div>
            <h5>Resources</h5>
            <ul>
              <li><ahref="#">Resource name</a></li>
              <li><ahref="#">Another resource</a></li>
            </ul>
          </div>
          <div>
            <h5>About</h5>
            <ul>
              <li><ahref="#">Privacy</a></li>
              <li><ahref="#">Terms</a></li>
            </ul>
          </div>
        </div>
    </footer>


    
  </body>
</html>

5. Balde模版的布局文件 layout.blade.php - 从零开始学Laravel

从零开始学laravel教程目录

我们在开发项目的时候，视图的布局往往都是拥有一个统一的模版的，我们不可能在每张页面都去写上相同布局的代码，我们可以建立一个layout.blade.php的视图文件，将基础布局写在这里，然后让别的视图文件都来继承它。

现在打开项目，先查看下route.php和PagesController.php文件中的内容：

route.php中如下：

<?php

Route::get(''/'', ''PagesController@home'');
Route::get(''about'', ''PagesController@about'');

将PagesController.php中修改如下：

<?php

namespace App\Http\Controllers;

class PagesController extends Controller
{
    public function home()
    {
        $users = [''Zhoujiping'', ''Kuker Chou''];

        return view(''welcome'', compact(''users''));
    }

    public function about()
    {
        return view(''about'');
    }
}

在resources/views/下建立layout.blade.php的文件,输入以下内容：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>布局文件</title>
</head>
<body>

    @yield(''content'')

</body>
</html>

然后将welcome.blade.php代码改成如下：

@extends(''layout'')

@section(''content'')
    <h1>这里是welcome.balde.php的页面</h1>
@stop

我们让所有的视图通过@extends(''布局文件的名称'')去继承布局文件，通过@section()去覆写@yield就可以了，看下效果

ok，这节就这样.

ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j

ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j

如何解决ActionController :: RoutingError没有路由与[GET]“ / vendor / assets / stylesheets / bootstrap.min.css”匹配 app / assets / stylesheets / application.css： app / assets / javascript / application.js： app / views / layout / application.html.erb： app / j

我正在Rails上执行此应用程序，页面加载正常，但在控制台中显示：

Started GET "/vendor/assets/stylesheets/bootstrap.min.css" for ::1 at 2020-08-17 09:09:51 -0500

Started GET "/vendor/assets/javascripts/bootstrap.min.js" for ::1 at 2020-08-17 09:09:51 -0500
ActionController::RoutingError (No route matches [GET] 
"/vendor/assets/stylesheets/bootstrap.min.css"):
ActionController::RoutingError (No route matches [GET] 
"/vendor/assets/javascripts/bootstrap.min.js"):

在我的供应商文件夹中，我同时拥有文件夹，javascript和样式表，并分别位于各自的bootsrtrap.min中。即使在application.html.erb中，我也有以下内容：

  <link href="vendor/assets/stylesheets/bootstrap.min.css" rel="stylesheet">
  <%= csrf_Meta_tags %>
  <%= stylesheet_link_tag    ''application'',media: ''all'',''data-turbolinks-track'': ''reload'' %>
  <%= javascript_include_tag ''application'',''data-turbolinks-track'': ''reload'' %>

</head>
<body>

  <!-- Navigation -->
  <nav>
    <div>
      <ahref="#">Instagram Clone</a>
      <buttontype="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span></span>
      </button>
      <divid="navbarResponsive">
        <ul>
          <li>
            <ahref="#">Home
              <span>(current)</span>
            </a>
          </li>
          <li>
            <ahref="#">About</a>
          </li>
          <li>
            <ahref="#">Services</a>
          </li>
          <li>
            <ahref="#">Contact</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Page Content -->
  <div>
    <div>
      <div>
        <%= yield %>
      </div>
    </div>
  </div>

  <!-- Bootstrap core JavaScript -->
  <!--<script src="vendor/jquery/jquery.slim.min.js"></script>-->
  <script src="vendor/assets/javascripts/bootstrap.min.js"></script>
    
</body>
</html>

在js和CSS这两个应用程序文件中，我都放置了“ require bootsrtrap.min”，即使该错误仍然出现在控制台中。会是什么？

解决方法

RoR不使用目录作为文件夹结构指示。因为有资产装载者。您应该将5s或更少的css导入application.css中，并将js导入application.js中。并使用自己的助手添加捆绑文件：

1。用纱安装靴子

yarn add bootstrap @popperjs/core jquery

或

npm i bootstrap @popperjs/core jquery

栏位不超过5

2。在Assets Pipeline中导入文件

app / assets / stylesheets / application.css：

//...
require bootstrap/dist/css/bootstrap.min
//...

但是，如果需要，我建议使用SCSS并仅导入所需的样式。

app / assets / javascript / application.js：

//...
//= require jquery
//= require @popperjs/core
//= require bootstrap/dist/js/bootstrap.min
//...

3。在布局中导入资产

app / views / layout / application.html.erb：

<head>
...
  <%= stylesheet_link_tag ''application'',media: ''all'' %>
</head>
<body>
...
  <%= javascript_include_tag ''application'' %>
</body>

使用webpack滚动6

2。在application.scss和application.js中导入Bootstrap

app / javascript / stylesheets / application.scss：

//...
import ''bootstrap''
//...

app / javascript / packs / application.js：

import ''jquery''
import ''popper.js''
import ''bootstrap''
import ''../stylesheets/application''

3。在布局中导入捆绑包

<head>
...
  <%= stylesheet_pack_tag ''application'',media: ''all'',''data-turbolinks-track'': ''reload'' %>
  <%= javascript_pack_tag ''application'',''data-turbolinks-track'': ''reload'' %>
</head>

之后，您应该可以在所有应用程序中使用引导程序！

[解决方案]因此，在我的HTML（application.html.erb）内部，我有两个对js和css文件的调用：

<script src="assets/javascripts/bootstrap.min.js"></script>
  <%= javascript_include_tag ''application'',''data-turbolinks-track'': ''reload'' %>       
<link href="assets/stylesheets/bootstrap.min.css" rel="stylesheet">
  <%= csrf_meta_tags %>
  <%= stylesheet_link_tag    ''application'',''data-turbolinks-track'': 
  ''reload'' %>