ASP.NET用户控件入门指南

ASP以及ASP.NET历史回顾

创新互联公司-专业网站定制、快速模板网站建设、高性价比鲁山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式鲁山网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖鲁山地区。费用合理售后完善，10余年实体公司更值得信赖。

ASP.NET技术虽然算是从ASP演变而来的，不过使用起来确实是两码事。我们先看看这两个技术的历史：在90年代初，Microsoft为Web程序员提供的 Active Server Pages(ASP)革命性地改变了Web的编程。它可以利用十分易用的模型在Web服务器上动态生成HTML，并且很容易的实现了对数据库的访问，就当时来说，这是一项多么吸引人的技术，包括现在Internet上的许多web站点都是用Asp写的，我的同事前辈们更是玩Asp的高手，经历这么多年而不衰，可见他的成功。

但是，技术是在不断的发展着，引用某位Net专家的话讲――如今Web编程的状态还是落后的。因此Microsoft提出了第二代编程模型――Web窗体。Web窗体模型作为Asp.net的一部分，而Asp.net又是.Net框架的一个部分。他的编程模型是基于事件的，使用他更像是在进行Windows窗体编程，这一点也正是我决定去学习使用他的一个重要原因，也胡乱看了一些这方面的书，写这篇文章的目的也就是和各位Asp.net初学者和还没有为用户控件添加过自定义事件的同行分享一下经验。

建立一个简单的ASP.NET用户控件

废话少说，下面就让我们先建立一个用户控件吧，这里就用一个简单登录用户控件来做演示。

先来看看用户控件的前台代码(LogInOutControl.ascx文件)：

 
 
 
    
  
  
  
  1. < %@ Control Language="c#" AutoEventWireup="false" Codebehind="LogInOutControl.ascx.cs" Inherits="ZZ.LogInOutControl" TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>
    2. 
  
  
  
  2. < TABLE id="Table1" style="FONT-SIZE: 9pt; WIDTH: 183px; HEIGHT: 125px" cellSpacing="1"
    3. 
  
  
  
  3. cellPadding="1" width="183" align="center" border="1">
    4. 
  
  
  
  4. < TR>
    5. 
  
  
  
  5.    < TD height="20">
    6. 
  
  
  
  6.     < asp:Label id="LabelUser" runat="server">用户：< /asp:Label>
    7. 
  
  
  
  7.     < asp:TextBox id="TextBoxUserName" Width="128px" runat="server">< /asp:TextBox>< /TD>
    8. 
  
  
  
  8. < /TR>
    9. 
  
  
  
  9. < TR>
    10. 
  
  
  
  10.    < TD height="20">< FONT face="宋体">
    11. 
  
  
  
  11.      < asp:Label id="LabelPassword" runat="server">密码：< /asp:Label>
    12. 
  
  
  
  12.      < asp:TextBox id="TextBoxPassword" Width="128px" runat="server" TextMode="Password">< /asp:TextBox>< /FONT>< /TD>
    13. 
  
  
  
  13. < /TR>
    14. 
  
  
  
  14. < TR>
    15. 
  
  
  
  15.    < TD align="center" height="20">< FONT face="宋体">
    16. 
  
  
  
  16.      < asp:Button id="ButtonLogIn" Width="50px" Text="登录" runat="server">< /asp:Button>
    17. 
  
  
  
  17.      < asp:Button id="ButtonLogOut" Width="49px" Text="注销" runat="server">< /asp:Button>< /FONT>< /TD>
    18. 
  
  
  
  18. < /TR>
    19. 
  
  
  
  19. < /TABLE>
    20.

我们简单的放了两个Label，两个TextBox，两个Button以及一个Html表。

接下去就是为LogInOutControl.ascx.cs文件添加代码了。

首先定义一个delegate，其中LogInOutEventArgs类是从EventArgs类继承，

 
 
 
    
  
  
  
  1. public delegate void LogInOutClickHandler(object sender,LogInOutEventArgs e);
    2.

我觉得把这个delegate放在LogInOutControl类外面更为合适。

接下去为控件声明了LogInOutClick事件，如下：

 
 
 
    
  
  
  
  1. public event LogInOutClickHandler LogInOutClick;
    2.

另外为了更好的使用属性，加了Language枚举，

 
 
 
    
  
  
  
  1. private Language language;
    2.

当然外部通过public Language Lg {get;set;}属性来访问。目的就是改变或者获取当前控件的显示。

接下去就是定义控件事件触发函数OnLogInOutClick，由按钮单击事件处理函数来完成对用户控件事件的触发。

ASP.NET用户控件完整代码如下：

 
 
 
    
  
  
  
  1. namespace ZZ 
    2. 
  
  
  
  2. { 
    3. 
  
  
  
  3. using System; 
    4. 
  
  
  
  4. using System.Data; 
    5. 
  
  
  
  5. using System.Drawing; 
    6. 
  
  
  
  6. using System.Web; 
    7. 
  
  
  
  7. using System.Web.UI.WebControls; 
    8. 
  
  
  
  8. using System.Web.UI.HtmlControls; 
    9. 
  
  
  
  9. 
  
  
  
  10. // 定义代理 
    11. 
  
  
  
  11. public delegate void LogInOutClickHandler(object sender,LogInOutEventArgs e); 
    12. 
  
  
  
  12. public class LogInOutControl : System.Web.UI.UserControl 
    13. 
  
  
  
  13. { 
    14. 
  
  
  
  14.    protected System.Web.UI.WebControls.Button ButtonLogIn; 
    15. 
  
  
  
  15.    protected System.Web.UI.WebControls.TextBox TextBoxUserName; 
    16. 
  
  
  
  16.    protected System.Web.UI.WebControls.TextBox TextBoxPassword; 
    17. 
  
  
  
  17.    protected System.Web.UI.WebControls.Button ButtonLogOut; 
    18. 
  
  
  
  18.    protected System.Web.UI.WebControls.Label LabelUser; 
    19. 
  
  
  
  19.    protected System.Web.UI.WebControls.Label LabelPassword; 
    20. 
  
  
  
  20.    public event LogInOutClickHandler LogInOutClick; 
    21. 
  
  
  
  21.    private Language language; 
    22. 
  
  
  
  22.    //方法 
    23. 
  
  
  
  23.    public void ChangeLanguage(Language language) 
    24. 
  
  
  
  24.    { 
    25. 
  
  
  
  25.     this.Lg = language; 
    26. 
  
  
  
  26.    } 
    27. 
  
  
  
  27.    //属性 
    28. 
  
  
  
  28.    public Language Lg 
    29. 
  
  
  
  29.    { 
    30. 
  
  
  
  30.     set
    31. 
  
  
  
  31.     { 
    32. 
  
  
  
  32.      if(value!=this.language) 
    33. 
  
  
  
  33.      { 
    34. 
  
  
  
  34.       if(value==Language.English) 
    35. 
  
  
  
  35.       { 
    36. 
  
  
  
  36.        this.LabelUser.Text = "User:"; 
    37. 
  
  
  
  37.        this.LabelPassword.Text ="Password:"; 
    38. 
  
  
  
  38.        this.ButtonLogIn.Text = "LogIn"; 
    39. 
  
  
  
  39.        this.ButtonLogOut.Text = "LogOut"; 
    40. 
  
  
  
  40.       } 
    41. 
  
  
  
  41.       else
    42. 
  
  
  
  42.       { 
    43. 
  
  
  
  43.        this.LabelUser.Text = "用户："; 
    44. 
  
  
  
  44.        this.LabelPassword.Text ="密码："; 
    45. 
  
  
  
  45.        this.ButtonLogIn.Text = "登录"; 
    46. 
  
  
  
  46.        this.ButtonLogOut.Text = "注销"; 
    47. 
  
  
  
  47.       } 
    48. 
  
  
  
  48.      } 
    49. 
  
  
  
  49.     } 
    50. 
  
  
  
  50.    } 
    51. 
  
  
  
  51.    private void Page_Load(object sender, System.EventArgs e) 
    52. 
  
  
  
  52.    { 
    53. 
  
  
  
  53.     if(this.LabelUser.Text=="User:") 
    54. 
  
  
  
  54.       this.language = Language.English; 
    55. 
  
  
  
  55.      else
    56. 
  
  
  
  56.       this.language = Language.Chinese; 
    57. 
  
  
  
  57.    } 
    58. 
  
  
  
  58.    private void OnLogInOutClick(object sender,LogInOutEventArgs e) 
    59. 
  
  
  
  59.    { 
    60. 
  
  
  
  60.     if(LogInOutClick!=null) 
    61. 
  
  
  
  61.      LogInOutClick(this,e); 
    62. 
  
  
  
  62.    } 
    63. 
  
  
  
  63.    #region Web 窗体设计器生成的代码 
    64. 
  
  
  
  64.    override protected void OnInit(EventArgs e) 
    65. 
  
  
  
  65.    { 
    66. 
  
  
  
  66.     InitializeComponent(); 
    67. 
  
  
  
  67.     base.OnInit(e); 
    68. 
  
  
  
  68.    } 
    69. 
  
  
  
  69. private void InitializeComponent() 
    70. 
  
  
  
  70.    { 
    71. 
  
  
  
  71.     this.ButtonLogIn.Click += new System.EventHandler(this.ButtonLogIn_Click); 
    72. 
  
  
  
  72.     this.ButtonLogOut.Click += new System.EventHandler(this.ButtonLogOut_Click); 
    73. 
  
  
  
  73.     this.Load += new System.EventHandler(this.Page_Load); 
    74. 
  
  
  
  74.    } 
    75. 
  
  
  
  75.    #endregion 
    76. 
  
  
  
  76.    private void ButtonLogIn_Click(object sender, System.EventArgs e) 
    77. 
  
  
  
  77.    { 
    78. 
  
  
  
  78.     OnLogInOutClick(this,new LogInOutEventArgs(LogInClickType.LongIn,CustomValidate(this.TextBoxUserName.Text,this.TextBoxPassword.Text))); 
    79. 
  
  
  
  79.    } 
    80. 
  
  
  
  80.    private void ButtonLogOut_Click(object sender, System.EventArgs e) 
    81. 
  
  
  
  81.    { 
    82. 
  
  
  
  82.     //注销代码省略 
    83. 
  
  
  
  83.     OnLogInOutClick(this,new LogInOutEventArgs(LogInClickType.LongOut,true)); 
    84. 
  
  
  
  84.    } 
    85. 
  
  
  
  85.    //验证函数 
    86. 
  
  
  
  86.    private bool CustomValidate(string userName,string password) 
    87. 
  
  
  
  87.    { 
    88. 
  
  
  
  88.     //验证代码省略，假设通过 
    89. 
  
  
  
  89.     return true; 
    90. 
  
  
  
  90.    } 
    91. 
  
  
  
  91. } 
    92. 
  
  
  
  92. } 
    93.

