Blazor入手教程(八)布局Layout
网站应用往往有许多公共的视图部分,比如顶部导航nav,底部的footer,管理系统的左边的menu菜单等等。Layout可以轻松实现以上的效果。
Blazor的布局方式其实一直沿用了Mvc的Layout布局方式。在往上追溯的话,一直到webform时代的母版页,也是同一种东西。
Blazor使用母版页有两步
1、定义母版页
新建一个razor文件,文件顶部使用@inherits LayoutComponentBase 表示继承自LayoutComponentBase ,说明这是个母版页,使@Body作为占位。
2,在普通页面设置母版页
在razor文件顶部申明“@layout 模板页名”来设置母版页,
如果一个页面没有设置模板页,(就像blazor默认项目那样),他就会使用在app.razor文件中定义的默认模板页
问:可以不设置任何模板页吗?
答:完全可以。
问:模板页可以嵌套使用吗?
答:完全可以。