Blazor入手教程(八)佈局Layout

Blazor入手教程(八)佈局Layout

 

網站應用往往有許多公共的視圖部分,比如頂部導航nav,底部的footer,管理系統的左邊的menu菜單等等。Layout可以輕鬆實現以上的效果。

Blazor的佈局方式其實一直沿用了MvcLayout佈局方式。在往上追溯的話,一直到webform時代的母版頁,也是同一種東西。

 

 

 Blazor使用母版頁有兩步

1、定義母版頁

新建一個razor文件,文件頂部使用@inherits LayoutComponentBase 表示繼承自LayoutComponentBase ,說明這是個母版頁,使@Body作爲佔位。

2,在普通頁面設置母版頁

razor文件頂部申明“@layout 模板頁名”來設置母版頁,

 

 

 

 

 

 

如果一個頁面沒有設置模板頁,(就像blazor默認項目那樣),他就會使用在app.razor文件中定義的默認模板頁

 

 

 

問:可以不設置任何模板頁嗎?

答:完全可以。

問:模板頁可以嵌套使用嗎?

答:完全可以。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章