WEB——服务器控件


控件:图形用户界面(Graphical User Interface, GUI)的一种 对象。是一种用户可与之交互完成特定功能的组件对象。

主要分为HTML服务器控件Web服务器控件两种。
在这里插入图片描述

一、标准服务器控件

在这里插入图片描述

1.Label

注意:没有点击触发事件

2.TextBox

一般可将TextBox控件用于编辑文本,但也可通过设置其属性值,使其成为只读控件。

3.Button族

1、LinkButton控件又称超级链接按钮控件,主要以超链接形式显示。常用的属性为PostBackUrl。
2、ImageButton控件常用的属性为ImageUrl、AlternateText(指定的图像不可用时,显示的文本)

4.HyperLink

1、HyperLink又称超级链接控件,主要是将一些文本显示为链接模式,等同于<a href=””>功能。HyperLink与其它Web服务控件最大区别在于当用户单击HyperLink控件时并不会在服务器代码中引发事件,该控件只实现导航功能
2、常用的属性为NavigateURL(要链接到的网页地址)Target(下一个框架或窗口显示的样式)

5.ListBox

若列表项的总数超出可以显示的列数,则ListBox控件会自动添加滚动条。

6.DropDownList

又叫下拉菜单,主要是让用户从下拉列表选择一项。只允许用户每次从列表中选择一项。而且只显示框中的选定项。

7.ImageMap

ImageMap控件允许在图片中定义一些热点(HotSpot)区域。当用户单击这些热点区域时,将会引发超链接或单击事件以实现导航功能 。
(1)准备工作
在这里插入图片描述
(2)
关于imageMap.aspx

imageUrl:~/图片/地图.png

Hotspots 是HotSpot对象的集合,
在这里插入图片描述在这里插入图片描述

8.Table

Table控件除本身已对象化之外,其包含的行和单元格也对象化了。每个Table对象可以包含多个TableRow对象,同时TableRow对象由可以包含多个TableCell对象。自动生成表格时,需要发回服务器端重新构造单元格,然后再向客户端输出结果 。

9.FileUpload

主要功能是上传文件到服务器

该控件提供一个文本框和一个浏览按钮,用户可以在文本框中输入完整的文件路径,或者单击浏览按钮从客户端选择需要上传的文件,然后在服务器中调SaveAs方法可以保存上传的文件,也可以通过FileContent属性获取需要上传的Stream对象,通常把Stream对象保存到数据库。

FileUpload控件不会自动上传文件,必须设置相关的事件处理程序,并在程序中实现文件上传 。

(默认情况下可上传的最大文件为4M。要在.cs中引入命名using System.IO,用于在服务器端操作文件目录)

10.Panel

Panel控件是一个容器控件。该控件作为页面上其他控件的容器,可以对其他控件进行分组,可以将多个控件放入一个Panel控件中,作为一个单元进行控制。

Panel控件支持样式设置,可以设置控件的背景色前景色等。
1.其Direction属性指定了在控件内的子控件的文本排列方向。
2.其DefaultButton属性指定某一按钮,在Panel控件内的任意子控件中按下Enter键时将引发此按钮的Click事件。

二、验证控件

由于用户提交的数据通过客户端(浏览器)发送到服务器端,所以数据验证可分为客户端验证服务器端验证两种方式。

1.客户端验证:通过JavaScript等脚本语言编写,在数据提交到服务器之前在客户端进行验证。
2.服务器端验证:通过C#等高级语言编写,在数据提交到服务器之后在服务器端进行验证。
3.为了提高网站整体的安全性,一般采用客户端和服务器端相结合的方式。

在这里插入图片描述

例子
在这里插入图片描述

1.RequiredFieldValidator

该控件用于检查控件的值是否与初始值不同。该控件可用于TextBox、DropDownList、ListBox、RadioButtonList等控件。
在这里插入图片描述

2.CompareValidator

该控件用于比较一个控件的值另一个控件的值,若比较的结果为true则验证通过;也可用于比较一个控件的值一个指定的值,若比较的结果为true则验证通过;CompareValidator控件还可以用来进行类型检测。
在这里插入图片描述

3.RegularExpressionValidator

该控件用来验证输入值是否和正则表达式的定义相匹配,常用来验证电话号码、邮政编码、E-mail等。
在这里插入图片描述

正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,用来表达对字符串的一种过滤逻辑。
在这里插入图片描述在这里插入图片描述
常用正则表达式:
在这里插入图片描述

4.RangeValidator

该控件用于验证输入的值是否在制定范围内。
在这里插入图片描述

5.ValidationSummary

验证组控件能够对同一页面多个控件进行验证。同时,验证组控件通过ErrorMessage属性为页面上的每个验证控件显示错误信息。
在这里插入图片描述

6.CustomValidator

当现有的验证控件无法满足开发人员的需求时,可以通过该控件自行编写验证函数。
在这里插入图片描述

7.图片或声音用作验证信息提示

1.采用图片提示验证失败。
将验证控件的属性窗口将其Text属性设置为
<img src=”error.gif”>
2.采用声音提示验证失败。
将验证控件的属性窗口将其Text属性设置为<embed hidden=”true” src=”error.wav”>,同时将EnableClientScript属性设置为False。

8.验证相关的常用属性

1.SetFocusOnError属性
默认值是False。如果设置为True,表示若此验证控件验证失败,则该验证控件的ControlToValidate属性设置的被验证控件将自动获得焦点。
2.CausesValidtion属性
默认值是True,表示执行验证。增加“取消”按钮,将CauseValidation属性设置为False,表示单击该Button不执行验证。
3.ValidationGroup属性
可以让同一网页上的不同功能模块分别进行验证而互不干扰。方法是将统一功能模块内的验证控件和Button控件设置同样的ValidationGroup属性。
4.Display属性
该属性可设置当验证通过时验证控件是否占用页面位置。static表示占用,Dynamic表示不占用。

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

庸人阿九

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值