ASP.NET2.0的新增服务、控件与功能_[Asp.Net教程]

[导读]全文介绍了ASP.NET 2.0中新增的控件和功能，包括Master Pages,Data Source控件、Skin的支持、GridView和Details View的引入，在此基础上，ASP.NET 2.0的安全模型得到了极大的提高，包括登录控件、角色管理器、个性化等等方面的支持，在类库方面也增加了许多新特性，如全新的代码分隔模型、客户端回调等等，让读者对于ASP.NET的新特性有一个全面的了解。

　　在首次公诸于众以来的短短四年中，ASP.NET业已成为在Windows倾力支持的服务器上运行的Web应用程序的金科玉律，并且将runat="server"添加到供世界各地Web开发人员使用的词汇表中。它还为人们所认识的Web编程的前景提供了一些启示：Web编程将以能够呈现HTML和脚本以及激发事件的服务器端控件为中心。

　　在Microsoft .NET Framework的下一个主要版本中，ASP.NET 2.0将摆脱某些不完善的状况并发展为一种完全成熟的产品。它的目标是将完成常见Web编程任务所需的代码数量减少70%或更多。尽管该目标非常宏大，但是由于多种多样的新增服务、控件和功能（它们一定会使ASP.NET 2.0像ASP.NET 1.x之于ASP一样，使ASP.NET 1.x显著提高），该目标是可以实现的。

　　这里，我将为您粗略介绍一些期望在ASP.NET 2.0中看到的内容，对于几个精选的领域进行深入讨论并且提供一些示例程序来强调关键的功能。所有代码示例均针对ASP.NET 2.0的预测试版本生成和测试的，可能需要对某些代码示例进行修改，以便用于第一个测试版本。

　　母版页（Master Pages）

　　ASP.NET 1.x中最突出的缺点之一是它缺少对页面模板的支持。欠缺的是定义其他页面可以继承的“母版页”能力。开发人员通过使用用户控件（它们可以容易地在页面之间复制）创建页面来弥补这一缺陷。在ASP.NET 2.0中，由于加入了一个称作“母版页”的新增功能，所以不再需要这种技巧。想一想“可视化继承”，您就会理解母版页是干什么用的了。首先，您需要定义一个母版页（其中包含您希望在其他页面上显示的内容），并且使用ContentPlaceHolder控件来定义子页面可以将其内容插入的位置。然后，您需要生成子页面—SPX文件，它使用（类似于）如下所示的指令来引用母版页：

＜%@ Page MasterPageFile="~/Foo.master" %＞

　　在子页面中，您使用Content控件来填写母版页中的占位符。在浏览器中呈现子页面，出现的内容将是在母版页和子页面中所定义内容的完美组合。


＜%@ Master %＞

＜html＞
＜body leftmargin="0" topmargin="0" rightmargin="0"
bottommargin="0" marginheight="0" marginwidth="0"
＞
＜!-- Banner --＞
＜table cellspacing="0" cellpadding="0"
style="background-image: url('images/stripes.gif');
background-repeat: repeat-x, repeat-y" width="100%"
＞
＜tr＞＜td align="center"＞
＜span style="font-family: verdana; font-size: 36pt;
font-weight: bold; color: white"
＞
Master Pages
＜/span＞＜br＞
＜span style="font-family: verdana; font-size: 10pt;
font-weight: normal; color: white"
＞
This banner provided by Master.master
＜/span＞
＜/td＞＜/tr＞
＜/table＞

＜!-- Placeholder for content between banner and footer --＞
＜form id="Content"＞
　＜asp:ContentPlaceHolder ID="Main" RunAt="server" /＞
＜/form＞

＜!-- Footer --＞
＜table width="100%"＞＜tr＞＜td align="center"＞
＜span style="font-family: verdana; font-size: 8pt; color: red"＞
Copyright (c) 2004 by Me Inc. All rights reserved＜br＞
This footer provided by Master.master
＜/span＞
＜/td＞＜/tr＞＜/table＞
＜/body＞
＜/html＞

Master.master

＜%@ Page MasterPageFile="~/Master.master" %＞

＜asp:Content ContentPlaceHolderID="Main" RunAt="server"＞
＜table width="100%" height="256px"＞＜tr＞＜td align="center"＞
＜h2＞This content provided by Subpage.aspx＜/h2＞
＜/td＞＜/tr＞＜/table＞
＜/asp:Content＞

代码1 Subpage.aspx

