天天看點

愛上MVC3~布局頁的繼承與擴充

在MVC3中引入了Razor引擎,這對于代碼的表現力上是個突破,同時主機闆頁也變成了_Layout,是以,我們就習慣上稱它為布局頁面,在razor裡,布局頁面是可以繼承的,即,一個上下公用的布局頁面(不用登陸的,産品展示頁等),可以被上下左右公用的布局頁面(需要登陸後看到的,如使用者中心)繼承。當然繼承之後,父布局頁裡的一切,在子布局頁裡都是可見的,這對于使用面向對象的開發者來說,非常容易接受。

我們來看一下圖示:

這是主布局頁:

愛上MVC3~布局頁的繼承與擴充

這是子布局頁,它繼承了主布局頁面的内容:

愛上MVC3~布局頁的繼承與擴充

總結:布局頁可以通過layout去繼承另一個布局頁的内容。

下面再來看一下布局頁的擴充,事實上是對布局頁上元素的擴充,我們以section元素為例,來說明一下。

主布局代碼:

子布局,使用者中心代碼:

而真正的頁面,也可以有自己的邏輯,去實作Meta和Head塊,Meta塊用來放置SEO資訊,而Head塊來放置CSS和JS代碼。

總結:布局頁的一切元素還可以進行擴充,即在主布局頁定義了元素,在子布局頁還可以重新定義它,而在真的頁面,看到的就是兩個布局頁的内容,這就是布局頁的擴充。

繼續閱讀