从上述的导图可以看出，web控件可以分为三类，html服务器控件、web服务器控件，web服务器验证控件。
 
其中，asp.net 服务器控件中包括了html和web的两种服务器控件，而html控件加上runat="server"之后，就变成了html服务器控件。
 
  web服务器控件的种类：
 
         1、literal控件
 
              无需添加任何html元素即可将静态文本呈现在web页面上，并可以通过服务器代码以编程方式静态控制文本。
 
         2、label控件、textbox控件、image控件、
 
         3、按钮控件
 
               hyperlink控件、button控件、imagebutton、linkbutton、
 
         4、列表类控件
 
               dropdownlist控件、listbox控件、
 
         5、选择类控件
 
               checkbox、radiobutton控件、radiobuttonlist.
 
          6、其他控件
 
                表格类控件、adrotator控件、calendar web服务器控件、
 

 
 
按另一种方式分类：
 
        
 
1、内部控件
 
       asp.net 引入一组称为“内部控件”的新控件，他们专门用于asp.net。它的使用方法与html控件相同，他们映射到html元素并通过使用runat="server"属性在服务器上执行。
 
      包括:checkbox、textbox、button、radiobutton、listbox、dropdownlist、
 
2、列表控件
 
       用于在web页中创建数据列表、填充这些控件的数据通常是从数据库中检索的，用户可以从列表中选择一种选项，并且该选项将存储在数据库中，通常使用的标准列表控件是Repeater、DataList和DataGrid控件
 
3、复杂控件
 
       当希望控件拥有复杂的功能或使用html元素无法创建的功能丰富的用户界面时，可以使用复杂控件，比如日历、广告控件。
 
4、验证控件
 
     输入的控件的数据需要进行准确性和取值范围方面的检查，在asp中，验证工作职能使用客户端脚本语言在客户端上执行，而在asp.net引入智能验证控件以使验证工作在服务器端执行。
 

 
 
          另外除了web控件的这些基本类型，还有一些用户控件和自定义控件。
 

 
 

 
 

 
 
用户控件：
 
       在 ASP.NET 中:使用与 ASP.NET 页相同的语法，以声明方式创作的服务器控件。该控件用 .ascx 扩展名保存为文本文件。用户控件允许对页功能进行分区和重用。第一次请求时，页框架立即将用户控件分析为从System.Web.UI.UserControl 派生的类，并将该类编译到一个程序集中;页框架在后面的请求中将重用该程序集。因为用户控件不需要预编译就可以进行页面样式创作和部署，所以开发起来很容易。
 
        在windows窗体中，在应用程序内部或者应用程序之间提供一致性行为和用户界面的复合控件。用户控件可以是某个应用程序的本地控件，也可以添加到库中并编译成DLL供多个应用程序使用。
 
       开发方法：
 
       1、自定义控件的开发，即继承如Control的积累实现服务器控件。
 
       2、开发用户控件。
 
             创建用户控件与创建普通asp.net web页面类似，但是还是有些不同。步骤是：
 
            ① 创建一个.ascx的文本文件。这是用户控件和asp.net web页面的第一个不同点，后者使用的扩展名为.aspx。
 
             ②在文本文件顶部添加@Control指令，并通过language属性来设置所选择的编程语言，这是用户控件和web页面的第二个不同点。（后者使用@page指令）。
 
             ③向文本文件添加HTML标记文本和asp.net服务器控件。可以添加html、body和form之外的任何html标记，这是因为用户控件不能单独使用，必须做为web页面的一部分使用。这是用户控件和web页面的第三个不同点。
 
            
 
       实例：
 
          
 

 
 

 
 
 
 

 
 

 
 

 
 
   做好了控件之后，直接拖到web窗体上就可以了。
 
 
 

 
 
自定义控件
 
     自定义控件是已编译的服务器端控件，它将用户界面和其他功能都封装起来到可复用的包中，自定义控件和标准的控件相比，除了他们一个不同的标记前缀，并且必须进行显示注册和部署以外并没有什么不同。此外，自定义控件拥有自己的对象模型，能够触发事件，并支持Microsoft Visual Studio 的所有设计是特性，诸如属性窗口、可视化设计器、属性生成器和工具箱。
 
     上面讲了用户控件，它只需要想创建页面一样，在设计器里拖拉系统控件设计界面，然后为这些控件添加必须的事件代码就可以，它纯粹就是组合。而自定义控件是“从头实现”控件的底层功能，编写一个类继承自Control，并实现INamingContainer接口，甚至重写控件的Render方法，控制控件生成的html代码，以及实现响应从浏览器传回数据的事件和处理传回的数据，它不仅叫自定义控件，也可以叫做复合控件。
 
     自定义控件使用的时候，可以点击vs软件右边上的工具箱，在工具箱上空白处点击右键选择项--在.NET Framework组件选项卡下点击“浏览”--找到你要添加的自定义控件(.dll文件)--打开--确定。这样你就可以在工具箱中将那个自定义控件拖出来使用了。常用的控件有：分页控件、文本编辑器、水晶报表、ActiveReports等。
 
            
 
           
 
      这些控件就构成了web窗体，通过html服务器控件、web服务器控件、web验证控件、用户控件、自定义控件来综合编辑我们的web窗体。
 
                           
 
             更多功能设计，需要我们通过实践来探索。
 

 
 

 
 
        
 

 
 
               
 

 

 