另外一个文件定义了枚举和参数类：

 
 
 
    
  
  
  
  1. using System; 
    2. 
  
  
  
  2. namespace ZZ 
    3. 
  
  
  
  3. { 
    4. 
  
  
  
  4. public class LogInOutEventArgs : EventArgs 
    5. 
  
  
  
  5. { 
    6. 
  
  
  
  6.    private LogInClickType type; 
    7. 
  
  
  
  7.    private bool result; 
    8. 
  
  
  
  8.    
    9. 
  
  
  
  9.    public LogInOutEventArgs(LogInClickType type,bool result):base() 
    10. 
  
  
  
  10.    { 
    11. 
  
  
  
  11.     this.type = type; 
    12. 
  
  
  
  12.     this.result = result; 
    13. 
  
  
  
  13.    } 
    14. 
  
  
  
  14.    public LogInClickType Type 
    15. 
  
  
  
  15.    { 
    16. 
  
  
  
  16.     get{return this.type;} 
    17. 
  
  
  
  17.    } 
    18. 
  
  
  
  18.    //操作结果， 
    19. 
  
  
  
  19.    public bool Result 
    20. 
  
  
  
  20.    { 
    21. 
  
  
  
  21.     get{return this.result;} 
    22. 
  
  
  
  22.    } 
    23. 
  
  
  
  23. } 
    24. 
  
  
  
  24. //操作类型 
    25. 
  
  
  
  25. public enum LogInClickType : int
    26. 
  
  
  
  26. { 
    27. 
  
  
  
  27.    LongIn, 
    28. 
  
  
  
  28.    LongOut 
    29. 
  
  
  
  29. } 
    30. 
  
  
  
  30. //定义语言 
    31. 
  
  
  
  31. public enum Language  
    32. 
  
  
  
  32. { 
    33. 
  
  
  
  33.    Chinese, 
    34. 
  
  
  
  34.    English 
    35. 
  
  
  
  35. } 
    36. 
  
  
  
  36. }
    37.

