NET开发WebForm中Web控件是 [复制链接]

1.Web控件介绍

在.NETWeb应用程序中，有WebForm和MVC这2种UI框架，在WebForm中，其控件分为Web服务器控件和HTML控件(或Web客户端控件)。

1)WEB服务器控件：

微软为了实现前端页面与后端代码的分离，将HTML表单标记进行了封装,封装好的控件都是以asp:开头，并且作为Web服务器控件出现，Web服务器控件是指在服务器端进行处理的控件，在服务器端处理后都会转换为标准的HTML标记返回给客户端。ASP.NET服务器控件必须存在runat=”server”属性，也是为了标识这是服务器控件。如：

aspextBoxID=TextBox1runat=server/aspextBox

TextBox表示文本框控件，其中ID和runat这两个属性是所有ASP.NET服务器控件必须具有的属性。

Web服务器控件存在System.Web.UI.WebControls名称空间中。

在VisualStudio中，当前页面是aspx页面时，会在工具箱中显示“标准”类别，其中存放的全部是WEB服务器控件。如下图所示：

2)HTML控件

HTML控件是指HTML标记中的标准控件，如：div标记、Input标记、span标记、table标记等。如：

inputtype=textid=BWInput1/

对于WEB服务器控件和HTML控件都是可以存在aspx页面中的。并且HTML控件添加上runat=”server”属性也是可以变成服务器控件的。

如果要在C#代码中使用HTML服务器控件，则需要添加：

usingSystem.Web.UI.HtmlControls

命名空间。

如下代码：

我们知道，在ASP.NET中，凡是服务器控件都是可以在后台aspx.cs文件中使用的。如：

对于ASP.NET的Web服务器控件，可以在VisualStudio开发工具中直接拖放到ASPX页面上直接使用。

2.Button控件

Button控件是按钮控件，单击可以执行事件代码，将按钮需要实现的功能编写在事件代码中。如下：

asp:ButtonID=Button1runat=serverText=Button/

对于按钮控件，在VisualStudio的视图界面中，可以双击该按钮自动生成事件代码，如：

并且在asp:Button控件增加OnClick属性：

asp:ButtonID=Button1runat=serverText=ButtonOnClick=Button1_Click/

OnClick属性的值与后台CS代码中的事件方法名必须一致。

3.Label控件

Label控件是标签控件，用于显示文本内容。一般用于输出文本内容，并且可以任意定位，在有时候，可以用来替代Response.Write()的输出。

aspabelID=Label1runat=serverText=Label/aspabel

对于Label控件，常用的属性有：

1)ForeColor：

ForeColor属性用于设置Label标记的Text属性值的颜色值。

aspabelID=Label1runat=serverForeColor=RedText=Label/aspabel

2)Font-Bold：

Font-Bold属性用于给Label标记的Text属性值加粗显示。

aspabelID=Label1runat=serverFont-Bold=trueText=Label/asp:Label

3)ToolTip：

ToolTip属性用于设置Label标记的提示信息。

asp:LabelID=Label1runat=serverToolTip=这是Label标签ForeColor=RedFont-Bold=trueText=Label/asp:Label

在上图中，呈现的就是一个Label服务器端控件，使用红色字体显示，且当光标放上去，还会有提示信息。

对于ASP.NETWebForm应用程序，其最大的好处是，开发速度快，页面布局和编写业务逻辑都非常方便，适合一些快速且功能不太复杂的小型应用程序。