ASP.NET(三) Web开发——常用服务器控件

时间:2021-08-19 18:04:57

    Asp.net在客户端开发和web开发所用到的控件还是有很大的差别的,而且Web开发的界面是在浏览器中显示的,所以控件的设计都和前边学习HTML设计有联系,没有客户端开发那么简单,不过我们可以通过专门工具,例如Dreamweaver(还在学习中)等,来帮助我们开发。这篇博客,先简单总结各个控件的功能!

 

   先看控件的学习分类:

ASP.NET(三) Web开发——常用服务器控件



     一,对于标准服务器控件,我不想多写,因为他大部分都和C/S窗体设计当中的功能差不多,只不过使用稍微有区别。这里简单罗列下,总结其中我认为典型的两个。

ASP.NET(三) Web开发——常用服务器控件


 

   在这里我总结一下,HyperLink控件和FileUpload控件。其他控件的详细使用,大家上网查都有的。

       1HyperLink:

         (1),功能:在网页上创建连接,使用户可以在应用程序的不同页面之间转换,还可以显示可单击的文本或图像。以超链接的形式显示。

        2),常用属性:

ASP.NET(三) Web开发——常用服务器控件


             其中的Target值:

ASP.NET(三) Web开发——常用服务器控件


 

     2FileUpLoad控件:

     1),功能:显示一个文本框控件和一个浏览按钮,用户通过FileUpLoad控件,可以在客户端选择一个文件并将该文件上传到Web服务器上,可以上传图片,文本文件等很多格式的文件。

     2),常用属性;

ASP.NET(三) Web开发——常用服务器控件


 

    二,验证控件:

      1,总述:数据验证控件是一个集合,使用验证控件可以验证输入的信息是否符合我们想要的特定的标准。

      2,内容:

ASP.NET(三) Web开发——常用服务器控件


 

    (下边验证部分是自己网上找的自己进行简单的修改,感觉总结的挺好)


        1RequiredFieldValidator(必填字段验证)的使用

 

RequiredFieldValidator控件使用的标准代码如下:

 

<asp:RequiredFieldValidator ID="Validator_Name" runat="Server" ControlToValidate="要检查的控件名" ErrorMessage="出错信息" Display="Static|Dymatic|None"> 占位符 </asp:RequiredFieldValidator>

 


 

在以上标准代码中:

 

ControlToValidate:表示要进行检查控件ID

 

ErrorMessage:表示当检查不合法时,出现的错误信息;

 

Display:错误信息的显示方式;Static表示控件的错误信息在页面中占有肯定位置;Dymatic表示控件错误信息出现时才占用页面控件;None表示错误出现时不显示,但是可以在ValidatorSummary中显示;

 

占位符:表示DisplayStatic时,错误信息占有"占位符"那么大的页面空间;


2CompareValidator(比较验证)控件

 

比较控件比较两个控件的输入是否符合程序设定,大家不要把比较仅仅理解为"相等",尽管相等是用的最多的,其实,这里的比较包括范围很广,大家看标准代码就会明白。

 

CompareValidator控件的标准代码如下:

 

<asp:CompareValidator ID="Validator_ID" runat="Server" ControlToValidate="要验证的控件ID"                 ControlToCompare="要比较的控件ID" ErrorMessage="错误信息" Type="String|Integer|Double|DateTime|Currency"   Operator="Equal|NotEqual|GreaterThan|GreaterTanEqual|LessThan|LessThanEqual|DataTypeCheck"               Display="Static|Dymatic|None"> 占位符 </asp:CompareValidator> 


 

 

在以上标准代码中:

 

Type:表示要比较的控件的数据类型;

 

Operator:表示比较操作,这里,比较有7种方式;

 

其他属性和RequiredFieldValidator相同;

 

在这里,要注意ControlToValidateControlToCompare的区别,如果operateGreateThan,那么,必须ControlToCompare大于ControlToValidate才是合法的,这下,应该明白它们两者的意义了吧?例子程序请参考RequiredFieldValidator控件,对照标准代码自己设计。

 

 

 

3RangeValidator(范围验证)控件

 

验证输入是否在一定范围,范围用MaximumValueMinimunVlaue来确定。

 

RangeValidator控件标准代码如下:

 

<asp:RangeValidator ID="Vaidator_ID" runat="Server" ControlToValidate="要验证的控件ID" Type="String|Integer|Double|DateTime|Currency" MinimumValue="最小值" MaximumValue="最大值" ErrorMessage="错误信息" Display="Static|Dymatic|None"> 占位符 </asp:RangeValidator>


 

 

在以上代码中:

 

