[Day 6] 優化網頁外觀!淺聊blade 樣板 | 我要找工作
![[Day 6] 優化網頁外觀!淺聊blade 樣板](https://i.imgur.com/sLIY79K.jpg)
首先,我們建立resources/views/layouts資料夾。這個資料夾之後可以用來裝不同的模板.完成後,我們建立resources/views/layouts/app.blade.php檔案:
![[Day 6] 優化網頁外觀!淺聊blade 樣板](https://i.imgur.com/sLIY79K.jpg)
寫好自動測試之後,我們回過頭來看看之前的網頁。
嗯⋯⋯
Laravel 雖然能直接編寫網頁 HTML 也還不錯,但是作為一個框架,難道沒有針對前端的一些協助,讓編寫網頁外觀更簡單的一些方式嗎?
當然有!這就是 Laravel 的 blade engine!讓我們一起來學學怎麼使用吧!
Blade Engine如 Lucas 邦友 在 Day 4 的留言內提到的[1],Blade 是 Laravel 使用的模板引擎,可以使用更簡潔的方式來產生前端的外觀。
Layout設計網頁時,通常我們會使用某些外觀樣板,保證網頁大致的外觀相同。然後在特定頁面內,我們再填入每個頁面各自的內容。
利用 Laravel 的 Blade Engine,我們可以很容易達成這件事情
首先,我們建立 resources/views/layouts 資料夾。這個資料夾之後可以用來裝不同的模板
完成後,我們建立 resources/views/layouts/app.blade.php 檔案:
<html> <head> <title>Title</title> </head> <body> <div class="sidebar" style="width: 15%; float: left; background-color:#aaa;"> 側邊欄 </div> <div class="container"> @yield(content) </div> </body> </html&...PHP | 我要找工作
PHP网页模板下载 | 我要找工作
網頁設計06 | 我要找工作
Top 2000件php網頁模板 | 我要找工作
Top 6000件網頁模板php | 我要找工作
php網站模板 | 我要找工作
php網頁模板2022年12月 | 我要找工作
Top 6000件php模板 | 我要找工作
[Day 6] 優化網頁外觀!淺聊blade 樣板 | 我要找工作
24個頂級PHP樣板引擎@ 網頁程式 | 我要找工作
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 嵐奕科技有限公司全職PHP/Laravel 工程師(此為現場徵才活動職缺)
嵐奕科技有限公司開出PHP/Laravel工程師(此為現場徵才活動職缺)職缺5 名,主要工作內容有:負責前端程式套版與後台系統設計...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 和康顧問有限公司全職PHP程式設計師
和康顧問有限公司開出PHP程式設計師職缺2 名,主要工作內容有:請詳閱以下招募訊息後投遞履歷:https://www.104.com.tw/job/...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 夠麻吉股份有限公司全職PHP工程師
夠麻吉股份有限公司開出PHP工程師職缺2 名,主要工作內容有:Enjoyworkingwithinateam,sharingideas,andbuildingthebestse...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 寶誠有限公司全職PHP工程師(2/18中博)
寶誠有限公司開出PHP工程師(2/18中博)職缺5 名,主要工作內容有:1.二年以上WEB系統設計開發經驗;有系統相關工作經驗者優先...