接下去看看在aspx页面里面使用ASP.NET用户控件。

新建一个Default.aspx页面，拖一个LogInOutControl用户控件到上面。

 
 
 
    
  
  
  
  1. < %@ Register TagPrefix="uc1" TagName="LogInOutControl" Src="LogInOutControl.ascx" %>
    2. 
  
  
  
  2. < %@ Page language="c#" Codebehind="Default.aspx.cs" AutoEventWireup="false" Inherits="ZZ.Default" %>
    3. 
  
  
  
  3. < %@ Import Namespace="ZZ" %>
    4. 
  
  
  
  4. < HTML>
    5. 
  
  
  
  5. < HEAD>
    6. 
  
  
  
  6.    < title>WebForm1< /title>
    7. 
  
  
  
  7. < /HEAD>
    8. 
  
  
  
  8. < body>
    9. 
  
  
  
  9.    < form id="Form1" method="post" runat="server">
    10. 
  
  
  
  10.     < FONT face="宋体">
    11. 
  
  
  
  11.      < uc1:LogInOutControl id="LogInOutControl1" runat="server">
    12. 
  
  
  
  12.      < /uc1:LogInOutControl>
    13. 
  
  
  
  13.      < asp:Label id="LabelMsg" runat="server">< /asp:Label>
    14. 
  
  
  
  14.      < asp:DropDownList id="DropDownList1" runat="server" AutoPostBack="True">
    15. 
  
  
  
  15.       < asp:ListItem Value="0" Selected="True">中文< /asp:ListItem>
    16. 
  
  
  
  16.       < asp:ListItem Value="1">英文< /asp:ListItem>
    17. 
  
  
  
  17.      < /asp:DropDownList>< /FONT>
    18. 
  
  
  
  18.    < /form>
    19. 
  
  
  
  19. < /body>
    20. 
  
  
  
  20. < /HTML>
    21.

在后台代码中添加事件和属性。

虽然在前台添加了LogInOutControl1，但是后台代码中不会生成protected LogInOutControl LogInOutControl1;这条语句，我觉得很奇怪，不管先加上他。

接着在Page_Load事件中注册LogInOutClick事件：

 
 
 
    
  
  
  
  1. this.LogInOutControl1.LogInOutClick += new LogInOutClickHandler(LogInOutControl1_LogInOutClick);
    2.

