#什麼是blade

主要用來跑前端的模板引擎,在blade的檔案放上HTML CSS 及Javescript等等前端程式碼

而Css自訂樣式檔案,需建立在Public資料夾下而非resources資料夾下

根據官網說明,主要是利用blade拆分Templete Layout 最常使用為@section 和 @yield

#檔案命名

Blade檔案通常放在resources/views 下,並使用 .blade.php 作為文件的副檔名後輟名稱。

#練習製作blade並連結資料庫

1.首先先製作一個controller,當使用者執行哪個網址執行哪個函式

php artisan make:controller WebController

2.首先建立一個index函式放置產品資料,另建立一個form表單設置,而return時不是使用response,而是使用view,利用view資料夾的blade將結果傳給前端,並傳值過去讓web.index可以使用他

public function index()
    {
        $products = Product::all();
        return view('web.index' , ['products' => $products]);
    }

3.在view資料夾新增web資料夾並增加index.blade.php檔案

並先設計一些HTML

<div>
    <a href="/">商品列表</a>
    <a href="/contactUs">聯絡我們</a>
</div>

1629687223499.jpg

4.修改路由

Route::get('/', 'WebController@index');
Route::resource('products','ProductController');

1629687323476.jpg

5.更豐富一下我們的index.blade.php檔案,增加h2標籤,圖片,接著做一個表格結構