社区编辑申请
注册/登录
ASP.NET用户控件入门指南
开发 后端
ASP到ASP.NET是一个历史性的变更。本文对ASP.NET用户控件做了一番入门介绍。

ASP以及ASP.NET历史回顾

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. < TABLE id="Table1" style="FONT-SIZE: 9pt; WIDTH: 183px; HEIGHT: 125px" cellSpacing="1" 
  3. cellPadding="1" width="183" align="center" border="1"> 
  4. < TR> 
  5.    < TD height="20"> 
  6.     < asp:Label id="LabelUser" runat="server">用户:< /asp:Label> 
  7.     < asp:TextBox id="TextBoxUserName" Width="128px" runat="server">< /asp:TextBox>< /TD> 
  8. < /TR> 
  9. < TR> 
  10.    < TD height="20">< FONT face="宋体"> 
  11.      < asp:Label id="LabelPassword" runat="server">密码:< /asp:Label> 
  12.      < asp:TextBox id="TextBoxPassword" Width="128px" runat="server" TextMode="Password">< /asp:TextBox>< /FONT>< /TD> 
  13. < /TR> 
  14. < TR> 
  15.    < TD align="center" height="20">< FONT face="宋体"> 
  16.      < asp:Button id="ButtonLogIn" Width="50px" Text="登录" runat="server">< /asp:Button> 
  17.      < asp:Button id="ButtonLogOut" Width="49px" Text="注销" runat="server">< /asp:Button>< /FONT>< /TD> 
  18. < /TR> 
  19. < /TABLE> 

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

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

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

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

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

接下去为控件声明了LogInOutClick事件,如下:

  1. public event LogInOutClickHandler LogInOutClick; 

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

  1. private Language language; 

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

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

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

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

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

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

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

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

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

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

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

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

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

完整代码如下:

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

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

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

【编辑推荐】

  1. 深入研究Repeater控件:***的灵活性
  2. DataList控件入门介绍
  3. DataGrid Web控件运作机制探秘
  4. 小议ASP.NET数据Web控件之间的相似性
  5. 从传统ASP到ASP.NET的转变:了解控件
责任编辑:yangsai 来源: 百度空间
相关推荐

2009-08-10 14:16:59

2009-08-10 14:08:15

ASP.NET服务器控ASP.NET组件设计

2009-08-04 13:10:05

ASP.NET服务器控

2009-08-01 20:59:08

ASP.NET服务器控ASP.NET服务器ASP.NET

2009-08-07 14:55:15

ASP.NET复合控件

2009-09-09 22:53:34

ASP.NET 时间控

2009-08-06 17:13:56

ASP.NET自定义控

2009-07-24 09:57:25

ASP.NET HTM

2009-07-24 15:46:00

ASP.NET登陆控件

2009-07-27 17:25:53

2009-08-24 16:56:26

ASP.NET Log

2009-07-30 16:52:38

2009-08-03 18:00:00

ASP.NET服务器控

2011-04-19 10:33:16

ASP.NET自定义控

2009-07-27 16:19:59

ASP.NET报表控件

2009-08-19 13:44:00

ASP.NET Lis

2009-09-09 09:09:17

ASP.NET MVC

2009-07-24 10:36:08

ASP.NET控件

2009-08-05 15:57:03

ASP.NET控件ID

2009-08-07 17:49:44

控件设计器

同话题下的热门内容

太强了!Python 开发桌面小工具,让代码替我们干重复的工作!Python轻量级Web框架:Bottle库!Python居然被用来开发游戏了?盘点你想不到的Python开发场景用了那么久的Lombok,你知道它的原理么?实战 | 如何用 Python 自动化监控文件夹完成服务部署!Fury:一个基于JIT动态编译的高性能多语言原生序列化框架细思恐极,插上U盘就开始执行Python代码太全了!用Python操作MySQL的使用教程集锦!

编辑推荐

使用Kotlin做开发一个月后的感想面试官问你什么是消息队列?把这篇甩给他!五大自动化测试的Python框架图文详解两种算法:深度优先遍历(DFS)和广度优先遍历(BFS)2018年最流行的十大编程语言,其中包括你用的语言吗?
我收藏的内容
点赞
收藏

51CTO技术栈公众号