fbpx

今天要來開始製作我們的紫色積木,

而section就是我們紫色積木的外框,既然是外框所以樣子應該是一個盒子的概念,

所以我們在寫的時候應該要有底座跟蓋子,

@section就是我們的蓋子,

@endsection就是我們的底座,

上次我們畫的理想後台頁面總共需要5個積木,

如果你們畫的頁面更多,那就需要更多積木嘍。

Step1.

建立後台的home、work、about、edit、create

我們在views底下建立一個叫back的資料夾,在資料夾中建立5個黨,

並在建立work的資料夾,將home、work、edit、create,名字依大家的喜好取嘍~

Step2.

套用模組並檢查有幾個凹槽

我們在dashboard中會發現有兩個yeild,這表示說我們的凹槽有兩個。

之後在後台的home填上模組跟積木的外框,

這裡tile的section為什麼沒有endsection呢?

因為它的內容已經在蓋子裡面了,所以不需要再一個盒子裝。

而之後的四個也都一樣,只是title的名稱不一樣,

名稱我分別取為’WORK’、’ABOUT’、’EDIT’、’CREATE’。

Step3.

製作home頁面

我們將原本的home複製內容將它改成這個樣子,

但這些都還只是雛形,到時候應該是我們有作品上傳的時候才會有東西出現,

那這個部分要怎麼修改之後我們會提到。

而在這裡我們要讓這個頁面顯示出來,

我們把之前home的頁面換成我們現在的home。

我們到http的controller底下的HomeController,

在index的function中把’home’改成’back.work.home’,

這裡一樣因為我們的home是放在back資料夾的work資料夾下,

所以裡面要寫成back.work.home。

我們會看到頁面的title是我們剛剛@section(‘title’, ‘HOME’)中的字,

中間的content是剛剛section裡面寫的,其他的都是我們之前做的模板,

那其他檔案的content之後會在其他文章中一起實作。

以上做到這裡應該會覺得很困惑,

我們做了home但一點功能性都沒有,

那其他頁面要怎麼顯示阿~

這個部分要講到controller跟route,

之後會一一介紹並實作,

等到所有頁面跟功能都可以顯示之後我們就要來美化我們的網站嘍~

Leave a Reply