MinimumValueMaximumValue来界定控件输入值得范围,用type来定义控件输入值的类型。

 

 

 

4RegularExpresionValidator(正则表达式)控件

 

正则表达式验证控件的功能非常强大,你可以自己容易构造验证方式,我们先来看看标准代码:

 

<asp:RegularExpressionValidator ID="Validator_ID" runat="Server" ControlToValidate="要验证控件名" ValidationExpression="正则表达式" ErrorMessage="错误信息" Display="Static|Dymatic|None"> 占位符 </asp:RegularExpressionValidator>

 


 

在以上标准代码中,ValidationExpression是重点,现在来看看它的构造:

 

ValidationExpression中,不同的字符表示不同的含义:

 

星号"*"表示和其他表达式一起,表示容易组合;

 

方括号“[ ]”:用与定义可接受的字符。[abc123]表示控件只能接受 abc1236个字符;[A-Z]表示任意大写字母;

 

反集合符号“ ^”:用于定义不可以接受的字符。[^a-h]表示控件除了 ah 8个字符外,都可以接受;

 

花括号“{ }”:定义必须输入的字符个数。{6}表示只能输入6个字符 {6}表示必须输入6个以上,无上限{26}表示必须输入26个字符;但是花括号必须放在方括号后面,例如 [a-z]{4} 表示必须输入 4az之间的任意字符。

 

小圆点“ .”:用于代表任意字符。例如 .{36}表示接受36个任意字符。

 

竖线“ |用于表示“或”的逻辑符号。例如 [1-9]{36}|[A-Za-z]{3}表示可以接受 36个数字或者 3个字母。(大小写都可以区别的哦) 

 

小括号“()”用于分块,与数字运算中的小括号作用类似。

 

斜线“ \若希望可以接受的字符包含上述特殊字符。例如 \([0-9]{3}\),表示输入格式为“(xxx)”的电话区号。

 

注意,在以上表达式中,引号不包括在内;

 

举例:正则表达式:".*[A-Z]"表示数字开头的任意字符组合其后接一个大写字母。

 

 

 

这里我想插一点,就是在ASP.NET中我们可以设置属性来直接生成一些格式的正在表达式,非常方便:

ASP.NET(三) Web开发——常用服务器控件


 

5CustomValidator(自定义验证)控件

 

该控件用自定义的函数界定验证方式,其标准代码如下:

 

<asp:CustomValidator ID="Validator_ID" runat="Server" ControlToValidate="要验证的控件" OnServerValidate="服务器段验证函数" ClientValitationFunction="客户段验证函数" ErrorMessage="错误信息" Display="Static|Dymatic|None"></asp:CustomValidator> 占位符 </asp:CustomValidator>


 

 

以上代码中,用户必须定义一个函数来验证输入。

 

6ValidationSummary(验证总结)控件

 

该控件不对Web窗体中输入的数据进行验证,而是收集本页的所有验证错误信息,并可以将它们组织以后再显示出来。其标准代码如下:

 

<asp:ValidationSummary ID="Validator_ID" runat="Server" HeaderText="头信息" ShowSummary="True|False" DiaplayMode="List|BulletList|SingleParagraph" />

 


 

在以上标准代码中,HeadText相当于表的HeadTextDisplayMode表示错误信息显示方式:List相当于HTML中的<BR>;BulletList相当于HTML中的<LI>;SingleParegraph表示错误信息之间不作如何分割。


 

     三,登录控件:

       1,总述:对于目前常用的网站系统而言,登录功能是必不可少的,例如论坛、电子邮箱、在线购物等。登录功能能够让网站准确的验证用户的身份。用户能够访问该网站时,可以注册并登录,登录后的用户还能够注销登录状态以保证用户资料的安性。ASP.NET就提供了一系列的登录控件方便登录功能的开发。

 

        2,内容:

ASP.NET(三) Web开发——常用服务器控件


        3Login登录控件:

ASP.NET(三) Web开发——常用服务器控件


           常用属性:

ASP.NET(三) Web开发——常用服务器控件


 

      其他的几个和这个很相同,都是为了实现有关登录的功能,ASP.NET提前为大家设计好的,我们直接使用即可!

 

    四,用户控件:

      1,概述:用户控件是一种复合控件,其工作原理类似于ASP.NET中的网页,可以向用户控件中添加现有的Web服务器控件和标记,并定义控件的属性和方法。


      和我们客户端开发中的用户控件功能一样,可以根基我们自己的意愿去利用现有的控件设计满足我们需求的控件。

ASP.NET(三) Web开发——常用服务器控件



      综上为,ASP.NET中控件的简单总结,需要我们从实践中更进一步掌握!