asp.net_母版頁窗使用教程

瀏覽站點的時候會發現,好多站點中。每一個網頁的基本框架都是一樣的,比方,最上面都是站點的標題,中間是內容。最以下是站點的版權、開發提供商等信息:(圖片來自網上)
在這裏插入圖片描述
這個就需要用到母版也窗,使用如下。

  1. 新建一個web窗體母版頁
    在這裏插入圖片描述
    在這裏插入圖片描述
    在窗口母版頁test.Master的標記之間加入CSS、JS等引用(這裏先僅僅加入CSS文件爲例)
    在這裏插入圖片描述
    編輯窗口母版頁body,加入每一個網頁的公共內:

在這裏插入圖片描述
注意:這個樣式文件不對,會導致顯示不了的。
應用js可以這樣引用:
<script src="/Script/react/react.js" type="text/javascript"></script>
2. 添加一個帶母版也的web窗體:
在這裏插入圖片描述
選擇剛纔的母版頁:
在這裏插入圖片描述
此時,網頁Indexaspx中ContentPlaceHolderID=“head”和ContentPlaceHolderID=“contentPlaceHolder”的asp:Content就相當於母版頁Main.Master中相應的asp:Content。所以假如每一個網頁都會有同樣部分,就能夠把同樣部分寫在母版頁的相應位置,而將每一個網頁的不同內容寫在ContentPlaceHolderID=“contentPlaceHolder”的asp:Content

  1. 添加一個默認顯示頁面測試:
    在這裏插入圖片描述
    運行效果如下:
    在這裏插入圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章