完整代码如下：

 
 
 
    
  
  
  
  1. using System; 
    2. 
  
  
  
  2. using System.Collections; 
    3. 
  
  
  
  3. using System.ComponentModel; 
    4. 
  
  
  
  4. using System.Data; 
    5. 
  
  
  
  5. using System.Drawing; 
    6. 
  
  
  
  6. using System.Web; 
    7. 
  
  
  
  7. using System.Web.SessionState; 
    8. 
  
  
  
  8. using System.Web.UI; 
    9. 
  
  
  
  9. using System.Web.UI.WebControls; 
    10. 
  
  
  
  10. using System.Web.UI.HtmlControls; 
    11. 
  
  
  
  11. 
  
  
  
  12. namespace ZZ 
    13. 
  
  
  
  13. { 
    14. 
  
  
  
  14. public class Default : System.Web.UI.Page 
    15. 
  
  
  
  15. { 
    16. 
  
  
  
  16.    protected System.Web.UI.WebControls.Label LabelMsg; 
    17. 
  
  
  
  17.    protected System.Web.UI.WebControls.DropDownList DropDownList1; 
    18. 
  
  
  
  18.    protected LogInOutControl LogInOutControl1; 
    19. 
  
  
  
  19.    private void Page_Load(object sender, System.EventArgs e) 
    20. 
  
  
  
  20.    { 
    21. 
  
  
  
  21.     //注册用户控件事件 
    22. 
  
  
  
  22.     this.LogInOutControl1.LogInOutClick += new LogInOutClickHandler(LogInOutControl1_LogInOutClick); 
    23. 
  
  
  
  23.    } 
    24. 
  
  
  
  24.    #region Web 窗体设计器生成的代码 
    25. 
  
  
  
  25.    override protected void OnInit(EventArgs e) 
    26. 
  
  
  
  26.    { 
    27. 
  
  
  
  27.     InitializeComponent(); 
    28. 
  
  
  
  28.     base.OnInit(e); 
    29. 
  
  
  
  29.    } 
    30. 
  
  
  
  30.    private void InitializeComponent() 
    31. 
  
  
  
  31.    {     
    32. 
  
  
  
  32.     this.DropDownList1.SelectedIndexChanged += new System.EventHandler(this.DropDownList1_SelectedIndexChanged); 
    33. 
  
  
  
  33.     this.Load += new System.EventHandler(this.Page_Load); 
    34. 
  
  
  
  34.    } 
    35. 
  
  
  
  35.    #endregion 
    36. 
  
  
  
  36.    private void LogInOutControl1_LogInOutClick(object sender, LogInOutEventArgs e) 
    37. 
  
  
  
  37.    { 
    38. 
  
  
  
  38.     switch(e.Type) 
    39. 
  
  
  
  39.     { 
    40. 
  
  
  
  40.      case LogInClickType.LongIn: 
    41. 
  
  
  
  41.       this.LabelMsg.Text = "你点击了登录按钮，操作结果："+e.Result.ToString(); 
    42. 
  
  
  
  42.       break; 
    43. 
  
  
  
  43.      case LogInClickType.LongOut: 
    44. 
  
  
  
  44.       this.LabelMsg.Text = "你点击了注销按钮，操作结果："+e.Result.ToString(); 
    45. 
  
  
  
  45.       break; 
    46. 
  
  
  
  46.     } 
    47. 
  
  
  
  47.    } 
    48. 
  
  
  
  48. private void DropDownList1_SelectedIndexChanged(object sender, System.EventArgs e) 
    49. 
  
  
  
  49.    { 
    50. 
  
  
  
  50.     this.LogInOutControl1.Lg = (Language)this.DropDownList1.SelectedIndex; 
    51. 
  
  
  
  51.     //this.LogInOutControl1.ChangeLanguage((Language)this.DropDownList1.SelectedIndex); 
    52. 
  
  
  
  52.    } 
    53. 
  
  
  
  53. } 
    54. 
  
  
  
  54. } 
    55.

当用户在前台通过选择下拉框列表来改变控件的语言，这里通过Lg属性来完成，不过这里也加了一个方法ChangeLanguage也可以实现同样的功能。另外，通过点击登陆或注销按钮触发LogInOutClick事件来给页面中的LabelMsg.Text属性赋值从而得到操作结果。

总结，用户控件为程序员带来了很高的开发效率和重用性，更是在性能方面有了很大的提高，以前称为Asp+，其实我认为Asp.net跟Asp没有什么直接联系。而且我想做应用程序的朋友和我一样在开发Web程序时更喜欢采用代码分离方式，这样结构更清晰，便与修改和管理。同Asp程序相比，他是编译型的，引入了面向对象的设计思想，也就不可避免的带来了他的复杂性，要想开发高水准的Asp.net程序，对于模式的设计，层次结构的划分，这里还是比较讲究的。总之，他更像是在编Windows窗体程序，而不是在写VB脚本。

分享标题：ASP.NET用户控件入门指南
文章起源：http://www.stwzsj.com/qtweb/news37/8837.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

关键词优化知识

分类信息网

棕树数据中心　　 　绵阳服务器托管　　 　成都木托盘　　 　成都门户网站建设　　 　成都网站建设　　 　四川内江电信机房　　 　自贡电信机房　　 　成都网站设计制作公司　　 　南充网站制作　　 　成都定制网页设计　　 　网站服务器租用　　 　边坡柔性防护网　　 　成都圣月服饰　　 　企业网站设计　　 　成都网络营销　　 　乐山中领科信　　 　上市集团网站建设　　 　网站优化排名推广　　 　成都企业网站定制　　 　重庆花箱