2014年5月27日 星期二

Razor 建立可重複的內容區塊 RenderPage( )

許多情境下,網頁是可以重複使用,例如: Header 與 footer 部分,故我們可以先行製作好 Header的網頁,然後不斷的重複套用,可以減少開發的時間,並便於管理。

範例下載:

先在Layout的目錄建立_header.cshtml 與 _footer.cshtml




這兩個檔案中輸入,預計顯示之內容。

在_Layout.cshtml 中於特定位置使用 RenderPage( ) 方法,即可重複匯入相關指定網頁內容。


Layout 部分:


<div id="content">
        <header>
            @RenderPage("~/Layout/_header.cshtml")
            <nav>
                <ul>
                    <li>首頁</li>
                    <li>購物</li>
                    <li>關於</li>
                </ul>
            </nav>
        </header>
        <section>
            @RenderBody()
        </section>
        <footer>
            @RenderPage("~/Layout/_footer.cshtml")
        </footer>
    </div>

結果如下:









沒有留言:

張貼留言