将 Web 窗体页转换为用户控件

如果您已经开发了 Web 窗体页并决定在您的整个应用程序中访问其功能,则可以对该文件进行一些小改动,将其改成用户控件。Web 用户控件与 Web 窗体页非常相似,它们是使用相同的技术创建的。当将 Web 窗体页转换为 Web 用户控件时,,创建一个可再次使用的 UI 组件,您可以在其他 Web 窗体页上使用该组件。

对于本演练,您将创建一个基本的 Web 窗体页,该页向用户显示一个个性化的欢迎信息。若要将该页转换为一个 Web 用户控件,您将对代码进行少量更改:

若要测试该控件,您将创建一个新的 Web 窗体页,向其添加该控件,然后在浏览器中打开该页。

创建 Web 窗体页

第一步是创建 Web 应用程序和 Web 窗体页。

创建项目和窗体

在“文件”菜单上指向“新建”,然后单击“项目”。 在“新建项目”对话框中,请执行以下操作:

当单击“确定”时,将在您指定的 Web 服务器的根处创建新的 Web 窗体项目。此外,名为 WebForm1.aspx 的新 Web 窗体页将显示在“设计”视图中 Web 窗体设计器上。

现在您可以添加几个控件并编写代码来显示个性化的欢迎信息。

添加控件并对它们进行编程

将下面的代码添加到 Button1_Click 过程:

不要关闭该文件,因为在演练中稍后部分您将返回到该文件。 安全说明Web 窗体页中的用户输入可能包含潜在的恶意客户端脚本。默认情况下,Web 窗体页验证用户输入是否不包括脚本或 HTML 元素。有关更多信息,请参见脚本利用和在 Web 应用程序中防止脚本利用。按 CTRL+F5 组合键运行该 Web 窗体页并对其进行测试。当完成后,关闭当测试页时打开的浏览器。

既已具有了一个基本的 Web 窗体页,您可以将其转换为 Web 用户控件了。

将页转换为用户控件

因为用户控件中不包括 <html>、<body> 和 <form> 元素,所以您必须移除这些元素,而将它们包括在父 Web 窗体页中。您还必须将 Web 窗体页中 ASP.NET 指令类型从 @ Page 更改为 @ Control。这些 ASP.NET 指令指定该页和用户控件编译器使用的设置。有关更多信息,请参见指令语法。

将 Web 窗体页转换为用户控件

在设计器中返回 WebForm1.aspx,然后通过单击设计器窗口底部的“HTML”选项卡切换到“HTML”视图。 从 .aspx 文件中删除 <html> 标记、<!doctype> 标记、<head> 标记及内部内容、<body> 和 <form> 标记。如果您正在使用 Visual Basic,则 HTML 如下所示:

如果您正在使用 C#,除了第一行之外,HTML 看起来是相同的,如下所示:

注意代码编辑器添加通常情况下指示代码中问题的下划线。在转换完成后,这些标记将消失。将 ASP.NET 指令类型从 @ Page 更改为 @ Control。在 Visual Basic 项目中,它将如下所示:

在 C# 项目中,它将如下所示:

将基类从 System.Web.UI.Page 更改为 System.Web.UI.UserControl,然后将 Public Class 声明从 WebForm1 更改为 welcome。

System.Web.UI.UserControl

该文件现在是一个 Web 用户控件,Web 窗体页可以在整个项目中使用该控件。

测试用户控件

通过创建一个新的 Web 窗体页并将控件添加到该页,您可以对用户控件进行测试。

测试用户控件

不必在乎目的地,在乎的是沿途的风景以及看风景的心情,让心灵去旅行!

将 Web 窗体页转换为用户控件

相关文章:

你感兴趣的文章:

标签云: