以下是一个简单的示例,演示如何在 ASP.NET MVC 中使用布局页:
1. 创建布局页:
在 Views/Shared 文件夹下创建一个 _Layout.cshtml 文件。
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title - My MVC App</title>
<!-- 其他头部元素和样式表链接等 -->
</head>
<body>
<div id="header">
<h1>My MVC App</h1>
</div>
<div id="content">
@RenderBody()
</div>
<div id="footer">
<p>© 2023 My MVC App</p>
</div>
</body>
</html>
2. 使用布局页:
在视图文件中,通过 @{ Layout = "~/Views/Shared/_Layout.cshtml"; } 指定要使用的布局页。
@{
Layout = "~/Views/Shared/_Layout.cshtml";
ViewBag.Title = "Home";
}
<h2>Welcome to the Home Page</h2>
<!-- 其他视图内容 -->
在上述示例中,_Layout.cshtml 定义了整体的 HTML 结构,而视图文件中的 @RenderBody() 将用于呈现视图文件特有的内容。ViewBag.Title 用于设置页面标题,而 Layout 指令用于指定使用的布局页。
布局页和视图之间的分离使得可以轻松地在整个应用程序中共享相同的布局结构,并且在视图文件中可以定义特定于该视图的内容。
需要注意的是,虽然在 ASP.NET MVC 中没有严格的母版页的概念,但布局页提供了类似的功能,并且更灵活,可以更好地与现代前端框架和技术集成。
转载请注明出处:http://www.pingtaimeng.com/article/detail/14945/ASP.NET MVC