用户控件和主控页.pptVIP

用户控件和主控页 16.1 用 户 控 件 16.2 主 控 页 16.3 小 结 16.4 习 题 1 用 户 控 件 1.1 什么是用户控件 1.2 创建用户控件的方法 1.3 使用用户控件 1.4 代码分析 1.5 将Web窗体页转换为用户控件 16.2 用 户 控 件 16.2.1 什么是用户控件 用户控件(User Control)是一种自定义的组合控件，通常由系统提供的可视化控件组合而成。在用户控件中不仅可以定义显示界面，还可以编写事件处理代码。当多个网页中包括有部分相同的用户界面时，可以将这些相同的部分提取出来，做成用户控件。 一个网页中可以放置多个用户控件。通过使用用户控件不仅可以减少编写代码的重复劳动，还可以使得多个网页的显示风格一致。更为重要的是，一旦需要改变这些网页的显示界面时，只需要修改用户控件本身，经过编译后，所有网页中的用户控件都会自动跟随变化。 用户控件本身就相当于一个小型的网页，同样可以为它选择单文件模式或者代码分离模式。然而用户控件与网页之间还是存在着一些区别，这些区别包括： 用户控件文件的扩展名为 .ascx而不是.aspx；代码的分离(隐藏)文件的扩展名是.ascx.cs而不是.aspx.cs； 在用户控件中不能包含 HTML、BODY和FORM等HTML语言的标记； 用户控件可以单独编译，但不能单独运行。只有将用户控件嵌入到.aspx文件中时，才能和ASP.NET网页一起运行。 除此以外，用户控件与网页非常相似。 16.2.2 创建用户控件的方法 创建用户控件的步骤如下所述。 (1) 先创建一个网站。 (2) 右击网站中某个目录，选择【添加新项】，并在打开的对话框中选择【Web用户控件】，然后确定用户控件的名称，再单击【打开】按钮。 (3) 从【工具箱】中将控件添加到Web用户控件中。其中凡是希望用服务器编程方式访问的控件都必须是服务器端控件。 (4) 为各控件设置属性或编写事件代码。 (5) 给用户控件进行编译。方法是先选择用户控件名，然后选择【生成】|【生成页】命令以便完成编译工作。 下面结合一个示例来讲述创建用户控件的过程。 假定某个项目中多个网页的上方都需要放置如图16.4所示的显示界面。我们可以为这个界面创建一个用户控件。 (1) 创建时，先建立网站，给网站取名为usrControl。 (2) 右击网站(应用程序)名，在弹出的菜单中选择【添加新项】，然后在打开的对话框中选择【Web用户控件】，根据需要确定其名称，然后单击【打开】按钮，以便在设计器中打开用户控件。 (3) 从【工具箱】的【标准】选项卡中将Panel控件拖入设计窗口，设置它的属性(如底色、大小等)。然后在其中拖入其他控件，如图16.4所示。这些控件包括： 6个HyperLink控件，将它们的Text属性分别设成“新闻”“娱乐”等； 4个Image以及4个Label控件，分别选择各自的图标，标上“保存”“下载”等； 1个TextBox文本框和1个“查询”按钮。 (4) 在应用程序中添加多个Web Form(网页)，用于显示各种不同的内容。 (5) 然后通过HyperLink的NavigateUrl属性分别与各窗体链接。 (6) 如果需要，可双击【查询】按钮，在代码隐藏文件中编写查询程序。最后选择【生成】菜单，再选择【生成页】命令，以编译用户控件。 16.2.2 创建用户控件的方法 16.2.3 使用用户控件 用户控件只能在同一应用程序的网页中共享。就是说，应用项目的多个网页中可以使用相同的用户控件，而每一个网页可以使用多种不同的用户控件。如果一个网页中需要使用多个用户控件时，最好先进行布局。然后再将用户控件分别拖到相应的位置。 在设计阶段，有的用户控件并不会充分展开，而是被压缩成小长方形，此时它只起占位的作用。程序运行时才会自动展开。 16.2.4 代码分析 进入ASP.NET的【源】视图，可以看见用户控件的相关代码如下： %@ Register TagPrefix=uc1 TagName=WebUserControl1 Src=WebUserControl1.ascx % body form id=Form1 method=post runat=server uc1:WebUserControl1 id=WebUserControl11 runat=server/uc1:WebUserControl1 /form /body 代码中粗体为用户控件的相关部分。其中语句： %@ Register TagPrefix=uc1 TagN