市场营销WEB服务器控件

1、WEB服务器控件编写一个WEB控件至少要包含三个元素:ASP:XXX指明是哪一类控件,ID指明控件的标识符,Ruant指明是在服务器端运行的。如:WEB服务器控件常用的WEB服务器控件分类名称说明文字控件Label标签TextBox文本框选择控件Checkbox复选框Checkboxlist复选框列表Radiobutton单选按钮Radiobuttonlist单选按钮列表Dropdownlist下拉列表框Listbox列表框按钮Button按钮Image图像控件Imagebutton图像按钮超链接Hyperlink超链接控件Linkbutton超链接按钮控件2、WEB控件的公有属性属性说明Ac

2、cessKey获取或设置控件的键盘快捷键BackColor获取或设置控件的背景色BorderColor获取或设置控件的边框颜色BorderWidth控件的边框宽度BorderStyle控件的边框样式CssClass分配给控件的样式表类Enable控件是否有效Font控件的字体ForeColor控件的前景色Height控件的高度Width控件的宽度Visible控件是否可见ToolTip获取或设置当用户将鼠标指针停放在控件上时显示的文本3、通过编程设置WEB服务器控件的属性如label1.Text=”您好”;TextBox1.TextMode=TextBoxMode.SingleLine;文字控

3、件Label用于显示文字，其最常用的属性是Text,用于显示的文字内容。 TextBox控件用于输入文字信息，WEB用于文本输入工作的只有TextBox控件，通过设置控件的TextMode属性来区分文本，密码，多行文本输入方式。注意：文本框内容是字符串类型，如果要做计算，需要作类型转换。如convert.tosingle转成单精度，或single.parse()TextBox主要成员成员说明AutoPostBack文本框内容发生变化，并且输入焦点离开文本框（TAB,ENTER），是否自动将文本框内容发回服务器。Text文本框中内容TextModeSingleLine单行输入模式，默认Multi

4、Line多行Pasword密码输入Columns以字符为单位指明文本框的显示宽度Rows当TextMode为MultiLine时，指明文本框的行数MaxLength在单行文本方式下，文本框可以输入的字符数Wrap当TextMode为MultiLine时,是否自动换行，默认为TRUEReadOnly输入框为只读，默认为FALSEDataBind将数据源绑定到被调用的服务器控件及其所有子控件上TextChanged当文本框内容发生变化时，触动。文字控件案例一(5_3):制作登录界面控件类型ID属性设置说明LabelLabel1Text=用户名用于显示静态文本LabelLabel2Text=密码用于

5、显示静态文本LabelLblMessageText=”用于显示提示文本或登录信息TexBoxTxtUserNameTextMode=SingleLine用于输入用户名TexBoxTxtPassWordTextMode=Password用于输入密码ButtonBtnSumitText=提交向服务器发送登录信息ButtonBtnRestText=重置清除文本框内容protectedvoid BtnRest_Click(object sender, EventArgs e) TxtUserName.Text = ; TxtPassWord.Text = ; LblMessage.Text = ; p

6、rotectedvoid BtnSumit_Click(object sender, EventArgs e) if (TxtUserName.Text.Trim() != ) & (TxtPassWord.Text.Trim() != ) LblMessage.Text = 用户名: + TxtUserName.Text + : + 密码 + TxtPassWord.Text; elseif (TxtUserName.Text.Trim() = ) LblMessage.Text = 请输入用户名; else LblMessage.Text = 请输入密码; 文本控件案例二(5_1):显示日

7、期protectedvoid Page_Load(object sender, EventArgs e) DateTime now = DateTime.Now;this.lbltime1.Text = now.ToString(); this.lbltime2.Text = now.ToShortDateString();this.lbltime3.Text = now.ToLongDateString();this.lbltime4.Text = now.ToLongTimeString();this.lbltime5.Text = now.ToShortTimeString();文本控件