背景：
 

              
自己学习Web网页程序开发的知识也有一段时间，在学习控件上找到与之前 C/S学习的共鸣之处。

 

 
正文：
 

              
那么Web控件是什么？它的种类有哪些！它有什么用处哪？
 

 
     是什么？
 

 
            Web控件是对象。拥有方法和属性并且响应事件。可以为Web控件编写服务器端代码以响应在客户端上发生的事件。Web控件包括属性和事件，属性：对象所具有的一些可描述的特点，例如颜色、尺寸等；事件：使对象对某些
 
预定义的外部动作进行响应，例如单击按钮、双击按钮等。
 
 
     种类  
 
 
             .NET控件分为俩大类：Web服务器控件和HTML控件。
 
        二者主要区别：runat= “server”：Web服务器控件可以触发服务器控件特有的事件，HTML服务器端控件只能通过回递的方式触发服务器上的页面级事件。每个服务器控件都具有一组属性，可以在服务器端的代码中更改控件的外观和行为，而HTML服务器端控件只有HTML属性。
 
        HTML控件与web控件最大的区别是它们对事件处理的方法不同。对于HTML窗体控件，当引发一个事件时，浏览器会处理它。但对于Web控件，事件仅由浏览器生成，但浏览器不会处理它，客户端要给服务器发个信息，告诉服务器处理事件。不过有些事件，比如：按键/移动鼠标等事件，ASP。NET中没有这些事件（因为这些事件即时性强，服务器处理得不够及时），这时候HTML控件就发挥其作用了，可以结合HTML事件协助完成。
 
             Web服务器控件从类型上又可以分为标准控件、验证控件、数据库控件、用户自定义控件等。       
 
 
总结：
 

              
控件是对公共功能的抽象，保证代码复用性的同时也提高了编程效率。控件还是在实用性，也就是我们要实际操作，学会怎么去使用它。

   ASP.NET中介绍了两种控件，一是，HTML控件；二是，Web控件。web控件是基于HTML控件加上runat="server"的属性。比HTML控件实现的功能更容易。HTML控件修改type属性可得到不同的控件。Web控件将其封装在asp中。
 
例如web控件：<asp:Button ID="Button1"  runat="server" OnClick="Button1_Click" Text="Button"  />
 
例如HTML控件：<input id="Button2"  type="button" value="button" /></div>
 
   此处type属性为button，表明此控件为按钮。如果将type属性改为text，控件将变成文本框控件。
 
   HTML控件页面开发人员以编程方式无法访问HTML元素。要使这些元素可用程序访问，必须制定对HTML元素进行分析并将其作为服务器控件。可以通过为HTML元素添加runat=“server”属性来完成。这样HTML控件和Web控件就没有区别了。
 
1、Web控件的优缺点
 
优点
 
a、web服务器控件的类型话对象模型编程简洁并且易于检错；
 
b、它们自动为下级（HTML3.2）和上级（HTML4.0）浏览器生成正确的HTML；
 
c、它们可用于生成更复杂的服务器控件
 
缺点
 
a、直接控制服务器控件如何呈现在发送给浏览器的页上能力较弱。
 
2、HTML服务器控件的优缺点
 
优点
 
a、 HTML服务器控件能够同时在服务器和客户端编程；
 
b、 使用HTML服务器控件将现有HTML或ASP页转换为Web窗体也
 
缺点
 
a、 所有值均为字符串，没有不具有类型安全性；
 
b、 可支持多种浏览器，但必须使用扩展样式，自己对其进行编程；
 
c、 不能自动检测用于样式的浏览器功能
 
3、HTML和Web控件的选择
 
   对后台处理，对控制要求比较强用web服务器控件；控制显示效果用HTML控件。

作者：飞刀　 



WEB控件 

我想了半天也不知道如何定义这个web控件，它比html控件难于理解，毕竟HTML太像原来我们熟悉的东东了。而web控件确与我们平常见到的有很大的出入，不知道大家还记不记得我说过的一句话，那就是ASP.net的程序就像是写VBVC中的窗口，先再这些窗口中加入我们的需要的控件，然后再对这些控件进行操作。如果你学过一点点VBVC的编程，那么理解这个就不难了，ASP.net中的web控件就像是VBVC中的控件一样。我们先在页面中摆好这些控件，然后再通过Page_Load以及其它一些自定义事件来对他们进行控制。我们还是通过看一个实例来了解一下吧。我们先举简单的Label控件吧. 源代码如下: 



<% @ Page Language="C#" %> 

<% @ Import Namespace="System.Data" %> 