　　代码1中所示的应用程序使用母版页来定义出现在每个页面上的页眉和页脚。子页面通过将Content控件插入母版页的ContentPlaceHolder中，从而在页眉和页脚之间插入内容。您应该注意匹配的ID和ContentPlaceHolderID，以及母版页中的@ Master指令。

　　母版页在ASP.NET对象模型中得到了充分支持。System.Web.UI.Page类的特点是具有一个名为Master的新属性，该属性使子页面可以用编程方式来引用它的母版页以及在其中定义的控件。母版页可以嵌套，并且可以包含能够在子页面中重写的默认内容。


＜asp:ContentPlaceHolder ID="Main" RunAt="server"＞
　This is default content that will appear in subpages unless explicitly overridden
＜/asp:ContentPlaceHolder＞

　　此外，应用程序可以在Web.config中指定默认的母版页，如下所示：


＜configuration＞
＜system.web＞
　＜pages masterPageFile="~/Foo.master" /＞
＜/system.web＞
＜/configuration＞

　　单个子页面享有重写默认母版页和指定它们自己的母版页的自由。

　　最精彩的部分是Visual Studio 2005中对母版页的支持。当加载子页面时，IDE将显示母版页中定义的内容的灰色、只读版本，以及子页面中定义的内容的全色、完全可编辑版本。区分这两者很容易，并且如果要编辑属于母版页的内容，那么您需要做的全部事情只是在IDE中打开母版页。

　　有关母版页的更多深入内容，请参阅相关的文章。

　　数据源控件

　　数据绑定在ASP.NET 1.x中占据着显著位置。几行位置恰当的数据绑定代码可以取代大量查询数据库，并使用对Response.Write方法的重复调用，从而将查询结果转换为HTML内容的ASP代码。

　　下面的DataSource1.aspx页使用ASP.NET 2.0数据绑定来显示SQL Server Pubs数据库的一部分：

＜html＞
＜body＞
＜form runat="server"＞
＜asp:SqlDataSource ID="Titles" RunAt="server"
ConnectionString="server=localhost;database=pubs;Integrated
Security=SSPI"
SelectCommand="select title_id, title, price from titles"
/＞
＜asp:DataGrid DataSourceID="Titles" RunAt="server" /＞
＜/form＞
＜/body＞
＜/html＞

　　SqlDataSource控件定义了数据源以及对它执行的查询，并且DataGrid的DataSourceID属性指向SqlDataSource。当加载该页时，SqlDataSource控件就会执行查询，并将结果提供给DataGrid。

　　当然，实际操作中的数据绑定很少会如此简单。假设您希望缓存查询结果，或者使用在其他控件中选择的项目来参数化数据库查询。图2 中的页使用一个SqlDataSource，用Northwind的Customers表中列出的国家/地区来填充一个下拉列表，并使用另一个SqlDataSource，用在该下拉列表中选择的国家/地区中的一系列客户来填充一个DataGrid。请注意元素，它指示DataGrid的SqlDataSource从下拉列表中获取@country的值。还请注意绑定到该下拉列表的SqlDataSource中的EnableCaching和CacheDuration属性。这些声明将SELECT DISTINCT查询的结果缓存60秒。

　　上述示例只是粗浅地探讨了可以通过数据源控件完成的工作。例如，您可以使用存储过程，可以使用从查询字符串、用户输入、会话状态和Cookie中提取的值来参数化查询，并且可以指定控件是否应该使用DataSet或DataReader。因为数据源控件包含数据适配器的功能，所以您甚至可以使用数据源控件来更新数据库。随着ASP.NET 2.0最终发布日期的迫近，读者有望看到大量有关数据源控件的文章。

　　尽管我所讨论的是数据绑定主题，但您还应该知道ASP.NET 2.0支持简化的数据绑定语法。ASP.NET开发人员可以找到与下面这个给人深刻印象的表达式类似的表达式：

＜%# DataBinder.Eval (Container.DataItem, "title") %＞

　　在ASP.NET 2.0中，可以按如下形式写一个相同的表达式：

＜%# Eval("title") %＞

　　除了Eval运算符以外，ASP.NET 2.0还支持名为XPath和XPathSelect（它们使用指向XML文档中数据的XPath表达式）的运算符。

　　主题与外观(skins)

　　如果您不使用属性来丰富控件，那么ASP.NET页面可能会显得非常单调。问题在于：迄今为止，一次只能应用一个属性，并且您无法通过成组地设置控件的可视属性来赋予控件主题。ASP.NET 2.0提供了一项新功能，即输入主题和外观。该功能简化了生成精美页面的任务。

　　要查看主题和外观的工作方式，请将以下指令添加到DataSource2.aspx中，如代码2 所示：


