ASP.NET组件设计浅谈
创始人
2024-04-27 04:21:40
0

在ASP.NET组件设计学习之前,那么让我们先了解下什么是ASP.NET组件

ASP.NET组件设计一、什么是ASP.NET组件?

查看MSDN,微软是这样给组件定义的:在 .NET Framework 中,组件是指实现 System.ComponentModel.IComponent 接口的一个类,或从实现 IComponent 的类中直接或间接派生的类。这是从纯语言(技术)角度下的定义,通俗的讲,组件是“可独立运作的软件单元”,这里强调独立运作,也就代表着组件必须拥有低耦合性、高重用性等特点。微软将软件划分为两部分:其一是Component,意指具备特定功能、可独立运作、不具备UI接口的单元;其二是Control,也就是我们常说的控件,意指具备特定功能、可独立运作的UI接口单元。

ASP.NET组件设计二、学习ASP.NET组件需要掌握的知识

任意掌握一门.net语言,建议使用C#,C#是一门全新的语言,但又借鉴了C++和JAVA的语法,同时引入了一些新概念,在程序员中口啤不错。

理解IIS的运行机制和ASP.NET的运行模式。

熟练掌握javascript,该脚本语言强大的功能在处理客户端动作时表现非常出色,基本上所有的自定义组件都离不开javascript,同时,CSS和DHTML也是要心知肚明的。没办法,他们很少会单独出现,总是喜欢集体演出。

ASP.NET组件设计三、ASP.NET组件设计的难度

这个问题不用问,也许您猜出了几分,一个字:难。

您也许会有所察觉,在编写ASP.NET应用程序时,很少会对viewstate作深入的研究,原因很简单,因为ViewState本身设计的用户对象本来就不是应用程序员,而是组件设计员。如果不是因为客户端需要,您也不会在ASP.NET中编写大量的javascript脚本,而在组件设计中,很难逃脱干系。不止这些,是否设计成服务器组件?我们的组件是继承Control、还是继承WebControl或是继承Component?在组件中,需要自定义Attribute吗?需要实现数据绑定吗?如何绘制组件的外观?如何和IIS通讯?需要post-back吗?很多很多的问题,都需要组件设计者——辛苦的您去一一考虑。

所以,如果您不屑一顾地说:不就是设计一个组件吗?这有何难!那么,我会嘿嘿一笑,因为我知道,您一定在开玩笑。

但是,千万别怕,“程序员需要探索精神哦!”

ASP.NET组件设计四、基类的选择

如果我们设计的是一个WEB可视控件,并且构成WEB页的一部分,那么可以继承Control类或者WebControl类。如果是一个非可视控件,可以继承Component,继承此类的控件设计时不会出现在页面上,而是出现在Component Tray中。还记得OpenFileDialog控件吗?这个文件打开对话框控件就是出现在Component Tray控件中的。

如果我们只是在已有的控件基础上增强功能,那么就继承该已有的控件吧。

ASP.NET组件设计五、实践出真知

假设我们要设计一个组件,该组件只允许用户输入数字,该验证工作自然应该放到客户端,客户端的验证脚本可以这样写:

  1. ﹤HTML﹥  
  2.  
  3. ﹤HEAD﹥  
  4.  
  5. ﹤META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"﹥  
  6.  
  7. ﹤TITLE﹥﹤/TITLE﹥  
  8.  
  9. ﹤script language="javascript"﹥  
  10.  
  11. function Virty(ctrl)  
  12.  
  13. {  
  14.  
  15. if (event.keyCode == 13)  
  16.  
  17. return true  
  18.  
  19. if (event.keyCode ﹤ 48 || event.keyCode ﹥ 57)  
  20.  
  21. return false;  
  22.  
  23. else  
  24.  
  25. return true;  
  26.  
  27. }  
  28.  
  29. ﹤/script﹥  
  30.  
  31. ﹤/HEAD﹥  
  32.  
  33. ﹤BODY﹥  
  34.  
  35. ﹤form method="POST" ﹥  
  36.  
  37. ﹤p﹥  
  38.  
  39. ﹤input type="text" name="T1" size="20" OnKeyPress="javascript:return Virty(this);"﹥  
  40.  
  41. ﹤/p﹥  
  42.  
  43. ﹤/form﹥  
  44.  
  45. ﹤/BODY﹥  
  46.  
  47. ﹤/HTML﹥ 

当然,这些验证代码不能由用户去写,应该由组件设计者去写,也就是说,当用户把该组件从工具箱中拖到页面上后,运行时应该自动生成验证代码。向WEB页绘制代码,我们重写OnPreRender()方法就可以了。

在重写OnPreRender()方法之前,先写定义几个常量:

  1. private const string SCP_NUMBER_ONLY_SCRIPT_ID="{29FD7A41-49FD-4fc4-AFA9-6A0B87***1A51}";  
  2.  
  3. private const string SCP_NUMBER_ONLY_HOOK="return Virty(this);";  
  4.  
  5. private const string SCP_NUMBER_ONLY_SCRIPT=  
  6.  
  7. "﹤script language=\"JavaScript1.2\"﹥\nfunction Virty (ctrl)\n{{\n"+  
  8.  
  9. "if (event.keyCode == 13)\n return true;\n if (event.keyCode ﹤ 48 || event.keyCode ﹥ 57)\n   
  10. return false;  
  11. \n else\n return true;\n}}"+  
  12.  
  13. "﹤/script﹥"; 

下面的方法用于验证代码的生成:

  1. private void RenderJavaScript()  
  2.  
  3. {  
  4.  
  5. if(!Page.IsClientScriptBlockRegistered(SCP_NUMBER_ONLY_SCRIPT_ID))   
  6. Page.RegisterClientScriptBlock  
  7. (SCP_NUMBER_ONLY_SCRIPT_ID,  
  8. string.Format(SCP_NUMBER_ONLY_SCRIPT,base.ID));  
  9.  
  10. }  

为什么会有Page.IsClientScriptBlockRegistered(SCP_NUMBER_ONLY_SCRIPT_ID)呢?我们想象一下,如果在WEB页中有十个该控件,那是不是就要输出十个这样的脚本?显然,这是画蛇添足了,所以,我们要用IsClientScriptBlockRegistered()判断该脚本是否在客户端输出,如果脚本在客户端已注册,则不再输出了。

接下来就是重写OnPreRender()方法了,该方法负责向客户端绘制脚本。

  1. protected override void OnPreRender(EventArgs e)  
  2.  
  3. {  
  4.  
  5. base.OnPreRender (e);  
  6.  
  7. RenderJavaScript();  
  8.  

大家应该注意到,该脚本需要事件触发才会执行,当用户从浏览器输入数据时,如果是非数字,则忽略该动作,否则才接受输入。这就需要OnKeyPress="javascript:return Virty(this);"这段代码了。那么,这段代码怎么向客户端输出呢?重写AddAttributesToRender()方法吧,该方法负责绘制组件的属性。于是,我们写了下面一段代码:

  1. protected override void AddAttributesToRender(HtmlTextWriter writer)  
  2.  
  3. {  
  4.  
  5. base.AddAttributesToRender(writer);  
  6.  
  7.  
  8. writer.AddAttribute("OnKeyPress",SCP_NUMBER_ONLY_HOOK);  
  9.  

ASP.NET组件设计***的源码如下:

  1. using System;  
  2.  
  3. using System.Text;  
  4.  
  5. using System.Drawing;  
  6.  
  7. using System.Web;  
  8.  
  9. using System.Web.UI;  
  10.  
  11. using System.Web.UI.WebControls;  
  12.  
  13. namespace PowerASP.NET.Controls  
  14.  
  15. {  
  16.  
  17. [ToolboxBitmap(typeof(NumberEditor),"PowerASP.NET.Controls.NumberEditor.bmp")]  
  18.  
  19. public class NumberEditor:BaseEditor  
  20.  
  21. {  
  22.  
  23. private const string SCP_NUMBER_ONLY_SCRIPT_ID="{29FD7A41-49FD-4fc4-AFA9-6A0B87***1A51}";  
  24.  
  25. private const string SCP_NUMBER_ONLY_HOOK="return NumberEditor_KeyPress_Handle(this);";  
  26.  
  27. private const string SCP_NUMBER_ONLY_SCRIPT=  
  28.  
  29. "﹤script language=\"JavaScript1.2\"﹥\nfunction NumberEditor_KeyPress_Handle(ctrl)\n{{\n"+  
  30.  
  31. "if (event.keyCode == 13)\n return true;
  32. \n if (event.keyCode ﹤ 48 || event.keyCode ﹥ 57)\n return false;\n else\n return true;\n}}"+  
  33.  
  34. "﹤/script﹥";  
  35.  
  36. //rending number-limit javaScript.  
  37.  
  38. private void RenderJavaScript()  
  39.  
  40. {  
  41.  
  42. if(!Page.IsClientScriptBlockRegistered(SCP_NUMBER_ONLY_SCRIPT_ID)) 
  43. Page.RegisterClientScriptBlock(SCP_NUMBER_ONLY_SCRIPT_ID,
  44. string.Format(SCP_NUMBER_ONLY_SCRIPT,base.ID));  
  45.  
  46. }  
  47.  
  48. protected override void AddAttributesToRender(HtmlTextWriter writer)  
  49.  
  50. {  
  51.  
  52. base.AddAttributesToRender(writer);  
  53.  
  54. writer.AddAttribute("OnKeyPress",SCP_NUMBER_ONLY_HOOK);  
  55.  
  56. }  
  57.  
  58. protected override void OnPreRender(EventArgs e)  
  59.  
  60. {  
  61.  
  62. base.OnPreRender (e);  
  63.  
  64. RenderJavaScript();  
  65.  
  66. }  
  67.  
  68. public NumberEditor():base()  
  69.  
  70. {  
  71.  
  72. }  
  73.  
  74. }  
  75.  

ASP.NET组件设计的相关信息就向你介绍到这里,希望对你了解ASP.NET组件设计有所帮助。

【编辑推荐】

  1. ASP.NET控件开发基础的总结详解
  2. ASP.NET模板控件开发浅析
  3. ASP.NET数据绑定控件开发浅析
  4. ASP.NET控件设计时支持浅析
  5. ASP.NET控件设计器浅析

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...