在ASP.NET Web Pages中，布局（Layout）是一种将网站的通用结构和外观应用于多个页面的方法。布局通常包括网站的标头、导航、页脚等元素。在ASP.NET Web Pages中，可以使用Razor语法创建和使用布局。

以下是一个简单的ASP.NET Web Pages布局的示例：

1. 创建布局页

创建一个布局页，通常以_Layout.cshtml的名称保存在~/Shared文件夹中。
<!DOCTYPE html>
<html>
<head>
    <title>@Page.Title - My Web Pages Site</title>
</head>
<body>
    <header>
        <h1>My Web Pages Site</h1>
        <nav>
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/About">About</a></li>
                <li><a href="/Contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <div id="main-content">
        @RenderBody()
    </div>

    <footer>
        <p>&copy; @DateTime.Now.Year My Web Pages Site</p>
    </footer>
</body>
</html>

2. 使用布局

在其他页面中，通过使用Layout属性指定使用的布局。
@{
    Layout = "~/Shared/_Layout.cshtml";
    Page.Title = "Home";
}

<h2>Welcome to the Home Page</h2>
<p>This is the content of the home page.</p>

3. 部分视图

你还可以在布局中使用@RenderPage或@RenderBody等语法，将部分视图嵌套到布局中。
<!-- _Layout.cshtml -->
<!DOCTYPE html>
<html>
<head>
    <title>@Page.Title - My Web Pages Site</title>
</head>
<body>
    <header>
        <!-- ... -->
    </header>

    <div id="main-content">
        @RenderPage("_Sidebar.cshtml")
        @RenderBody()
    </div>

    <footer>
        <!-- ... -->
    </footer>
</body>
</html>
<!-- _Sidebar.cshtml -->
<aside>
    <h3>Site Sidebar</h3>
    <ul>
        <li><a href="/News">News</a></li>
        <li><a href="/Events">Events</a></li>
    </ul>
</aside>

在这个例子中，_Layout.cshtml中通过@RenderPage("_Sidebar.cshtml")嵌套了一个名为_Sidebar.cshtml的部分视图。

通过使用布局，可以更轻松地维护网站的外观和结构，并确保一致性。布局也使得在整个Web应用程序中更改标头、导航或页脚等元素变得更加方便。


转载请注明出处：http://www.pingtaimeng.com/article/detail/14896/ASP.NET MVC