本节介绍 ASP.NETMVC 应用程序中每个页面的布局以及样式该如何设置。
为了学习 ASP.NET MVC,我们将构建一个 Internet 应用程序。
第 3 部分:添加样式和统一的外观(布局)。
添加布局
文件 _Layout.cshtml 表示应用程序中每个页面的布局。它位于 Views 文件夹中的 Shared 文件夹。
打开文件 _Layout.cshtml,把内容替换成:
<!DOCTYPE html><html>
<head>
<meta charset=”utf-8″ />
<title>@ViewBag.Title</title>
<link href=”@Url.Content(“~/Content/Site.css”)” rel=”stylesheet” type=”text/css” />
<script src=”@Url.Content(“~/Scripts/jquery-1.5.1.min.js”)“></script>
<script src=”@Url.Content(“~/Scripts/modernizr-1.7.min.js”)“></script>
</head>
<body>
<ul id=”menu”>
<li>@Html.ActionLink(“Home”, “Index”, “Home”)</li>
<li>@Html.ActionLink(“Movies”, “Index”, “Movies”)</li>
<li>@Html.ActionLink(“About”, “About”, “Home”)</li>
</ul>
<section id=”main”>
@RenderBody()
<p>Copyright W3CSchool 2012. All Rights Reserved.</p>
</section>
</body>
</html>