2014年5月27日 星期二

Razor 版面配置的統一標題與統一名稱利用 Page 物件。

在網頁內容中先定義Page的相關內容屬性。

如:

 Page.Title = "網頁抬頭";
  Page.Name = "網頁標題";

下載範例:



內容部分:


@{Layout = "~/Layout/_Layout.cshtml";
  Page.Title = "我是抬頭";
  Page.Name = "我是標題";
 }
@section footer{<h1>我是頁尾</h1>}
<p>ABC123</p>



Layout部分:

    <title>@Page.Title</title>
    <link rel="stylesheet" href="@Href("~/style/main.css")"></head>
<body>
    <div id="content">
        <header>
           @Page.Name
            <nav>
                <ul>
                    <li>首頁</li>
                    <li>購物</li>
                    <li>關於</li>
                </ul>
            </nav>
        </header>
        <section>
            @RenderBody()
        </section>
        <footer>
            @RenderSection("footer")
        </footer>
    </div>
</body>

結果如下:



沒有留言:

張貼留言