<Script Language="C#" Runat="Server"> 

public void Page_Load(Object src,EventArgs e) 

{ 

if(!Page.IsPostBack) 

{ 

label3.Text="这是黑体字，并且带下划线"; 

} 

} 

</script> 

<html> 

<head> 

<title>测试Label控件</title> 

</head> 

<body> 

<bold>测试Label控件:

</bold> 

<asp:Label id="label1" font-size="9pt" font-bold="true" forecolor="red" runat="server">这是红色粗体的文字</asp:Label>



<asp:Label id="label2" font-size="10pt" font-italic="true" forecolor="blue" runat="server" text="这是蓝色斜体的文字" />



<asp:Label id="label3" font-size="11pt" font-underline="true" runat="server" /> 



</body> 

</html> 



这段程序执行后的结果是 



测试Label控件: 

这是红色粗体的文字 

这是蓝色斜体的文字 

这是黑体字，并且带下划线 



看看源代码，再看看程序执行的结果是不是发现Label控件和VB中的Label控件很相近：） 



(注：你在你的机器上看到的中文可能是乱码，那么请您打开x:/winnt/microsoft/framework/v1.0.224目录，找到其中的config.web文件，打开它,找到下面的文字: 



<globalization 

requestencoding="iso-8859-1" 

responseencoding="iso-8859-1" 

/> 



把其中的iso-8859-1改为gb2312,OK，再执行一下程序，中文是不是出来了：） 



这里我们用了三种方法来操作Label控件，第一种是类似HTML的闭合标签，将要写的字写在<asp:Label></asp:Label>之间；第二种是用到了Label控件Text属性；第三种，是通过执行Page_Load事件而把文字写进Label控件的。这三种方法都很有用，看你自已的喜欢了，第三种是最常用的啦，以后我们会经常用到.Label控件不光有Text属性来控制它的文字，而且还有font-size等属性来控制字体大小，颜色等属性，这里的例子我都用到了，大家好好看看，相信没有什么问题 



我们见过了Label控件的操作，那么我们对web控件有了一个感性的认识，在ASP.net中，一共有28个WEB控件，它们是: 



AdRotator Button Calendar CheckBox 

CheckBoxList CompareValidator CustomValidator DataGrid 

DataList DropDownList HyperLink Image 

ImageButton Label LinkButton ListBox 

Panel RadioButton RadioButtonList RangeValidator 

RegularExpressionValidator Repeater RequiredFieldValidator Table 

TableCell TableRow TextBox ValidationSummary 



大家可以到我上一节讲的那个站点去具体看一下他们各自的用法，这里我本来想主要讲一下DataGrid,DataLit,ListBox但是他们其中都需要用到Binding知识(这个我们在下一节讲)，所以我们主要来看看DropDownList的用法（因为我们上一节是用的select来讲解HTML控件的） 



先看一个例子: 



<% @ Page Language="C#" %> 

<% @ Import Namespace="System.Data" %> 

<Script Language="C#" Runat="Server"> 

public void Page_Load(Object src,EventArgs e) 

{ 



} 

public void sub_click(Object sender,EventArgs e) 

{ 

string chioce; 

chioce=ddl.SelectedItem.Text; 

show.Text="您选择的是本工作室的<font color=red>"+chioce+"</font>成员"; 

} 

</script> 

<html> 

<head> 

<title></title> 

</head> 

<body> 

<form runat="server"> 

请选择ASPCN.Com工作室程员:



<asp:DropDownList id="ddl" RunAt="server"> 

<asp:ListItem>飞刀</asp:ListItem> 

<asp:ListItem>大风</asp:ListItem> 

<asp:ListItem>Zsir</asp:ListItem> 

<asp:ListItem>布丁</asp:ListItem> 

<asp:ListItem>亚豪</asp:ListItem> 

</asp:DropDownList> 





<asp:Button id="sub" Text="提交" RunAt="Server" OnClick="sub_click" />



<asp:Label id="show" runat="server"/> 

</form> 

</body> 

</html> 



它执行显示为: 







请选择ASPCN.Com工作室程员: 



飞刀 大风 Zsir 布丁 亚豪 











如果我选中了其中的飞刀，然后再按下"提交"键,那么显示就是: 











请选择ASPCN.Com工作室程员: 



飞刀 大风 Zsir 布丁 亚豪 



您选择的是本工作室的飞刀成员 





DropDownList控件，其实和select差不多，功能也就多那么一点点，但是这个多一点点的功能就是很有用的，这就是我们下一节要学习的Bind,呵呵，是不是想学了：）不急，我们先分析一下这里的程序。 我们用DropDownList控件建立起一个List列表，然后我们选择其中的一个选项，最后按提交键提交。这里我们可以看到处理程序的是sub_click这个事件，这里由名为sub的button控件激发，所用的事件是Onclick,这里和HTML控件所使用的OnServerClick事件是不同的，大家要分清楚。其它的好像没有什么可以说了。呵呵