ASP.NET主版頁面基礎知識介紹_實用技巧

來源:互聯網
上載者:User

模板頁是做什麼的?

利用模板頁可以方便快捷的建立統一風格的ASP.NET網站,並且容易管理和維護,提高了效率。
模板頁為網頁定義所需要的外觀和標準,在母片的基礎上建立包含顯示內容的各個內容頁。當使用者請求內容頁時,這些內容頁與主版頁面合并,這樣,模板頁的布局與內容頁的布局就可以組合在一起輸出了。

模板頁一般用來:

1、通過修改模板頁來處理網頁的通用功能。
2、可以方便的建立一組控制項和代碼,並應用於一組網頁。
3、通過允許控制預留位置控制項的呈現方式,模板頁可以在細節上控制最終頁的布局。

模板頁與普通頁

我們在vs中建立一個模板頁,可以看到不同於一般的內容的地方:
@Master替換了@Page,包含了多個可替換的預留位置ContentPlaceHolder.

普通頁面和主版頁面面進行關聯:

 普通頁面的屬性,MasterPageFile,就會給出提示來選擇使用的主版頁面,或是在建立頁面的時候選擇使用主版頁面,也可以把一個主版頁面應用到普通頁面上。
DEMO:

模板頁代碼:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage2.master.cs"Inherits="模板頁_MasterPage2"%>     <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">     <html xmlns="http://www.w3.org/1999/xhtml">  <head id="head1" runat="server">    <title>模板頁面</title>    <asp:ContentPlaceHolderidasp:ContentPlaceHolderid="head" runat="server">    </asp:ContentPlaceHolder>  </head>  <body style="height: 141px; width:747px">    <form id="form1" runat="server">    <div>    </div>    <p>      </p>    <table style="width: 102%; height: 126px;">      <tr>        <td>          網站的log、搜尋人數,登入人數,網站導覽的資訊等。</td>        <td>          </td>        <td>          </td>      </tr>      <tr>        <td>      <asp:ContentPlaceHolderidasp:ContentPlaceHolderid="ContentPlaceHolder1" runat="server">            </asp:ContentPlaceHolder>        </td>        <td>          </td>        <td>          </td>      </tr>      <tr>        <td>          底部著作權資訊等。</td>        <td>          </td>        <td>          </td>      </tr>    </table>    </form>  </body>  </html> 

內容頁代碼:

<%@ Page Title="" Language="C#" MasterPageFile="~/模板頁/MasterPage2.master" AutoEventWireup="true"CodeFile="ContentPage.aspx.cs"Inherits="ContentPage" %> <asp:ContentIDasp:ContentID="Content1" ContentPlaceHolderID="head"Runat="Server">  </asp:Content>  <asp:ContentIDasp:ContentID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"Runat="Server">    <p>    新增內容頁面</p>  </asp:Content> 

顯示: 

 關於主版頁面和主題:

和PPT中母片和主題一樣的。是這樣的:
利用模板可以在它的基礎上添加自己的內容就可以了,相當於做好的架構、風格等。母片相當於是組件,需要自己搭這個架構、風格等。母片是我們從眾多類似的結構網頁中把相同不變的部分抽象出來,並可以運用到更多網頁中,節省時間。

這個簡單的例子是不是協助大家更好的理解了主版頁面的使用方法了,希望大家會繼續關注小編分享的文章。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.