本文介紹了如何在asp.net 2.0中給站點(diǎn)添加aspx頁(yè)面。

AD：51CTO 網(wǎng)+ 第十二期沙龍：大話數(shù)據(jù)之美_如何用數(shù)據(jù)驅(qū)動(dòng)用戶體驗(yàn)

定義母版頁(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è)文件夾。現(xiàn)在我們添加三個(gè)文件夾：

· BasicReporting

· Filtering

· CustomFormatting

最后，如圖8所示向解決方案管理器中添加新文件。每添加一個(gè)文件的時(shí)候記住要勾上“選擇母版頁(yè)”的復(fù)選框。

圖8：添加下列文件

【編輯推薦】

1. ASP.NET MVC路徑選擇系統(tǒng)構(gòu)建
2. ASP.NET MVC框架中的URL路徑選擇場(chǎng)景
3. ASP.NET MVC 框架URL路徑選擇規(guī)則
4. ASP.NET MVC框架：使用強(qiáng)類型類來(lái)傳遞ViewData
5. 使用ASP.NET MVC框架創(chuàng)建電子商務(wù)網(wǎng)站