Blazor入手教程(八)布局Layout
網站應用往往有許多公共的視圖部分,比如頂部導航nav,底部的footer,管理系統的左邊的menu菜單等等。Layout可以輕松實現以上的效果。
Blazor的布局方式其實一直沿用了Mvc的Layout布局方式。在往上追溯的話,一直到webform時代的母版頁,也是同一種東西。
Blazor使用母版頁有兩步
1、定義母版頁
新建一個razor文件,文件頂部使用@inherits LayoutComponentBase 表示繼承自LayoutComponentBase ,說明這是個母版頁,使@Body作為占位。
2,在普通頁面設置母版頁
在razor文件頂部申明“@layout 模板頁名”來設置母版頁,
如果一個頁面沒有設置模板頁,(就像blazor默認項目那樣),他就會使用在app.razor文件中定義的默認模板頁
問:可以不設置任何模板頁嗎?
答:完全可以。
問:模板頁可以嵌套使用嗎?
答:完全可以。