2017-05-25 98 views
2

我在Laravel有兩個主要的看法。Laravel 5.4 - @extends不工作

都稱之爲如下,在web.php:

Route::get('/characters', '[email protected]'); 
Route::get('/characters/{char_id}', '[email protected]'); 

這裏是他們在CharacterController功能:

/字符:

public function index() 
{ 



$characters = Character::userChars(); 

return view('pages.characters', compact('characters')); 


} 

字符/ {} char_id:

public function viewCharacter ($char_id) 

{ 

    $character = \DB::table('characters')->where('char_id', $char_id)->first(); 

    return view('pages.view-character', compact('character')); 


} 

/字符工作正常。 它採用

@extends('layouts.master') 

@section('content') 

@endsection 

所有內容加載罰款和CSS顯示。

但是,字符/ {char_id}拒絕正常工作。

它顯示來自@extends的內容,但根本不會呈現CSS。

這是字符/ {} char_id刀片模板:

@extends('layouts.master') 

@section('content') 

<div id="page-wrapper"> 

      <div class="container-fluid"> 

       <!-- Page Heading --> 
       <div class="row"> 
        <div class="col-lg-12"> 
         <h1 class="page-header"> 
          Template <small>Template Page</small> 
         </h1> 
         <ol class="breadcrumb"> 
          <li class="active"> 
           <i class="fa fa-dashboard"></i> Template 1 

          </li> 
         </ol> 
        </div> 
       </div> 








      </div> 
</div> 

@endsection 

它等同於/字符使用,除非有什麼在內容部分的視圖。

這裏是 「master.blade.php」: https://pastebin.com/kjnxc0ms

謝謝!

+1

'dd()'停止任何進一步的執行。這是_die_的一部分。佈局不呈現,因爲你還沒有允許它渲染。 'dd()'**真的**你想在這裏?你想通過它完成什麼? – Kaspars

+0

@ Kaspars它不是。我只用它來測試變量是否正確傳入。 我已經刪除了,我現在得到了「@extends」內容,但由於某種原因它沒有渲染任何CSS。我會編輯我的問題來反映這一點。 –

+0

發佈您的'layouts.master'文件。 – Kaspars

回答

1

在你master.blade.php佈局,資產從相對URL

因此,舉例來說,如果你的資產從assets/css/bootstrap.min.css加載和您目前的網址是example.com/character那麼你的資產將example.com/assets/css/bootstrap.min.css加載加載。這似乎很好迄今

但是,如果您的網址是example.com/characters/potato那麼資產將從example.com/characters/assets/css/bootstrap.min.css加載。這可以從瀏覽器控制檯輕鬆識別,因爲它在加載資源時將顯示404錯誤。 (在Chrome F12)

兩個解決辦法:用像這樣/assets/css/bootstrap.min.css斜槓

  • 前綴您的資產路徑。
  • laravel特定的解決方案是使用資產幫手功能{{ asset('assets/css/bootstrap.min.css') }}
+0

現在我所有漂亮的CSS都回來了。非常感謝Kaspars! –

0

首先發布你的佈局代碼。

第二次確保你打電話給你的CSS使用幫手asset例如。

{{ URL::asset('css/style.css'); }} 
+0

當然,我已經將佈局代碼添加到了末尾的粘貼框中。我會嘗試以這種方式調用CSS。 –