＜html＞
＜body＞
＜form runat="server"＞
＜asp:SqlDataSource ID="Countries" RunAt="server"
ConnectionString="server=localhost;database=northwind;
Integrated Security=SSPI"
SelectCommand="select distinct country from customers order by country"
EnableCaching="true" CacheDuration="60"
/＞
＜asp:SqlDataSource ID="Customers" RunAt="server"
ConnectionString="server=localhost;database=northwind;
Integrated Security=SSPI"
SelectCommand="select * from customers where country=@country"
＞
＜SelectParameters＞
＜asp:ControlParameter Name="Country"
ControlID="MyDropDownList"
PropertyName="SelectedValue"
/＞
＜/SelectParameters＞
＜/asp:SqlDataSource＞
＜asp:DropDownList ID="MyDropDownList" DataSourceID="Countries"
DataTextField="country" AutoPostBack="true" RunAt="server"
/＞
＜asp:DataGrid DataSourceID="Customers" RunAt="server" /＞
＜/form＞
＜/body＞
＜/html＞

代码2 DataSource2.aspx

　　现在刷新该页面。结果如图1中所示。


图1 主题和外观的工作方式

　　接下来，赋予该页面完全不同的外观，方法是：添加一个元素，并且更改@ Page指令以指示要使用的页面主题：

　　@ Page指令的新Theme属性以声明方式将主题应用到页面中。还可以使用Page类的Theme属性以编程方式应用主题。主题是外观的集合，而外观是应用于一个控件类型的一组可视属性。BasicBlue和SmokeAndGlass是ASP.NET 2.0附带的几个预定义（或全局）主题中的两个。您可以在Microsoft.NET\Framework\...\ ASP.NETClientFiles\Themes下的子目录中找到它们。

　　您可以定义自己的主题和外观，并且自定义地将它们部署到应用程序Themes目录的子目录中。每个子目录构成一个主题，并且主题名称与子目录名称相同。一个主题子目录包含一个或多个.skin文件以及该主题使用的任何其他资源（例如，图像文件和样式表）。实际的外观定义包含在.skin文件中，并且非常类似于用来在ASPX文件中声明控件实例的标记。

　　为说明这一点，请在包含DataSource2.aspx的文件夹中创建一个名为Themes的子目录。在该Themes目录中，创建一个名为ShockingPink的子目录。将以下内容复制到ShockingPink目录中的新建的.skin文件中：


＜asp:DropDownList runat="server" BackColor="hotpink" ForeColor="white" /＞
＜asp:DataGrid runat="server" BackColor="#CCCCCC" BorderWidth="2pt"
BorderStyle="Solid" BorderColor="#CCCCCC" GridLines="Vertical"
HorizontalAlign="Left"
＞
＜HeaderStyle ForeColor="white" BackColor="hotpink" /＞
＜ItemStyle ForeColor="black" BackColor="white" /＞
＜AlternatingItemStyle BackColor="pink" ForeColor="black" /＞
＜/asp:DataGrid＞

　　接下来，将DataSource2.aspx中的@ Page指令更改为：

＜%@ Page Theme="ShockingPink" %＞

　　上述操作的结果无疑是曾经创建过的最为华丽的Web页之一。

　　ShockingPink.skin定义了DropDownList和DataGrid控件的默认外观。外观文件不必与它们所属的主题具有相同的名称（尽管它们通常如此）。一个主题可以包含多个.skin文件，而单个.skin文件可以为任意数量的控件类型定义属性。此外，ASP.NET还可以区分默认外观和非默认外观。根据定义，缺少SkinID属性的外观是默认外观。非默认外观包含可以通过控件标记中的SkinID属性引用的SkinID。

　　新增控件

　　ASP.NET 2.0将引入大约50种新的控件类型，以便帮助您生成丰富的用户界面，同时使您无须应付HTML、客户端脚本和浏览器文档对象模型(DOM)的各种变幻莫测的行为。“新增控件”提要栏列出了直至本文撰写时规划的新控件（Web部件控件除外）。

　　DynamicImage控件简化了在Web页中显示动态生成的图像的任务。在过去，开发人员经常编写自定义HTTP处理程序来处理动态图像生成，甚至更糟糕的是，处理ASPX文件中生成的图像。DynamicImage使得这两种技术都过时了。代码4 中的代码使用DynamicImage控件来绘制饼图。关键语句是那个将图像位分配给控件的ImageBytes数组的语句。

　　DynamicImage控件利用了新增的ASP.NET 2.0图像生成服务。另一种访问图像生成服务的方法是，在ASP.NET 2.0的全新ASIX文件中动态生成图像。本文随附的示例文件（可从MSDN Magazine Web站点上获得）包含一个名为DynamicImage.asix的文件，它展示了ASIX文件的要素。要运行该文件，请将DynamicImage.asix复制到Web服务器的某个虚拟目录中，然后在浏览器中激活该文件。

＜%@ Import Namespace="System.Drawing" %＞
＜%@ Import Namespace="System.Drawing.Imaging" %＞
＜%@ Import Namespace="System.IO" %＞

＜html＞
＜body＞
＜asp:DynamicImage ID="PieChart" DynamicImageType="ImageBytes"
RunAt="server"
/＞
＜/body＞
＜/html＞

＜script language="C#" runat="server"＞
void Page_Load (Object sender, EventArgs e)
{
　// Create a bitmap and draw a pie chart
　Bitmap bitmap = new Bitmap (240, 180, PixelFormat.Format32bppArgb);
　Graphics g = Graphics.FromImage (bitmap);
　DrawPieChart (g, Color.White, new decimal[]
{ 100.0m, 200.0m, 300.0m, 400.0m }, 240, 180);
　g.Dispose();

　// Attach the image to the DynamicImage control
　MemoryStream stream = new MemoryStream ();
　bitmap.Save (stream, ImageFormat.Gif);
　bitmap.Dispose();
　PieChart.ImageBytes = stream.ToArray ();
}

void DrawPieChart (Graphics g, Color bkgnd, decimal[] vals, int width, int height)
{
　// Erase the background
　SolidBrush br = new SolidBrush (bkgnd);
　g.FillRectangle (br, 0, 0, width, height);
　br.Dispose ();

　// Create an array of brushes
　SolidBrush[] brushes = new SolidBrush[6];
　brushes[0] = new SolidBrush (Color.Red);
　brushes[1] = new SolidBrush (Color.Yellow);
　brushes[2] = new SolidBrush (Color.Blue);
　brushes[3] = new SolidBrush (Color.Cyan);
　brushes[4] = new SolidBrush (Color.Magenta);
　brushes[5] = new SolidBrush (Color.Green);

　// Sum the inputs
　decimal total = 0.0m;
　foreach (decimal val in vals)
　total += val;

　// Draw the chart
　float start = 0.0f;
　float end = 0.0f;
　decimal current = 0.0m;

　for (int i=0; i＜vals.Length; i++)
　{
　　current += vals[i];
　　start = end;
　　end = (float) (current / total) * 360.0f;
　　g.FillPie (brushes[i % 6], 0.0f, 0.0f, width, height,
　　start, end - start);
　}

　// Clean up and return
　foreach (SolidBrush brush in brushes)
　brush.Dispose ();
}
＜/script＞

代码4 DynamicImage.aspx

　　ASP.NET 2.0中首次亮相的另一个有趣且非常有用的控件是MultiView控件。与View控件搭配使用时，MultiView可用来创建包含多个逻辑视图的页面。一次只能显示一个视图（其索引被分配给MultiView的ActiveViewIndex属性的那个视图），但您可以通过更改活动视图索引来切换视图。对于使用选项卡或其他控件来让用户在逻辑页之间进行导航的页面而言，MultiViews是非常理想的。

　　代码5 中的页面使用一个MultiView来显示Pubs数据库Titles表的两个不同视图：其中一个用GridView呈现，另一个用DetailsView呈现。视图切换是通过从下拉列表中进行选择来完成的。请注意，标记中的AllowPaging属性使用户可以浏览DetailsView中的记录。

＜%@ Page Theme="BasicBlue" %＞

＜html＞
＜body＞
＜form runat="server"＞
＜asp:SqlDataSource ID="Titles" RunAt="server"
ConnectionString="server=localhost;database=pubs;
Integrated Security=SSPI"
SelectCommand="select title_id, title, price from titles"
/＞
＜asp:DropDownList ID="ViewType" AutoPostBack="true"
OnSelectedIndexChanged="OnSwitchView" RunAt="server"
＞
＜asp:ListItem Text="GridView" Selected="true" RunAt="server" /＞
＜asp:ListItem Text="DetailsView" RunAt="server" /＞
＜/asp:DropDownList＞
＜asp:MultiView ID="Main" ActiveViewIndex="0" RunAt="server"＞
＜asp:View RunAt="server"＞
＜asp:GridView DataSourceID="Titles" RunAt="server" /＞
＜/asp:View＞
＜asp:View RunAt="server"＞
＜asp:DetailsView DataSourceID="Titles" AllowPaging="true"
RunAt="server"
/＞
＜/asp:View＞
＜/asp:MultiView＞
＜/form＞
＜/body＞
＜/html＞

＜script language="C#" runat="server"＞
void Page_Load (Object sender, EventArgs e)
{
　if (IsPostBack)
　　DataBind ();
}

void OnSwitchView (Object sender, EventArgs e)
{
　Main.ActiveViewIndex = ViewType.SelectedIndex;
}
＜/script＞

代码5 MultiView.aspx

　　GridView和DetailsView控件

　　DataGrid是ASP.NET中最受欢迎的控件之一，但在某些方面，它也成为自己成功的牺牲品：如此丰富的功能，以至于让ASP.NET开发人员不满足于此，而是希望它能提供更多功能。DataGrid控件在ASP.NET 2.0中并没有发生太大变化，只是添加了两个分别名为GridView和DetailsView的新控件，它们提供了通常要求DataGrid控件所具有的功能，并且还加入了一些属于它们自己的新功能。

　　GridView呈现HTML表的方式与DataGrid一样，但与DataGrid不同的是，GridView可以完全依靠自己来分页和排序。GridView还支持比DataGrid种类更为丰富的列类型（在GridView用语中称为字段类型），并且它们具有更为智能的默认呈现行为，能够自动呈现Boolean值（例如，通过复选框）。GridView也可以容易地与DetailsView搭配使用，以创建主-从视图。GridView控件的主要缺陷是：像DataGrid一样，它通过将信息传回到服务器来完成它该做的大部分工作。

　　代码6 中的页面结合使用了GridView和DetailsView，以创建Pubs数据库的Titles表的简单主-从视图。SqlDataSource控件为其他控件提供数据，而绑定到DetailsView控件的SqlDataSource中的SelectParameter使DetailsView能够显示GridView中当前选择的记录。可以通过单击GridView的Select按钮（该按钮因标记中的AutoGenerateSelectButton="true"属性而存在）来选择记录。

＜%@ Page Theme="BasicBlue" %＞

＜html＞
＜body＞
＜form runat="server"＞
＜asp:SqlDataSource ID="Titles1" RunAt="server"
ConnectionString="server=localhost;database=pubs;Integrated Security=SSPI"
SelectCommand="select title_id, title, price from titles"
/＞
＜asp:SqlDataSource ID="Titles2" RunAt="server"
ConnectionString="server=localhost;database=pubs;Integrated
Security=SSPI"
SelectCommand="select title_id, title, price from titles where
title_id=@title_id"
＞
＜SelectParameters＞
＜asp:ControlParameter Name="title_id"
ControlID="MyGridView"
PropertyName="SelectedValue"
/＞
＜/SelectParameters＞
＜/asp:SqlDataSource＞
＜table＞＜tr＞＜td＞
＜asp:GridView ID="MyGridView" DataSourceID="Titles1"
Width="100%" RunAt="server" AutoGenerateColumns="false"
SelectedIndex="0" AutoGenerateSelectButton="true"
DataKeyNames="title_id"
＞
＜Columns＞
＜asp:BoundField HeaderText="Title ID"
DataField="title_id"
/＞
＜asp:BoundField HeaderText="Book Title" DataField="title" /＞
＜asp:BoundField HeaderText="Price" DataField="price"
DataFormatString="{0:c}" NullDisplayText="TBD"
/＞
＜/Columns＞
＜/asp:GridView＞
＜/td＞＜/tr＞
＜tr＞＜td＞
＜asp:DetailsView DataSourceID="Titles2" RunAt="server"
AutoGenerateRows="false" Width="100%"
＞
＜Fields＞
＜asp:BoundField HeaderText="Title ID"
DataField="title_id"
/＞
＜asp:BoundField HeaderText="Book Title"
DataField="title"
/＞
＜asp:BoundField HeaderText="Price" DataField="price"
DataFormatString="{0:c}" NullDisplayText="TBD"
/＞
＜/Fields＞
＜/asp:DetailsView＞
＜/td＞＜/tr＞＜/table＞
＜/form＞
＜/body＞
＜/html＞

代码6 MasterDetail.aspx

　　请注意GridView和DetailsView控件中用于定义字段类型的和元素。这些元素实际上等效于DataGrid控件中的元素。表1列出了受支持的字段类型。特别重要的是ImageField和DropDownListField，它们都可以有效地削减目前开发人员为在DataGrid中包含图像和数据绑定下拉列表而编写的大部分代码。