8、案例三(5_2):显示金额protectedvoid Button1_Click(object sender, EventArgs e) int money = Convert.ToInt32(TextBox1.Text); Label1.Text = money.ToString(C); Label2.Text = money.ToString($#,#.00); 练习:制作页面,完成阶乘运算。选择控件选择控件包含CheckBox CheckBoxList DropDownList ListBox RadioButton RadioButtonList等控件1、RadioButton是多选一

9、的控件，因此该控件还有一个专门的GroupName属性，同一组别的RadioButton控件的GroupName属性必须相同。控件的主要成员成员说明Checked是否选中该控件GroupName获取或设置单选钮所属的组名Text文本标签TextAlign文本标签的对齐方式，文本出现在左边还是右边。CheckedChanged当checked的值在向服务器发送期间更改时发生选择控件案例一（5_4）：单选按钮应用添加两个单选按钮控件，Text的值分别设为“男”，“女”，GroupName的值为tectedvoid Button1_Click(object sender, EventArgs e)

10、if (RadioButton1.Checked = true) Label1.Text = 性别: + RadioButton1.Text;if (RadioButton2.Checked = true) Label1.Text = 性别： + RadioButton2.Text;练习：完成选择系单选设计功能。2、CheckBox控件属性和RadioButton一样。选择控件案例二（5_5）：复选控件应用添加三个复选按钮，Text的值按照以上图中设置。protectedvoid Page_Load(object sender, EventArgs e) Label1.Text = ;prot

11、ectedvoid Button1_Click(object sender, EventArgs e) string str1 = 你的选择是: ;if (CheckBox1.Checked) str1 += CheckBox1.Text + ;if (CheckBox2.Checked) str1 += CheckBox2.Text + ;if (CheckBox3.Checked) str1 += CheckBox3.Text ; Label1.Text = str1; 练习：完成选择课程复选功能设计3、CheckBoxList和RadioButtonList控件主要成员成员说明Items

12、属性获取列表项控件的集合，有以下常用属性和方法Count属性：集合中对象数Add方法：将ListItem追加到集合的末尾Clear方法：从集合中移除所有的ListItem对象Remove方法：从集合中移除指定ListItem对象RepeatColumns属性设置控件中显示的列数RepeatDirection属性水平还是垂直显示SelectedIndex属性选定项的索引序号SelectedValue属性选定项的值选择控件案例三（5_6）：单选复选组应用IsPostBack != true判断页面是否首次加载或刷新。因为每次在执行button_click时，都会先执行page_load，如果不想执

13、行，则用IsPostBack != trueprotectedvoid Page_Load(object sender, EventArgs e) if (IsPostBack != true) string player = newstring3 姚明, 科比, 邓肯 ;string team=newstring3小牛,太阳,火箭; RadioButtonList1.DataSource = player; RadioButtonList1.DataBind(); CheckBoxList1.DataSource = team; CheckBoxList1.DataBind(); prote

14、ctedvoid Button1_Click(object sender, EventArgs e) Label1.Text = 你最喜欢的球员是; Label1.Text += RadioButtonList1.SelectedValue;int i = 0;string s = ;for (i = 0; i 0) int i;for (i = 0; i = ListBox1.Items.Count - 1; i+) ListBox2.Items.Add(ListBox1.Itemsi.Text); ListBox1.Items.Clear(); protectedvoid Button4_

15、Click(object sender, EventArgs e) int i;for (i = 0; i 0 & ListBox1.SelectedIndex = -1) else for (i = 0; i 0 & ListBox2.SelectedIndex = -1) else for (i = 0; i = ListBox2.Items.Count - 1; i+) if (ListBox2.Itemsi.Selected) ListBox1.Items.Add(ListBox2.Itemsi.Text); ListBox2.Items.Remove(ListBox2.Itemsi)

16、; (一班)选择控件案例七（5_10）控件的联动protectedvoid Page_Load(object sender, EventArgs e) /DropDownList1.AutoPostBack = true;if (IsPostBack != true) string zy = newstring2 临汾, 吕梁 ; DropDownList1.DataSource = zy; DropDownList1.DataBind(); DropDownList1.SelectedIndex = 0; protectedvoid DropDownList1_SelectedIndexCh

17、anged(object sender, EventArgs e) ArrayList sz = newArrayList();if (DropDownList1.Items0.Selected) sz.Add(霍州); sz.Add(候马); if (DropDownList1.Items1.Selected) sz.Add(吕梁); sz.Add(中阳); ListBox1.DataSource = sz; ListBox1.DataBind(); 注意：AutoPostBack 是用在一个控件中的值变换会带来另一个控件值变换时，需要设置为true,它的AutoPostBack属性默认为F

18、alse,如果不把属性改为True,他的SelectedIndexChanged()事件中的代码就不会执行动态加载控件（dtjz.aspx）Label lab1=newLabel();Label lab2 = newLabel();RadioButtonList rd1=newRadioButtonList() ;protectedvoid Page_Load(objectsender, EventArgs e) lab1.Text=一个完整的计算机系统包括; PlaceHolder1.Controls.Add(lab1); rd1.Items.Add(A); rd1.Items.Add(B)

19、; rd1.Items.Add(C);rd1.Items.Add(D); PlaceHolder1.Controls.Add(rd1);Button btn1=newButton(); btn1.Text=确定; btn1.Click+=newEventHandler(btn1_Click); PlaceHolder1.Controls.Add(btn1);PlaceHolder1.Controls.Add(lab2); protectedvoid btn1_Click(object sender, EventArgs e) lab2.Text=你选择的是：+rd1.SelectedValue

20、;文件上传控件protectedvoid Button1_Click(object sender, EventArgs e) string= System.IO.Path.GetExtension();string dir = Server.MapPath(TextBox1.Text);string fd = dir + /banner.gif;if (Directory.Exists(dir) & () if ( != .gif) Response.Write(alert(图片格式不对!););else (fd); Response.Write(alert(文件上传成功!);); Label

21、1.Text = 文件类型：+; Label1.Text += 文件大小： + ; Label1.Text += 客户端路径： + e.; Label1.Text += 图片预览： + +; 按钮控件Button2、ImageButton从功能上看和Button控件一样,但是该控件是用图片作为按钮的表面。有两个属性：ImageUrl设置图片所在位置按钮控件案例一（5_12）protectedvoid Page_Load(object sender, EventArgs e) ImageButton1.ImageUrl = images/tx.png; ImageButton1.ToolTip

22、= 请选择腾讯; ImageButton2.ImageUrl = images/wy.png; ImageButton2.ToolTip = 请选择网易; ImageButton3.ImageUrl = images/xl.gif; ImageButton3.ToolTip = 请选择新浪; protectedvoid ImageButton1_Click(object sender, ImageClickEventArgs e) protectedvoid ImageButton2_Click(object sender, ImageClickEventArgse) Response.Red

23、irect(); protectedvoid ImageButton3_Click(object sender, ImageClickEventArgs e) Response.Redirect();image属性ImageUrl：设置图片所在位置按钮控件案例一（5_13）protectedvoid Page_Load(object sender, EventArgs e) if (IsPostBack != true) DropDownList1.Items.Add(images/tx.png); DropDownList1.Items.Add(images/wy.png); DropDow

24、nList1.Items.Add(images/xl.gif); Image1.ImageUrl = images/xl.gif; DropDownList1.AutoPostBack = true; protectedvoid DropDownList1_SelectedIndexChanged(object sender, EventArgs e) Image1.ImageUrl = DropDownList1.SelectedValue;思考：IsPostBack != true在事件中的作用，如果去掉该判断语句，会出现什么问题？应用二超链接控件1、HyperLink属性：Text 设置

25、文本标题NavigateUrl设置控件链接到的urlImageUrl设置控件显示的图像路径该控件创建一个可以跳转到其他页的链接，该链接既可以显示为文本，也可以显示为图像。若显示文本，则设置Text属性，若显示图像，则设置ImageUrl属性。如果同时设置二者，则ImageUrl属性优先；如果图像不可用，则显示文本。2、LinkButton控件具有和Button相同的属性超链接控件案例一（5_14）protectedvoid Page_Load(object sender, EventArgs e) HyperLink1.Text = 网易; HyperLink1.NavigateUrl = ;

26、 HyperLink1.ImageUrl = imags/4.jpg; LinkButton1.Text = 网易; protectedvoid LinkButton1_Click(object sender, EventArgs e) Response.Redirect(); 页面显示控制控件panel利用该控件，可以将页面中的相关控件分组管理并进行显示隐藏。显示控件案例一（5_15）table控件显示控件案例二（5_16）Table由Rows集合组成,而Rows由若干个TableRow组成,每个TableRow由Cells集合组成,而Cells由若干个TableCell组成.protect

27、edvoid Page_Load(object sender, EventArgs e) int i;if (IsPostBack = false) select1.Items.Clear(); select2.Items.Clear();for (i = 1; i = 10; i+) select1.Items.Add(i.ToString(); select2.Items.Add(i.ToString(); Table1.Rows.Clear(); protectedvoid Button1_Click(object sender, EventArgs e) int i, j;int m

28、= Convert.ToInt32(select1.Text);int n = Convert.ToInt32(select2.Text);for (i = 0; i = m - 1; i+) TableRow tr = newTableRow();for (j = 0; j n; j+) TableCell td = newTableCell(); td.Text= 第 + (i + 1) + 行第 + (j + 1) + 列; tr.Cells.Add(td); Table1.Rows.Add(tr); WEB验证控件网页可供用户输入信息。为避免用户输入一些不规范的信息，就必须要在网页程序

29、中加入检查功能，这种功能就是表单验证功能。在.NET中有专门的表单验证控件用于表单信息的验证。1、验证控件RequiredFieldValidator验证是否已输入数据CompareValidator将用户输入的数据与另一个数据进行比较RangeValidator验证输入的数据是否在指定的范围内RegularExpressionValidator验证输入的数据是否符合指定的格式规范2、验证控件的通用属性和方法ComtrolToValidate要验证控件的IDText验证失败时要显示的信息Errormessage未通过验证时要显示的信息。Display错误信息的显示方式。有三种取值：none不在

30、网页中显示出错信息；static在网页中保留出错信息显示的位置；dynamic在网页中不保留出错信息显示的位置。3、可以使用验证控件的控件并非所有的WEB服务器控件都能使用验证控件，可以使用验证控件的表单控件如下：控件名称可验证的属性TextBoxTextListBoxSelectedItem.ValueDropdownListSelectedItem.ValueRadioButtonListSelectedItem.Value在一个网页程序中可以利用上述的几种验证控件对表单数据信息进行验证，如果一个网页中所有验证控件都通过了验证，那么该网页自身的Page对象的IsValid属性将会是true

31、；反之，如果网页Page对象的IsValid属性是false值，则说明网页中至少有一个验证控件未能验证通过。RequiredFieldValidator控件案例(5_17)此控件用于对用户必须填写的关键性输入域进行验证。在页面中添加一个按钮、一个标签、一个RequiredFieldValidator控件，设置它的ControlToVAlidate为TextBox1，Text为“请输入姓名”。RangeValidator控件案例（5_18）此控件限制用户输入指定范围内的数据。添加RangeValidator控件，并按如下要求设置属性。属性设置值属性设置值ControlToValidateText

32、Box1MaximunValue100ErrorMessage成绩必须在0100之间TypeIntegerMinimumValue0CompareValidator控件对两个控件进行比较，或者用于控件和常量之间的比较。常用属性有：ControlToValidate：要验证的控件IDControlToCompare：要比较的控件IDValueToCompare：要比较的常数值Operator：两个控件内容比较时，采用的比较运算符类型Type：字符串，整型，双精度，日期，货币CompareValidator控件案例(5_19)验证密码必须相等添加CompareValidator控件，并按如下要求设

33、置属性。属性设置值属性设置值Text两次输入的密码必须相同ControlToValidateTextBox1ControlToCompareTextBox2TypeString思考：如何对日期型数据进行验证？如何对常量进行验证？注意：如果输入控件内容为空，则不作任何验证。针对这种情况，应先用RequiredFieldValidator验证是否有数据输入，如果有的话，再用CompareValidator控件验证。RegularExpressionValidator控件用于对输入信息的格式进行验证，如电子邮件地址，网址，身份证号码等，该控件最重要的属性是ValidationExpression，通过灵活地编排该控件的验证规则，就能够验证各种各样的数据。对于属性中已有的规则可以直接选取，对于没有的规则需要进行设置，书写规则(正则表达式)要求如下：d 表示只能输入数字，如d6表示必须输入6个数字。w 表示可以输入任何字符，包括大小写字母，数字和下画线。只匹配符号中的一个字符。如0-9表示09的单个字符。匹配字符个数限制，如0-92,5要求是0-9之间的数字，最少2个，最多5个。| 二选一，如a-c|A-C+ 要求符合要求的字符至少有1个