文档库 最新最全的文档下载
当前位置:文档库 › 2 使用Web服务器控件

2 使用Web服务器控件

2 使用Web服务器控件
2 使用Web服务器控件

实验二使用Web服务器控件

实验目的

掌握基本web服务器控件的使用

实验内容

Adventure公司领导层决定开展自行车销售的网上业务,即实施电子商务。因此,决定开发一个Web应用程序。以后的实验将会不断扩展这个项目,请在每次实验后妥善保存。准备下一次使用。

一、使用Visual Studio创建空白Web应用程序,项目名称为“学号_ADW”

(如:1023456789_ADW)。

二、导入站点图片目录Images。

三、添加默认主页Default.aspx,内容如下所示

四、Adventure公司领导希望收集关于用户的更多信息,了解用户的真实需

求,从而推出更优质的服务。新增用户在线调查页面Survey.aspx提供

用户填写信息。信息包括

a)用户姓名、性别。

b)骑自行车的能力(单选项,包括:初学者、有一定经验和专家)

c)经验(单选项,包括:仅在公路骑驶、在森林防火带骑驶、单行道

骑驶、山地骑驶和赢得山地竞赛)

d)目标(多选项,包括:得到更多公路自行车骑驶经验、得到更多山

地自行车骑驶经验、升级我的自行车和得到最新的配件)

e)联系方式(单选项,包括:不要给我发送销售信息、仅发送来自

Adventure Works的销售消息和发送我感兴趣的任何销售信息)提示,需要使用的控件包括TextBox、RadioButtonList、CheckBoxList和Button等。

f)在页面最下方添加Label控件,当用户点击提交按钮时,收集用户填

写的信息,并输出到Label控件的Text属性上。

课后继续完善

一、建立“关于我们”页面about.aspx

二、建立“联系我们”页面Contact.aspx

WEB服务器控件

WEB服务器控件 编写一个WEB控件至少要包含三个元素:ASP:XXX指明是哪一类控件,ID指明控件的标识符,Ruant 指明是在服务器端运行的。如:

 

一、WEB服务器控件 2、 3 如label1.Text=”您好”; TextBox1.TextMode=TextBoxMode.SingleLine; 二、文字控件 Label用于显示文字,其最常用的属性是Text,用于显示的文字内容。 TextBox控件用于输入文字信息,WEB用于文本输入工作的只有TextBox控件,通过设置控件的TextMode属性来区分文本,密码,多行文本输入方式。注意:文本框内容是字符串类型,如果要做计算,需要作类型转换。如convert.tosingle转成单精度,或single.parse()

MultiLine多行 Pasword密码输入 Columns 以字符为单位指明文本框的显示宽度 Rows 当TextMode为MultiLine时,指明文本框的行数 MaxLength 在单行文本方式下,文本框可以输入的字符数 Wrap 当TextMode为MultiLine时,是否自动换行,默认为TRUE ReadOnly 输入框为只读,默认为FALSE DataBind 将数据源绑定到被调用的服务器控件及其所有子控件上 TextChanged 当文本框内容发生变化时,触动。 文字控件案例一(5_3):制作登录界面 控件类型ID 属性设置说明 Label Label1 Text=用户名用于显示静态文本Label Label2 Text=密码用于显示静态文本Label LblMessage Text=””用于显示提示文本或登 录信息 TexBox TxtUserName TextMode=SingleLine 用于输入用户名TexBox TxtPassWord TextMode=Password 用于输入密码 Button BtnSumit Text=提交向服务器发送登录信息Button BtnRest Text=重置清除文本框内容 { TxtUserName.Text = ""; TxtPassWord.Text = ""; LblMessage.Text = ""; } protected void BtnSumit_Click(object sender, EventArgs e) { if ((TxtUserName.Text.Trim() != "") && (TxtPassWord.Text.Trim() != "")) { LblMessage.Text = "用户名:" + TxtUserName.Text + ":" + "密码" + TxtPassWord.Text; } else if (TxtUserName.Text.Trim() == "") { LblMessage.Text = "请输入用户名"; } else { LblMessage.Text = "请输入密码"; }

第8章Web服务器控件

第8章Web服务器控件 ?特点 会根据Client 端的状况产生一个或多个适当的HTML 服务器控件,它可以自动侦测Client 端浏览器的种类,并自动调整成适合浏览器的输出。 Web 服务器控件还拥有一个非常重要的功能,那就是支持数据绑定(Data Binding );这种能力可以和数据源连结,用来显示或修改数据源的数据。 它们提供了一些能够简化开发工作的特性,其中包括: 丰富而一致的对象模型:WebControl 基类实现了对所有控件通用的大量属性,这些属性包括ForeColor、BackColor、Font、Enabled 等。属性和方法的名称是经过精心挑选的,以提高在整个框架和该组控件中的一致性。通过这些组件实现的具有明确类型的对象模型将有助于减少编程错误。 对浏览器的自动检测:Web 控件能够自动检测客户机浏览器的功能,并相应地调整它们所提交的HTML,从而充分发挥浏览器的功能。 数据绑定:在Web 窗体页面中,可以对控件的任何属性进行数据绑定。此外,还有几种Web 控件可以用来提交数据源的内容。 在HTML 标记中,Web 控件会表示为具有命名空间的标记,即带有前缀的标记。前缀用于将标记映射到运行时组件的命名空间。标记的其余部分是运行时类自身的名称。与HTML 控件相似,这些标记也必须包含runat="server" 属性。下面是一个声明的示例: <asp:TextBox id="textBox1" runat="server" Text="基督山伯爵"> </asp:TextBox> 介绍几种常见的web控件 4.2.1 Label Web控件 ?作用:用来显示文字。 ?语法: 所要显示的文字 ?示例: <% Page Language=C#> 4.2.2 button控件

Web服务器控件

《10.3Web服务器控件》 主题: (1)Web服务器控件简述 Web服务器控件具有以下特性: ●功能丰富的对象模型,该模型具有类型安全编程功能。由于Web服务器控件是 https://www.wendangku.net/doc/68327542.html,框架全新封装提供的新控件,因此其具有严格的类型安全检查。 ●自动浏览器检测。Web服务器控件可以检测浏览器的功能,并为基本型和丰富型 (HTML 4.0或以上) 浏览器创建适当的输出。 ●对于某些控件,可以使用模板来自定义控件的外观。 ●对于某些控件,可以指定控件的事件是立即发送到服务器,还是先缓存然后在提交 窗体时引发。 ●可将事件从嵌套控件(例如表中的按钮)传递到容器控件。 在设计时的“HTML”视图中,显示在页中的控件的格式如下: (2)HTML服务器控件与Web服务器控件的区别 HTML服务器控件与Web服务器控件的区别: (3)Web服务器控件的公共属性 1.System.Web.UI.WebControls.WebControl类的属性 System.Web.UI.WebControls.WebControl 类是System.Web.UI.WebControls 命名空间中的所有控件的基类。 ●AccessKey属性:表示用于快速定位到Web 服务器控件的访问键。默认为空,表

示不设置该属性 ●BackColor属性:表示Web 服务器控件的背景色,默认为空,表示不设置该属性。 ●BorderColor属性:表示Web 控件的边框颜色,默认为空,表示不设置该属性。●BorderStyle属性:表示Web 服务器控件的边框样式,默认为NotSet,其取值为下 列值之一: ?NotSet 不设置边框样式。 ?None 无边框 ?Dotted 虚线边框。 ?Dashed 点划线边框。 ?Solid 实线边框。 ?Double 双实线边框。 ?Groove 用于凹陷边框外观的凹槽状边框。 ?Ridge 用于凸起边框外观的突起边框。 ?Inset 用于凹陷控件外观的内嵌边框。 ?Outset 用于凸起控件外观的外嵌边框。 ●BorderWidth属性:表示Web 服务器控件的边框宽度,默认为空,表示不设置该属 性。 ●Enabled属性:表示是否启用Web 服务器控件。 ●Font属性:表示Web 服务器控件关联的字体属性。 ●ForeColor属性:表示Web 服务器控件的前景色(通常是文本颜色)。 ●Height属性:表示Web 服务器控件的高度。 ●Style属性:包含要在Web 服务器控件的外部标记上呈现的HTML 样式属性 ●TabIndex属性:Web 服务器控件的选项卡索引。默认为0,表示不设置此属性 ●ToolTip属性:表示当鼠标指针悬停在Web 服务器控件上时显示的文本。 ●Width属性:表示Web 服务器控件的宽度。 2.其他的常用属性 ●ID属性:继承自System.Web.UI.Control类,所有Web服务器控件都可以通过该属 性来唯一标识和引用。 ●Text属性:所有接受用户输入,显示数据和提示数据的Web服务器控件都可以通 过Text属性来表示用于在控件上显示的文本,例如TextBox、Lablel、Button、CheckBox等控件。 ●AutoPostBack属性:所有发送窗体或单击按钮时将其数据回传到服务器的Web控 件都具有AutoPostBack属性,该属性是布尔类型。表示当用户修改控件中的文本并使焦点离开该控件时,是否向服务器自动回送。True表示每当用户更改文本框中的文本并使焦点离开该控件时,都会向服务器自动回送,否则为false。默认为false。 ●EnableViewState属性:继承自System.Web.UI.Control类,此属性用于定义控件的

web服务器控件的取值和属性设置

实训2 web服务器控件的取值和属性设置 09计算机网络史丹 一、实训目的 1、掌握标签Label,文本框TextBox,单选按钮组RadioButtonList和多选按钮组CheckLBoxList,还有一个按钮Button控件的属性设置 2、学会如何获取上面这些控件的值 3、学会如何编写代码 二、实现功能及要求 练习添加新的Web窗体,设计一个用户注册界面,包括:姓名、账号、密码、性别、爱好、电子邮箱、说明;单击确定按钮后,在标签上输出用户的输入信息。 三、界面设计及后台代码 在https://www.wendangku.net/doc/68327542.html,应用程序开发界面左边的工具栏中,拖出8个标签Label,5个文本框TextBox,1个单选按钮组RadioButtonList和1个多选按钮组CheckLBoxList,还有一个按钮Button。分别在8个标签属性框找到Text属性输入对应的内容,在button的属性框里找到Text的属性,然后编写相应的内容;在单选按钮组RadioButtonList和多选按钮组CheckLBoxList 有一个项目集合(Items Collection)属性,单击后会出现添加项目窗口并可设置项目的显示文本和相应的值,并在属性框里设置他们的排列方式为水平排列。 如下图所示: 然后,双击确定按钮,在按钮的Click事件中写入如下代码,又双击复选框组CheckBoxList,在其中编写如下代码: using System; using System.Collections; using https://www.wendangku.net/doc/68327542.html,ponentModel; using System.Data; using System.Drawing;

web服务器控件和HTML控件的区别用法

谈谈HtmlControl与WebControl的区别以及各自应该什么时候用 Web控件和Html控件虽然好多功能相同并且长得很像 但是它们的内部实现机制是完全不一样的 Web控件要比Html控件执行效率要好 1. 使用起来也相当方便,举个简单的例子,例如Button的生成: Html控件是将庞大控件集合全部弄到页面中,用到哪个功能,就设置一下属性,如下: 这样会占用相当大的控件资源 Web控件是将集成式的拆解成单功能的: 这样就可以节省不必要的控件所占用的资源了 2.Web控件具有回送功能,能够用ViewState维持控件的状态. Html控件则不能,当点击页面的操作,其状态就会丢失. 可以做这样的一个实验: I. 分别建立两个文件: a.html b.aspx II.在a.html页面中加Html控件的RadioButton和一个button, 在b.aspx中加Web控件的RadioButton和一个button III.a.html直接双击浏览器运行,b.aspx通过IIS运行 IV.在a.html运行界面中,选中RadioButton,再单击Button按钮,会发现RadioButton会取消选中(丢失其状态),但在b.aspx页面执行同样的操作,RadioButton不会丢失,因为ViewState 给它保存了状态. 您可以在运行界面点击浏览器菜单"查看"->“源文件",打开Html代码文件, 找到加密后的ViewState,类似于下面: 其实ViewState实现原理也是将一些信息放到隐藏的一个控件中,并且https://www.wendangku.net/doc/68327542.html,生成的ViewState信息 是存储在客户端的 这里要注意的一点是: 只有当格式为*.aspx文件,并且控件具有属性:"runat=server"时,回送功能才能打开 3. Html控件与Web控件最大的区别是它们对事件处理的方法不同。对于Html窗体控件,当引发一个事件时,浏览器会处理它。但对于Web控件,事件仅由浏览器生成,但浏览器不会处理它,客户端要给服务器发个信息,告诉服务器处理事件。不过有些事件, 比如: 按下键/移动/鼠标等事件,https://www.wendangku.net/doc/68327542.html,中没有这些事件 (因为这些事件即时性强,服务器处理得不够及时),这时候Html控件就发挥其作用了,结合Html事件 协助完成.

相关文档
相关文档 最新文档