创建 Web 部件页
创建使用 Web 部件的简单页面
不需要执行任何操作即可启用 Web 部件个性化设置;默认情况下为 Web 部件控件集启用该功能。当第一次在某个站点上运行 Web 部件页时,ASP.NET 将设置一个默认的个性化设置提供程序来存储用户个性化设置。默认提供程序使用在站点目录的子目录中创建的数据库。
创建网页
1.在文本编辑器中,创建新的文件并将下面的页声明添加到该文件的开头。
<%@ page language="C#" %>
2.在页声明的下方输入标记以创建一个完整的页结构,如下面的代码示例所示。
请注意,该页包含一个空表,其中有一行、三列。该表将包含稍后添加的 Web 部件控件。
<html>
<head runat="server">
<title>Web Parts Page</title>
</head>
<body>
<h1>Web Parts Demonstration Page</h1>
<form runat="server" id="form1">
<br />
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top">
</td>
<td valign="top">
</td>
<td valign="top">
</td>
</tr>
</table>
</form>
</body>
</html>
3.将该文件命名为 WebPartsDemo.aspx,并保存在您的网站的目录中。
下一步是设置区域。区域是复合控件,它们占用页面的指定区域并包含 Web 部件控件。
将区域添加到页面
1.在页面中 <form> 元素的紧下面,添加一个 <asp:webpartmanager> 元素,如下例所示。
<asp:webpartmanager id="WebPartManager1" runat="server" />
在使用 Web 部件控件的每个页面中都必须使用 WebPartManager 控件。
2.在表中第一个 <td> 元素的内部添加一个 <asp:webpartzone> 元素,并如下面的代码示例所示指定其属性值。
请注意,<asp:webpartzone> 元素还包含 <zonetemplate> 元素。将 Web 部件控件置于 <zonetemplate> 元素内部。
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top">
<asp:webpartzone id="SideBarZone" runat="server"
headertext="Sidebar">
<zonetemplate>
</zonetemplate>
</asp:webpartzone>
</td>
3.在表中第二个 <td> 元素的内部添加一个 <asp:webpartzone> 元素并向其赋予属性值,如下面的代码示例所示。
<td valign="top">
<asp:webpartzone id="MainZone" runat="server" headertext="Main">
<zonetemplate>
</zonetemplate>
</asp:webpartzone>
</td>
4.保存 WebPartsDemo.aspx 文件。
现在,页面包含两个区域,您可以分别对它们进行控制。但是,这两个区域中都不包含任何内容,因此下一步就是创建内容。对于本演练,将使用只显示静态内容的 Web 部件控件。
Web 部件区域的布局将由 <zonetemplate> 元素指定。在区域模板中,您可以添加任何 Web 服务器控件,无论它是自定义 Web 部件控件、用户控件还是现有的服务器控件。在本演练中,您将使用 Label 服务器控件,并且只向其中添加静态文本。在将常规 ASP.NET 服务器控件置于 WebPartZone 区域中后,ASP.NET 会在运行时将其视为 Web 部件控件,这样您便可以使用标准服务器控件的大部分 Web 部件功能。
<未完>