Blazor入手教程(八)布局Layout


Blazor入手教程(八)布局Layout

 

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

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

 

 

 Blazor使用母版頁有兩步

1、定義母版頁

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

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

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

 

 

 

 

 

 

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

 

 

 

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

答:完全可以。

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

答:完全可以。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM