分享
 
 
 

Asp.net组件设计浅论

王朝asp·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

一、什么是组件?

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

二、学习Asp.net组件需要掌握的知识

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

理解IIS的运行机制和asp.net的运行模式。

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

三、组件设计的难度

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

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

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

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

四、基类的选择

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

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

五、实践出真知

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

<HTML>

<HEAD>

<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">

<TITLE></TITLE>

<script language="javascript">

function Virty(ctrl)

{

if (event.keyCode == 13)

return true

if (event.keyCode < 48 || event.keyCode > 57)

return false;

else

return true;

}

</script>

</HEAD>

<BODY>

<form method="POST" >

<p>

<input type="text" name="T1" size="20" OnKeyPress="javascript:return Virty(this);">

</p>

</form>

</BODY>

</HTML>

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

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

private const string SCP_NUMBER_ONLY_SCRIPT_ID="{29FD7A41-49FD-4fc4-AFA9-6A0B875A1A51}";

private const string SCP_NUMBER_ONLY_HOOK="return Virty(this);";

private const string SCP_NUMBER_ONLY_SCRIPT=

"<script language=\"JavaScript1.2\">\nfunction Virty (ctrl)\n{{\n"+

"if (event.keyCode == 13)\n return true;\n if (event.keyCode < 48 || event.keyCode > 57)\n return false;\n else\n return true;\n}}"+

"</script>";

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

private void RenderJavaScript()

{

if(!Page.IsClientScriptBlockRegistered(SCP_NUMBER_ONLY_SCRIPT_ID)) Page.RegisterClientScriptBlock(SCP_NUMBER_ONLY_SCRIPT_ID,string.Format(SCP_NUMBER_ONLY_SCRIPT,base.ID));

}

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

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

protected override void OnPreRender(EventArgs e)

{

base.OnPreRender (e);

RenderJavaScript();

}

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

protected override void AddAttributesToRender(HtmlTextWriter writer)

{

base.AddAttributesToRender(writer);

writer.AddAttribute("OnKeyPress",SCP_NUMBER_ONLY_HOOK);

}

最后的源码如下:

/////////////////////////////////////////////////////////////////////////////

/// 注意,本代码版权所有者为黄忠成先生。

/// 在此表示感谢他写的书《ASP.NET组件设计》

////////////////////////////////////////////////////////////////////////////

using System;

using System.Text;

using System.Drawing;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace PowerAsp.NET.Controls

{

[ToolboxBitmap(typeof(NumberEditor),"PowerAsp.NET.Controls.NumberEditor.bmp")]

public class NumberEditor:BaseEditor

{

private const string SCP_NUMBER_ONLY_SCRIPT_ID="{29FD7A41-49FD-4fc4-AFA9-6A0B875A1A51}";

private const string SCP_NUMBER_ONLY_HOOK="return NumberEditor_KeyPress_Handle(this);";

private const string SCP_NUMBER_ONLY_SCRIPT=

"<script language=\"JavaScript1.2\">\nfunction NumberEditor_KeyPress_Handle(ctrl)\n{{\n"+

"if (event.keyCode == 13)\n return true;\n if (event.keyCode < 48 || event.keyCode > 57)\n return false;\n else\n return true;\n}}"+

"</script>";

//rending number-limit javaScript.

private void RenderJavaScript()

{

if(!Page.IsClientScriptBlockRegistered(SCP_NUMBER_ONLY_SCRIPT_ID)) Page.RegisterClientScriptBlock(SCP_NUMBER_ONLY_SCRIPT_ID,string.Format(SCP_NUMBER_ONLY_SCRIPT,base.ID));

}

protected override void AddAttributesToRender(HtmlTextWriter writer)

{

base.AddAttributesToRender(writer);

writer.AddAttribute("OnKeyPress",SCP_NUMBER_ONLY_HOOK);

}

protected override void OnPreRender(EventArgs e)

{

base.OnPreRender (e);

RenderJavaScript();

}

public NumberEditor():base()

{

}

}

}

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有