新聞中心
定義母版頁(yè)后,我們準(zhǔn)備給站點(diǎn)添加aspx頁(yè)面。讓我們從添加我們的首頁(yè)Degault.aspx開(kāi)始吧。在解決方案管理器中右鍵點(diǎn)擊項(xiàng)目名稱并且選擇添加新建項(xiàng)目。從模板列表中選擇Web Form選項(xiàng)并且命名為Default.aspx。并且,勾上“選擇母版頁(yè)”的復(fù)選框。

圖5:添加一個(gè)新Web Form并且勾上“選擇母版頁(yè)”的復(fù)選框
點(diǎn)擊確定按鈕后,將會(huì)詢問(wèn)你新建的這個(gè)aspx頁(yè)面使用哪個(gè)母版頁(yè)。也許你有多個(gè)母版頁(yè)在你的項(xiàng)目中,但是我們只有一個(gè)。
選擇母版頁(yè)后,新建的aspx會(huì)包含下面這些標(biāo)記:
Default.aspx
- < %@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
- CodeFile="Default.aspx.cs" Inherits="_Default" Title="Untitled Page" %>
- < asp:Content ID="Content1" ContentPlaceHolderID="MainContent"
- Runat="Server">
- < /asp:Content>
在@Page指令中有一個(gè)指向母版頁(yè)的引用(MasterPageFile=”~/Site.master”),并且aspx頁(yè)面的標(biāo)記中包含了一個(gè)Content控件對(duì)應(yīng)母版頁(yè)中定義的ContentPlaceHolder控件,這個(gè)Content控件的ContentPlaceHolderID屬性映射到指定的ContentPlaceHolder控件。你可以在Content控件中放置你想顯示在相應(yīng)ContentPlaceHolder控件位置的標(biāo)記。
設(shè)置@Page指令的Title屬性為Home并且添加一些歡迎詞到Content控件中:
Default.aspx
- < %@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
- CodeFile="Default.aspx.cs" Inherits="_Default" Title="Home" %>
- < asp:Content ID="Content1" ContentPlaceHolderID="MainContent"
- Runat="Server">
- < h1>Welcome to the Working with Data Tutorial Site< /h1>
- < p>This site is being built as part of a set of tutorials that
- illustrate some of the new data access and databinding features in
- asp.NET 2.0 and Visual Web Developer.< /p>
- < p>Over time, it will include a host of samples that
- demonstrate:< /p>
- < ul>
- < li>Building a DAL (data access layer),< /li>
- < li>Using strongly typed TableAdapters and DataTables< /li>
- < li>Master-Detail reports< /li>
- < li>Filtering< /li>
- < li>Paging,< /li>
- < li>Two-way databinding,< /li>
- < li>Editing,< /li>
- < li>Deleting,< /li>
- < li>Inserting,< /li>
- < li>Hierarchical data browsing,< /li>
- < li>Hierarchical drill-down,< /li>
- < li>Optimistic concurrency,< /li>
- < li>And more!< /li>
- < /ul>
- < /asp:Content>
@Page指令中的Title屬性允許我們可以在aspx頁(yè)面定義標(biāo)題,即使母版頁(yè)中已經(jīng)定義了< title>元素。我們還可以使用Page.Title的編程方式設(shè)置頁(yè)面的標(biāo)題。需要注意的是母版頁(yè)中引用的樣式表(如Style.css)會(huì)自動(dòng)校正以應(yīng)用到每個(gè)aspx頁(yè)面中,這是與aspx頁(yè)面的目錄和母版頁(yè)目錄之間的關(guān)系無(wú)關(guān)。
切換到設(shè)計(jì)視圖我們會(huì)看到我們的頁(yè)面將在瀏覽器中的顯示效果。注意:在設(shè)計(jì)視圖里,aspx頁(yè)面的內(nèi)容只有可編輯區(qū)域可以被修改,在母版頁(yè)定義的非ContentPlaceHolder部分標(biāo)記被顯示成灰色。
圖7:添加aspx頁(yè)面:在設(shè)計(jì)視圖中顯示的可編輯區(qū)域及非可編輯區(qū)域
當(dāng)Default.aspx頁(yè)面被瀏覽器訪問(wèn)時(shí),asp.net引擎會(huì)合并母版頁(yè)的內(nèi)容和aspx頁(yè)的內(nèi)容,并且將合并的內(nèi)容呈現(xiàn)為最終的HTML發(fā)送到瀏覽器。當(dāng)母版頁(yè)的內(nèi)容被更新,所有使用了這個(gè)母版頁(yè)的aspx頁(yè)面會(huì)在下次被請(qǐng)求時(shí)重新和新的母版頁(yè)內(nèi)容合并。簡(jiǎn)單的說(shuō),母版頁(yè)模型允許定義一個(gè)統(tǒng)一的布局模板(母版頁(yè)),當(dāng)它改變時(shí)整個(gè)站點(diǎn)會(huì)反應(yīng)這種改變。
添加更多的頁(yè)面到站點(diǎn)中
讓我們花一點(diǎn)時(shí)間添加另外的頁(yè)面到站點(diǎn)中,以便支持最終的各種各樣的課程的示例。這里總共會(huì)有超過(guò)35個(gè)示例,所以我們先創(chuàng)建一部分。以后會(huì)有很多類別的示例,為了更好的管理這些示例我們給每個(gè)分類添加一個(gè)文件夾?,F(xiàn)在我們添加三個(gè)文件夾:
? BasicReporting
? Filtering
? CustomFormatting
最后,如圖8所示向解決方案管理器中添加新文件。每添加一個(gè)文件的時(shí)候記住要勾上“選擇母版頁(yè)”的復(fù)選框。
圖8:添加下列文件
網(wǎng)站欄目:ASP.NET2.0數(shù)據(jù)教程:給站點(diǎn)添加aspx頁(yè)面
文章源于:http://m.fisionsoft.com.cn/article/djohehc.html


咨詢
建站咨詢
