2014年5月26日 星期一

Razor 版面配置 RenderBody()用法


1、須建立配置頁面,檔名需前面開頭為[ _ ]線,.NET 將不會把該網頁檔送上瀏覽器。
2、建議建立一個名為Layout的目錄結構,以便後須歸檔整理,方便套用。
3、建議採用CSS檔進行版面的樣式進行格式化,一般都是放在Style的目錄中。

RenderBody( ) 方法


版面配置頁面和一般CSHTML網頁相同,只是用於呼叫RenderBody( )方法來插入網頁的實際內容。

內容部分需指定Layout 的檔案路徑。 即可使用。




範例下載



Layout 部分:

<div id="content">
        <header>
            <h1>測試的網站</h1>
            <nav>
                <ul>
                    <li>首頁</li>
                    <li>購物</li>
                    <li>關於</li>
                </ul>
            </nav>
        </header>
        <section>
            @RenderBody()
        </section>
        <footer>
            <small>&copy; @DateTime.Now.Year </small>
        </footer>
</div>

內容部分: 

@{Layout = "~/Layout/_Layout.cshtml";}  

<p>ABC123</p>


結果如下:





沒有留言:

張貼留言