3.第三章 Web服务器控件
- 格式：ppt
- 大小：2.06 MB
- 文档页数：36
下载文档原格式
合集下载
WEB服务器控件
WEB服务器控件编写一个WEB控件至少要包含三个元素:ASP:XXX指明是哪一类控件,ID指明控件的标识符,Ruant指明是在服务器端运行的。
如:<asp:TextBox ID="TextBox1"runat="server"></asp:TextBox><br/><asp:Label ID="Label1"runat="server"Text="Label"></asp:Label><br/><asp:Button ID="Button1"runat="server"Text="Button"/> </div>一、WEB服务器控件3、通过编程设置WEB服务器控件的属性如label1.Text=”您好”;TextBox1.TextMode=TextBoxMode.SingleLine;二、文字控件Label用于显示文字，其最常用的属性是Text,用于显示的文字内容。
TextBox控件用于输入文字信息，WEB用于文本输入工作的只有TextBox控件，通过设置控件的TextMode属性来区分文本，密码，多行文本输入方式。
注意：文本框内容是字符串类型，如果要做计算，需要作类型转换。
如convert.tosingle转成单精度，或single.parse()文字控件案例一(5_3):制作登录界面ID 属性设置Label1 Text=用户名Label2 Text=密码LblMessage Text=””protected void BtnRest_Click(object sender, EventArgs e){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 = "请输入密码";}}}文本控件案例二(5_1):显示日期protected void 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();}文本控件案例三(5_2):显示金额protected void Button1_Click(object sender, EventArgs e){int money = Convert.ToInt32(TextBox1.Text);Label1.Text = money.ToString("C");Label2.Text = money.ToString("$#,###.00");}练习:制作页面,完成阶乘运算。
单元三 Web服务器控件
Web控件类都被放置在System.Web.UI.WebControls命名空间下。 即在中，所有控件都是基于对象Object，而所有的Web控 件则包含在System.Web.UI.WebControls下面。
3、用户控件： 在中，服务器控件并不能涵盖每一种情况，根据应用程序 的需要，用户可以自定义控件。 定义用户控件所使用的编程技术与用于编写Web窗体页的技术相同， 用户控件用文件扩展名.ascx来标识。
（1）ImageUrl：指定按钮的图片；
五、TextBox控件 1、作用：让用户输入文本。 2、声明TextBox控件的语法如下： <asp:TextBox id=“控件名称” runat=“server”> </asp:TextBox> 3、TextBox控件的常用属性： （1）TextMode：TextBox的类型； （2）MaxLength：设置控件中的最大字符数值； （3）Rows和Columns：当TextMode为Multiline时， 可设置文本框的行数和列数；
（4）AutoPostBack：自动提交，如果设为true那么你在改变他的值的 时候就会重新加载一次页面； 例如一个TextBox其值改变后就会重新加载页面。 默认情况下为false. 4、获取TextBox控件的值：控件名称.Text
⑦Groove：在对象四周出现3D凹陷式的外框；
⑧Ridge：在对象四周出现3D突起式的外框； ⑨Inset：对象呈陷入状；
⑩Outset：对象成突起状。
（6）Font：设置控件的字体信息； ①Bold：设为True则会变为粗体； ②Italic：设为True则会变为斜体；
③Name：设为何种字型；
任务2_1：设计并制作注册页面。如下图所示：
第3章创建功能强大的Web页面Web服务器控件的使用-PPT精选
• 示例3-7 ImageButton Web服务器控件示 例（代码文件为Chapter 3\Exam3_7.aspx ）
2020/5/18
节首页
示例3-8 HyperLink Web服务器控件示 例（代码文件为
Chapter3\Exam3_8.aspx）
2020/5/18
节首页
Table、TableRow和TableCell Web服务器控件
• Table Web服务器控件
• TableRow控件
• TableCell控件
• 示例3-9 使用Table Web服务器控件动态 创建表格（代码文件为Chapter 3\Exam3_ 9.aspx） 城市调查统计（代码文件 为Chapter3\Exam3_10.aspx）
Chapter3\ Exam3_4.aspx）
2020/5/18
节首页
DropDownList和ListBox Web服务器控件
• DropDownList Web服务器控件 • ListBox Web服务器控件 • 示例3-5 移动ListBox列表项（代码文件为
Chapter3\Exam3_5.aspx）
2020/5/18
节首页
示例3-6 选择书籍（代码文件为 Chapter3\Exam3_6.aspx）
2020/5/18
节首页
Button、LinkButton和 ImageButton Web服务器控件
• Button Web服务器控件
• LinkButton Web服务器控件
• ImageButton Web服务器控件
2020/5/18
Web服务器控件简介
2020/5/18
回首页
2020/5/18
节首页
示例3-8 HyperLink Web服务器控件示 例（代码文件为
Chapter3\Exam3_8.aspx）
2020/5/18
节首页
Table、TableRow和TableCell Web服务器控件
• Table Web服务器控件
• TableRow控件
• TableCell控件
• 示例3-9 使用Table Web服务器控件动态 创建表格（代码文件为Chapter 3\Exam3_ 9.aspx） 城市调查统计（代码文件 为Chapter3\Exam3_10.aspx）
Chapter3\ Exam3_4.aspx）
2020/5/18
节首页
DropDownList和ListBox Web服务器控件
• DropDownList Web服务器控件 • ListBox Web服务器控件 • 示例3-5 移动ListBox列表项（代码文件为
Chapter3\Exam3_5.aspx）
2020/5/18
节首页
示例3-6 选择书籍（代码文件为 Chapter3\Exam3_6.aspx）
2020/5/18
节首页
Button、LinkButton和 ImageButton Web服务器控件
• Button Web服务器控件
• LinkButton Web服务器控件
• ImageButton Web服务器控件
2020/5/18
Web服务器控件简介
2020/5/18
回首页
WEB服务器控件
this.lbltime3.Text = now.ToLongDateString();
this.lbltime4.Text = now.ToLongTimeString();
this.lbltime5.Text = now.ToShortTimeString();
}
文本控件案例三(5_2):显示金额
RadioButtonList1.DataBind();
CheckBoxList1.DataSource = team;
CheckBoxList1.DataBind();
}
}
protectedvoidButton1_Click(objectsender,EventArgse)
{
Label1.Text ="你最喜欢的球员是";
{
TxtUserName.Text ="";
TxtPassWord.Text ="";
LblMessage.Text ="";
}
protectedvoidBtnSumit_Click(objectsender,EventArgse)
{
if((TxtUserName.Text.Trim() !="") && (TxtPassWord.Text.Trim() !=""))
WEB服务器控件
编写一个WEB控件至少要包含三个元素:ASP:XXX指明是哪一类控件,ID指明控件的标识符,Ruant指明是在服务器端运行的。如:
<asp:TextBoxID="TextBox1"runat="server"></asp:TextBox><br/>
this.lbltime4.Text = now.ToLongTimeString();
this.lbltime5.Text = now.ToShortTimeString();
}
文本控件案例三(5_2):显示金额
RadioButtonList1.DataBind();
CheckBoxList1.DataSource = team;
CheckBoxList1.DataBind();
}
}
protectedvoidButton1_Click(objectsender,EventArgse)
{
Label1.Text ="你最喜欢的球员是";
{
TxtUserName.Text ="";
TxtPassWord.Text ="";
LblMessage.Text ="";
}
protectedvoidBtnSumit_Click(objectsender,EventArgse)
{
if((TxtUserName.Text.Trim() !="") && (TxtPassWord.Text.Trim() !=""))
WEB服务器控件
编写一个WEB控件至少要包含三个元素:ASP:XXX指明是哪一类控件,ID指明控件的标识符,Ruant指明是在服务器端运行的。如:
<asp:TextBoxID="TextBox1"runat="server"></asp:TextBox><br/>
推荐-ASPnet课件第三章 Web 服务器控件 精品
• Page.IsPostback 属性用于检查页面是否为首次 加载
• ViewState是中用来保存WEB控件回传 时状态值的页面隐藏控件
2
• 代码隐藏文件使开发人员可以在 C# 或 ©2007 iSoftStone Holdings Ltd. All Rights Reserved.
ImageButton 的属性和事件
属性名称 Text ImageURL
事件名称
Click
说明 获取/设置按钮上显示的文本 指定按钮图像的 URL
说明
单击按钮时会引发该事件，且包含该按 钮的窗体会提交给服务器
12
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
14
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
使用控制权转移控件
private void btnTenNews_Click(object sender, System.EventArgs e)
{ // 处理按钮 Click 事件 lblStatus.Text="已单击按钮！";
LinkButton 的属性和事件
属性名称 Text ImageURL
事件名称 Click
说明 获取/设置按钮上显示的文本 指定按钮图像的 URL
说明 单击按钮时会引发该事件，且包含该按 钮的窗体会提交给服务器
13
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
第三章
Web 服务器控件
回顾
• 页文件是含有将在 Web 服务器上执行 代码的文件。其扩展名是 .aspx 或 .ascx
第三章 HTML控件和Web服务器控件
HTML页面中用户的数据必须通过表单来提交。 HTML的表单是用<form>标记定义的。 • <form>标记是一个容器控件，它不显示任何信息，只表 示在<form>标记和</form>标记之间定义的控件中输入的 数据是可以返回到Web服务器中相应的程序进行处理的。 如果不定义表单，就不能实现用户输入数据的提交。
Label 的属性和事件
Label 的属性： 属性名称 Text 说明 获取或设置 Label 控件中 的数据
TextChanged 事件 – 用户输入信息后离开 TextBox Web 服务器控件时，控件引发程序员可以处理的此事件。
TextBox 的属性和事件
属性名称
Text
说明 获取或设置 TextBox 控件中的数据 显示模式：单行、多行或密码文本
扩展的HTML控件
中对HTML控件的扩展主要在于 增加了一个runat =server属性和一个 OnServerClick属性，指明当单击这个链接 的时候，可以产生什么样的事件。
InputButton控件
这 个 控 件 其 实 就 是 对 < input type=button | submit | reset>控件的扩展。 惟一不同的地方是，这个控件没有OnClick 事件，而是使用OnServerClick事件来表明 单击这个按钮时所产生事件的处理方法。 03-05.aspx
<form action="03-02.aspx" method="post"> 用户名<input type=text name=userid><br> <input type=submit name=yes value="提交"><br> </form>
WEB服务器控件
国信安培训-《web服务器控件》
文本输入控件
1、TextBox控件–用作将由用户或程序员输入的文本的占位符， 输入的文本可以用程序读取。 TextBox类直接继承于WebControl类，用于让用户输入文本， 是经常使用的一个输入控件。
<ASP:TextBox Id="控件的名字" Runat="Server" Text="TextBox中的字符串" TextMode="SingleLine | Multuline | Password" Columns="最大列数" Rows="最大行数" MaxLength="最大字符数目" [AutoPostBack="True | False"] Wrap="True | False" OnTextChanged="事件程序名称" />
国信安培训-《web服务器控件》
Button的主要属性和事件
事件：Click和Command事件。其中Cilck先执行。 事件 属性： 属性 CommandName属性：为每个按钮一个名字，多个按钮共用同 一个事件函数时，就会用到。举例说明。 CommandArgument属性：给命令传递参数时，使用到，特别 是绑定时使用。 OnClientClick属性：客户端的javascript脚本代码（函数） PostBackUrl属性：单击按钮时，转移到的Url地址。 注意：任何时候，点击按钮，都会发送请求到服务器。
国信安培训-《web服务器控件》
3.1 ASP .NET控件属性
AccessKey属性：用来为控件指定键盘的快速键，这个属性的内容为 数字或是英文字母。例如设置为“A”，那么使用时用户按下Alt+A组合 键就会制动将焦点移动到这个控件的上面。只有Internet Explorer 4.0 或者更高的版本才支持这个特性。 Backcolor属性用于设置对象的背景色，其属性的设定值为颜色名称或 是#RRGGBB 的格式。 边框属性包括有BorderWidth、BorderColor、BorderStyle等几个属性。 其中，BorderWidth属性可以用设定Web控件的边框宽度，单位是像素 计算。 Enabled属性用于设置禁止控件还是使能控件。当该属性值为False时， 控件为禁止状态。当该属性值为True时控件为使能状态，对于有输入 焦点的控件，用户可以对控件执行一定的操作
Web控件
Visual
1 服务器控件 2 HTML控件 3 Web服务器控件 4 Web服务器验证控件 5 服务器控件绑定
3 Web服务器控件
命名空间： System.Web.UI.WebControls
前缀<ASP:> Runat=“server”
ControlToValidate="要验证的控件ID" errorMessage="错误信息“ Display="Static|Dymatic|None">
MinimumValue = "最小值" MaximumValue = "最大值" Type = "String|Integer|Double|DateTime|Currency “
<asp:TextBox id="txtName" runat="server“ Text=“Hello“/>
Web服务器控件的层次
基本Web服务器控件
1. Literal控件
<asp:Literal id="Literal1" Text=" " runat="server"/>
2. Label控件
</ASP:CompareValidator>
CompareValidator举例
<ASP:CompareValidator id="CompareValidator1 " runat="Server “ ErrorMessage="必须大于TextBox1的值" ControlToValidate="TextBox2" ControlToCompare="TextBox1" Operator="GreaterThan" Type="Integer"> </ASP:CompareValidator>
1 服务器控件 2 HTML控件 3 Web服务器控件 4 Web服务器验证控件 5 服务器控件绑定
3 Web服务器控件
命名空间： System.Web.UI.WebControls
前缀<ASP:> Runat=“server”
ControlToValidate="要验证的控件ID" errorMessage="错误信息“ Display="Static|Dymatic|None">
MinimumValue = "最小值" MaximumValue = "最大值" Type = "String|Integer|Double|DateTime|Currency “
<asp:TextBox id="txtName" runat="server“ Text=“Hello“/>
Web服务器控件的层次
基本Web服务器控件
1. Literal控件
<asp:Literal id="Literal1" Text=" " runat="server"/>
2. Label控件
</ASP:CompareValidator>
CompareValidator举例
<ASP:CompareValidator id="CompareValidator1 " runat="Server “ ErrorMessage="必须大于TextBox1的值" ControlToValidate="TextBox2" ControlToCompare="TextBox1" Operator="GreaterThan" Type="Integer"> </ASP:CompareValidator>
第3章 基本Web服务器控件
超级链接样式按钮（LinkButton控件）
Button普通按钮控件
使用Button控件可以在网页上创建普通按钮。开发人员 可以为Click事件提供事件处理程序，以便以编程方式 控制在用户单击“提交”按钮时，执行需要的操作。
后台代码:
当点击按钮后的效果:
ImageButton图像按钮控件
ImageButton控件与Button控件功能相似，只是ImageButton控件可以在 按钮上添加图片。ImageButton用ImageUrl来指定图片的位置。按钮不再有名 称，而是一副图像，而Button按钮显示的是通过Text属性设置的文字。
复选框
CheckBox控件用于在Web窗体页上创建复选框，该复选框允许用户在 True或False状态之间切换。通过设置Text属性，可以指定在控件中 显示的标题，标题可显示在复选框的右侧或左侧。设置TextAlign属 性以指定标题显示在哪一侧。
下拉列表框
DropDownList控件用于创建单一选择的下拉列表控件。通过设置BorderColor、 BorderStyle和BorderWidth属性，可以控制DropDownList控件的外观。如要指 定在DropDownList控件中显示的项，则应针对每个项在DropDownList控件的 开始和结束标记之间，放置一个ListItem元素。使用DataTextField和 DataValueField属性分别指定每个列表项的Text和Value属性。
列表控件
使用BulletedList控件可以创建静态项目列表，可以和数 据源的数据进行绑定来显示数据列表，还可以通过编 程的方式对列表项进行动态控制。本节就介绍这两种 方式的用法。
演示BulletedList控件
Web 服务器控件培训教程
("") +; + "," + ;
使用选择控件
容器控件
有两种类型的容器控件：
控件 – 服务器控件提供一个位于 窗体页的容器控件， 该控件可用作静态文本和其他控件的父级
控件 - 存储动态添加到网页上的服务器控件的容器
：属性和事件
属性： 最常用属性是用于添加/删除此容器控件的子控件的 属性
事件： 所有的事件都继承自 类 通常不处理此控件的事件，子控件的特定事件按照控件的 方式进行处理
位符。在此控件内不能进行用户交互
和 的属性和事件
的属性：
属性名称 属性名称
说明 获取或设置 控件中的数说据明
获取或设置 控件中的数据
显示模式：单行、多行或密码文本
序事员件可–以用处户理输的入此信事息件后。防离止开用户服更务改文器本控件时，控件引发程
设置为 时，当用户更改内容后离开控件时， 导致控件触发 事件。默认情况下设置为 .
：属性和事件
属性名称
说明 获取或设置 控件中显示的行数
事件名称
获取或设置 控件的选择模式 说明
当从列表控件选择的内容在发布到服务 器的操作之间发生变化时发生
( , e) { }
( , e) { }
( , e) {
} ( , e)
{
}
使用选择控件
“男";
;
("") +; + "," + ;
显示处理 控件的代码片段
服务器控件 面板
双击或单击并拖动 服务器控件， 将其添加到 窗体
服务器控件的类型
内部控件 文本输入控件 控制权转移控件 选择控件 容器控件 其他控件– 用于某些特定用途的专用控件
使用选择控件
容器控件
有两种类型的容器控件：
控件 – 服务器控件提供一个位于 窗体页的容器控件， 该控件可用作静态文本和其他控件的父级
控件 - 存储动态添加到网页上的服务器控件的容器
：属性和事件
属性： 最常用属性是用于添加/删除此容器控件的子控件的 属性
事件： 所有的事件都继承自 类 通常不处理此控件的事件，子控件的特定事件按照控件的 方式进行处理
位符。在此控件内不能进行用户交互
和 的属性和事件
的属性：
属性名称 属性名称
说明 获取或设置 控件中的数说据明
获取或设置 控件中的数据
显示模式：单行、多行或密码文本
序事员件可–以用处户理输的入此信事息件后。防离止开用户服更务改文器本控件时，控件引发程
设置为 时，当用户更改内容后离开控件时， 导致控件触发 事件。默认情况下设置为 .
：属性和事件
属性名称
说明 获取或设置 控件中显示的行数
事件名称
获取或设置 控件的选择模式 说明
当从列表控件选择的内容在发布到服务 器的操作之间发生变化时发生
( , e) { }
( , e) { }
( , e) {
} ( , e)
{
}
使用选择控件
“男";
;
("") +; + "," + ;
显示处理 控件的代码片段
服务器控件 面板
双击或单击并拖动 服务器控件， 将其添加到 窗体
服务器控件的类型
内部控件 文本输入控件 控制权转移控件 选择控件 容器控件 其他控件– 用于某些特定用途的专用控件
asp.net程序设计教程课后答案
程序设计教程课后答案【篇一：web.asp程序设计课后习题答案(沈士根版)】/p> （1）.net framework主要包括公共语言运行库clr 和类库。
（2）网站在编译时，首先将语言代码编译成微软中间语言msil。
（3）一台iis web服务器ip地址为210.78.60.19，网站端口号为8000，则要访问虚拟目录xxxy中default.aspx的url为（4）可以通过复制网站同步网站上的一个文件。
2.是非题（1）托管代码是以clr为基础的代码。
（√）（2）3.5仍使用2.0引擎。
（√）（3）.net framework 3.0是.net framework 3.5的一部分。
（√） 3.选择题（1）.net framwork3.5不包括（a）a. .net framework 1.1b. .net framework 2.0c. linqd. ajax（2）下面（d）网站在建立时要求安装microsoft frontpage服务器扩展。
文件系统 b. 本地iis c. ftp站点 d.远程站点（3）发布网站后不可能存在的文件夹是（b）a． app_datab.app_code c.app_themes d.bin第二章1. 填空题（1） visual studio 2008 默认建立的xhiml文件类型是transitional。
（3）存放web窗体页c#代码的模型有单文件页模型和代码隐藏页模型。
（4）单文件页模型中，c#代码必须包含于script…/script之间。
（5）外部样式表通过link元素链接到网页。
（6） xml主要用于传输和存储数据。
2．是非题（2） xhtml中每个元素都有结束标记。
（√）（3） .htm文件不需要编译，直接从web服务器下载到浏览器执即可。
（√）3.选择题（1）css样式不包括（d）a 基于元素的样式b. 基于类的样式c. 基于id的样式d. 基于文件的样式（2）下面（b）是静态网页文件的扩展名。
Web应用程序设计案例教程第3章
的信息。 ☺Type属性：指定要比较的数据类型。 ☺Operator属性：指定要执行的比较运算类型，在Web页面 中添加CompareValidator控件，并将其链接到要做比较验证 的输入控件，就可以指定输入控件为比较输入控件。
10
3.3.3 RangeValidator控件
1. RangeValidator控件的功能 ☺RangeValidator控件是指用户在Web窗体页上输入数据时，检查 输入的值是否在指定的上下限范围之内的一种验证。 2. RangeValidator控件的主要属性 ☺MinimumValue属性：用来指定范围的下限值。 ☺MaximumValue属性：用来指定范围的上限值。 3. RangeValidator控件的应用 ☺通过在Web页面中添加RangeValidator控件，并将其链接到要做 的范围验证的输入控件，并且指定要验证的值的数据类型，就可 以验证该控件输入的值是否在指定范围内。 应用RangeValidator控件进行范围验证的操作步骤如下。 ☺(1)将RangeValidator控件添加到页中。 ☺(2)使用MaximumValue和MaximumValue属性来设置范围的上、 下限值。 ☺(3)设置Type属性，指定范围设置的数据类型，可以使用string、 integer、double或currency类型名。 ☺(4)如果是编程验证，可在Web窗体代码中添加测试代码，以检查 有效性。
添加TextBox控件的方法与添加Label控件相同。
2. DropDownList控件 ☺DropDownList控件就是我们经常见到的下拉列表，是在众
多的列表项中选择一项。此控件的选择项的数据可以是静态 绑定，也可以是通过程序动态绑定，这种列表项较少的直接 使用静态绑定比较方便，但是出生日期中的年月日列表项比 较多，使用静态绑定就显得比较麻烦，这种情况下就应采用 动态绑定。
10
3.3.3 RangeValidator控件
1. RangeValidator控件的功能 ☺RangeValidator控件是指用户在Web窗体页上输入数据时，检查 输入的值是否在指定的上下限范围之内的一种验证。 2. RangeValidator控件的主要属性 ☺MinimumValue属性：用来指定范围的下限值。 ☺MaximumValue属性：用来指定范围的上限值。 3. RangeValidator控件的应用 ☺通过在Web页面中添加RangeValidator控件，并将其链接到要做 的范围验证的输入控件，并且指定要验证的值的数据类型，就可 以验证该控件输入的值是否在指定范围内。 应用RangeValidator控件进行范围验证的操作步骤如下。 ☺(1)将RangeValidator控件添加到页中。 ☺(2)使用MaximumValue和MaximumValue属性来设置范围的上、 下限值。 ☺(3)设置Type属性，指定范围设置的数据类型，可以使用string、 integer、double或currency类型名。 ☺(4)如果是编程验证，可在Web窗体代码中添加测试代码，以检查 有效性。
添加TextBox控件的方法与添加Label控件相同。
2. DropDownList控件 ☺DropDownList控件就是我们经常见到的下拉列表，是在众
多的列表项中选择一项。此控件的选择项的数据可以是静态 绑定，也可以是通过程序动态绑定，这种列表项较少的直接 使用静态绑定比较方便，但是出生日期中的年月日列表项比 较多，使用静态绑定就显得比较麻烦，这种情况下就应采用 动态绑定。
C#教材 WEB服务器控件全文-临时分类
<Form Runat="Server"> <Asp:DataGrid Runat="Server" Id="myDataGrid" AutoGenerateColumns="False" HorizontalAlign="Center" Width="550"> <HeaderStyle Font-Size="Small" Font-Bold="True"
OnEditCommand= " …" On ItemCommand= " …"
On ItemCreated= " …" onpage IndexChanged=" …"
On sortCommand=" …" OnUpdataCommand= " …" >
WEB服务器控件
手动指定字段"模式的语法格式
DataGrid 是一个功能更加强大且复杂程度更 高的控 件, 不仅可以提供删除 、 更新数据的功能,还提供了分页浏览 及数据 排序等 功能 。 DataGrid 控件依照功能可以区分为 “ 自动产生字段 ”与 “手动指定字段 ” 两种模式 。两种模式的区别在于 AutoGenerateColumn 属性若设置为 True, 表示使用 “ 自动产生字段 ”模式 , 显示哪些字段一般由建立 DataSet 对象时 SQL 语句决定 , 在此方式下只要设定显示格式即可 ; 若设置为 False ,表示使用 “手动指定字段 ”模式, 显示的字段必须自行设定 。
WEB服务器控件
OnEditCommand= " …" On ItemCommand= " …"
On ItemCreated= " …" onpage IndexChanged=" …"
On sortCommand=" …" OnUpdataCommand= " …" >
WEB服务器控件
手动指定字段"模式的语法格式
DataGrid 是一个功能更加强大且复杂程度更 高的控 件, 不仅可以提供删除 、 更新数据的功能,还提供了分页浏览 及数据 排序等 功能 。 DataGrid 控件依照功能可以区分为 “ 自动产生字段 ”与 “手动指定字段 ” 两种模式 。两种模式的区别在于 AutoGenerateColumn 属性若设置为 True, 表示使用 “ 自动产生字段 ”模式 , 显示哪些字段一般由建立 DataSet 对象时 SQL 语句决定 , 在此方式下只要设定显示格式即可 ; 若设置为 False ,表示使用 “手动指定字段 ”模式, 显示的字段必须自行设定 。
WEB服务器控件
Web服务器控件
Web数据库技术教程
12
NET中的服务器控件
Web服务器控件（续）
<Script Language="VB" Runat="Server"> Sub Page_Load(Sender As Object, e As EventArgs)
Dim I As Short For I=1 To 8
Dim liA As New ListItem liA.Text="选项" & I.ToString rblA.Items.Add(liA) Next End Sub </Script> </Html>
2
NET中的服务器控件
Web服务器控件（续）
Label（标签） 用来在页面上显示信息。其语法为： <asp:Label id=“控件名称” Text=“显示的字符” runat="server"/>
Web数据库技术教程
3
NET中的服务器控件
Web服务器控件（续）
TextBox（文本框）
输入单行文本、多行文本或密码，默认为单行文本。 其语法为：
WEB数据库技术
NET中的服务器控件
Web服务器控件
Web服务器控件的属性
属性 BackColor BorderColor BorderWidth CssClass Enabled Font ForeColor Height Style TabIndex ToolTip Visible Width
<asp:TextBox id="控件名称"
TextMode="Single | Multiline | Password" Text="显示的字符" MaxLength="可输入字符数" Columns="多行文本的列数"
Web应用设计第3章 服务器控件的基本知识
6
3.1 服务器控件的基本知识
提供了两大类服务器控件：HTML服务器控件和 Web服务器控件。 HTML服务器控件与HTML标记一一对应，在每一个
HTML标记属性中添加runat=”server”属性就变成了 HTML服务器控件。 Web服务器控件不与HTML标记对应， 2.0提 供了丰富的Web服务器控件包括标准控件、验证控件、 导航控件、登录控件等类型。
第3章
服务器控件的基本 知识
本章内容
了解和使用各种服务器控件 深入体会服务器控件带来的软件编程思想 使用验证控件确保输入数据的正确性 使用导航控件方便地创建导航系统 使用用户控件减少代码提高程序的重用性
2
本章重点
2.0中的各种服务器控件 验证控件 导航控件 用户控件
3
本章学习目标
服务器处理事件
的某些服务控件会自动生成一部分客户端代码， 用来响应客户端的浏览器处理事件。为了减少事件处理过程 中的信息往返次数，如文本框中的文本以及下拉列表框、单 选按钮、复选按钮中的选项发生改变时，这种信息的改变并 不及时发送到服务器，而是先将事件的信息保存到客户端的 缓冲区中，等到下一次向服务器发送信息时，再和其它信息 一起发送到浏览器。
7
3.2 服务器控件的事件模型
ASP.ENT除了的页面事件以外，还有HTML事 件、服务器控件事件等。这些事件中，有的只能由服务器 处理，而在浏览器端发生的事件，有些可以由浏览器处理 也可以由服务器处理。因此也可以将这两种事件称为浏览 器处理事件和服务器处理事件。 浏览器处理事件 服务器处理事件
8
3.2 服务器控件的事件模型
浏览器处理事件
浏览器处理事件在客户端浏览器上触发，也由浏览器响应。 内置于浏览器的解释器会执行该事件的处理程序，不会将该 事件传至服务器，这样就可以减轻服务器的负担，处理效率 也会更高。
3.1 服务器控件的基本知识
提供了两大类服务器控件：HTML服务器控件和 Web服务器控件。 HTML服务器控件与HTML标记一一对应，在每一个
HTML标记属性中添加runat=”server”属性就变成了 HTML服务器控件。 Web服务器控件不与HTML标记对应， 2.0提 供了丰富的Web服务器控件包括标准控件、验证控件、 导航控件、登录控件等类型。
第3章
服务器控件的基本 知识
本章内容
了解和使用各种服务器控件 深入体会服务器控件带来的软件编程思想 使用验证控件确保输入数据的正确性 使用导航控件方便地创建导航系统 使用用户控件减少代码提高程序的重用性
2
本章重点
2.0中的各种服务器控件 验证控件 导航控件 用户控件
3
本章学习目标
服务器处理事件
的某些服务控件会自动生成一部分客户端代码， 用来响应客户端的浏览器处理事件。为了减少事件处理过程 中的信息往返次数，如文本框中的文本以及下拉列表框、单 选按钮、复选按钮中的选项发生改变时，这种信息的改变并 不及时发送到服务器，而是先将事件的信息保存到客户端的 缓冲区中，等到下一次向服务器发送信息时，再和其它信息 一起发送到浏览器。
7
3.2 服务器控件的事件模型
ASP.ENT除了的页面事件以外，还有HTML事 件、服务器控件事件等。这些事件中，有的只能由服务器 处理，而在浏览器端发生的事件，有些可以由浏览器处理 也可以由服务器处理。因此也可以将这两种事件称为浏览 器处理事件和服务器处理事件。 浏览器处理事件 服务器处理事件
8
3.2 服务器控件的事件模型
浏览器处理事件
浏览器处理事件在客户端浏览器上触发，也由浏览器响应。 内置于浏览器的解释器会执行该事件的处理程序，不会将该 事件传至服务器，这样就可以减轻服务器的负担，处理效率 也会更高。
web服务器控件
《10.3W eb服务器控件》1. 目标概述[2分钟] (2)2. 回顾[5分钟] (2)3. 课程知识点讲解 (2)3.1. Web服务器控件简介[45分钟] (2)3.2. 文本控件[20分钟] (5)3.3. 控制权转移控件[45分钟] (6)3.4. 选择控件[20分钟] (7)3.5. 容器控件[15分钟] (8)3.6. 其他控件[25分钟] (8)4. 小结[3分钟] (8)5. 考核点 (9)6. 作业答案 (9)7. 扩展练习 (10)8. 学生问题汇总 (10)9. 教学后记 (10)本节目标⏹本节中将讲述如下主要内容：✧Web服务器控件简介✧文本控件✧控制权转移控件✧选择控件✧容器控件✧其他控件⏹通过教学使学生掌握WEB服务器控件及其应用。
本节重点⏹文本控件⏹控制权转移控件⏹选择控件⏹容器控件⏹其他控件本节难点⏹授课课时⏹4课时教法建议1.目标概述 [2分钟]本节主要讲述WEB服务器控件及其应用。
2.回顾 [5分钟]回顾上一节的相关知识。
3.课程知识点讲解3.1.Web服务器控件简介[45分钟]引入：主题：（1）Web服务器控件简述Web服务器控件具有以下特性：●功能丰富的对象模型，该模型具有类型安全编程功能。
由于Web服务器控件是框架全新封装提供的新控件，因此其具有严格的类型安全检查。
●自动浏览器检测。
Web服务器控件可以检测浏览器的功能，并为基本型和丰富型(HTML 4.0或以上) 浏览器创建适当的输出。
●对于某些控件，可以使用模板来自定义控件的外观。
●对于某些控件，可以指定控件的事件是立即发送到服务器，还是先缓存然后在提交窗体时引发。
●可将事件从嵌套控件（例如表中的按钮）传递到容器控件。
在设计时的“HTML”视图中，显示在页中的控件的格式如下：<asp:button attributes runat="server"/>（2）HTML服务器控件与W eb服务器控件的区别HTML服务器控件与Web服务器控件的区别：（3）Web服务器控件的公共属性1．System.Web.UI.WebControls.WebControl类的属性System.Web.UI.WebControls.WebControl 类是System.Web.UI.WebControls 命名空间中的所有控件的基类。
第3章 Web窗体与服务器控件(10)
3
教程（C#版）
第三章 Web窗体与服务器控件
授课提纲：
一、 2.0登录控件功能演示 二、 2.0登录控件介绍 三、登录控件综合实例
5
教程（C#版）
一、 2.0登录控件功能演示
1、 2.0登录控件基本功能特点
2.0提供的一套登录控件几乎不需要写代 码就能实现一个相对完备的用户登录验证功能。
（2）操作提示
测试角色（三种） 未登录用户：匿名帐户
登录来宾用户：guest1
角色成员用户：member1 操作步骤（P192-195） （1）-（4）用户、角色和权限设置管理——菜单“网站” / “ASPNET配置” 。 （5）-（7）使用系统登录控件设计不同权限的5个访问页面。 （8）测试角色。
19
教程（C#版）
小结
本讲介绍 2.0登录控件。在给大家 演示了 2.0登录控件的一个综合示例后， 对 2.0七个登录控件逐一介绍，最后说 明角色登录应用。概括起来应把握以下几点： 1、学会常用的登录用户控件创建和使用 2、分清七个 2.0登录控件的功用，灵活 应用。
14
教程（C#版）
三、登录控件综合实例
2、Xml文档说明
（3）示例：描述书信息的xml文件mybook.xml
<?xml version="1.0" encoding="GB2312" standalone="no" ?> <!--这是有关书籍的XML文档--> <!DOCTYPE mybooklist SYSTEM "mybooklist.dtd"> <mybook> <title>20程序设计案例教程</title> <author age=“40”>马瑞新</author> <chapter>第1章 20基础 <section>1.1 静态网页与动态网页</section> <section>1.2 网页工作原理</section> </chapter> <chapter>第2章 内置对象 <section>2.1 页面传值对象</section> <section>2.2 获取客户端数据</section> </chapter> </mybook>
教程（C#版）
第三章 Web窗体与服务器控件
授课提纲：
一、 2.0登录控件功能演示 二、 2.0登录控件介绍 三、登录控件综合实例
5
教程（C#版）
一、 2.0登录控件功能演示
1、 2.0登录控件基本功能特点
2.0提供的一套登录控件几乎不需要写代 码就能实现一个相对完备的用户登录验证功能。
（2）操作提示
测试角色（三种） 未登录用户：匿名帐户
登录来宾用户：guest1
角色成员用户：member1 操作步骤（P192-195） （1）-（4）用户、角色和权限设置管理——菜单“网站” / “ASPNET配置” 。 （5）-（7）使用系统登录控件设计不同权限的5个访问页面。 （8）测试角色。
19
教程（C#版）
小结
本讲介绍 2.0登录控件。在给大家 演示了 2.0登录控件的一个综合示例后， 对 2.0七个登录控件逐一介绍，最后说 明角色登录应用。概括起来应把握以下几点： 1、学会常用的登录用户控件创建和使用 2、分清七个 2.0登录控件的功用，灵活 应用。
14
教程（C#版）
三、登录控件综合实例
2、Xml文档说明
（3）示例：描述书信息的xml文件mybook.xml
<?xml version="1.0" encoding="GB2312" standalone="no" ?> <!--这是有关书籍的XML文档--> <!DOCTYPE mybooklist SYSTEM "mybooklist.dtd"> <mybook> <title>20程序设计案例教程</title> <author age=“40”>马瑞新</author> <chapter>第1章 20基础 <section>1.1 静态网页与动态网页</section> <section>1.2 网页工作原理</section> </chapter> <chapter>第2章 内置对象 <section>2.1 页面传值对象</section> <section>2.2 获取客户端数据</section> </chapter> </mybook>
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
事件名称
说明
SelectedIndexChanged
当从列表控件选择的内容在发布到服务 器的操作之间发生变化时发生
22
使用选择控件
23
容器控件
有两种类型的容器控件： Panel 控件 – Panel Web 服务器控件提供一个位于 Web 窗体页的容器控件，该控件可用作静态文本和其他控件的 父级 Placeholder 控件 - 存储动态添加到网页上的服务器控件 的容器
处理 Button 的 Click 事件
15
使用按钮类型控件
Button 控件
ImageButton 控件
Hyperlink 控件
16
选择控件
有四种类型的选择控件： CheckBox –为用户提供一种方法在 true/false、yes/no 或 on/off 选项之间切换 RadioButton - 用于只从选项列表中选择一个选项 DropdownList - 允许用户从预定义列表中选择一项 ListBox - 允许用户从预定义列表中选择一项或多项
4
添加 Web 服务器控件
使用 Web 窗体设计器添加 Web 服务器控件：
Web 服务器 控件面板
双击或单击并拖动 Web 服务器 控件，将其添加到 Web 窗体
5
Web 服务器控件的类型
内部控件 文本输入控件 控制权转移控件 选择控件 容器控件 其他控件– 用于某些特定用途的专用控件
6
文本输入控件
2
目录
1
使用文本输入控件
2
使用控制权转移控件
3
使用选择控件
4
讨论其他控件
Web 控件－简介 控件－
控件是用于在 Web 窗体执行所有任务的工具 控件定义 Web 窗体的外观 Microsoft Visual Studio .NET 提供了两种可用于 Web 窗 体的控件，分别为： Web 服务器控件 HTML 控件
事件名称 SelectionChanged
说明 用户单击日期选择器控件以选择一天、一周或一整 月时发生
32
使用 Calendar 控件 3-1
33
使用 Calendar 控件 3-2
private void btnStart_Click(object sender, System.EventArgs e) { this.hdTemp.Value="Start"; calStEndDt.Style["LEFT"]=(int.Parse(btnStart.Style["LEFT"]. Substring(0,btnStart.Style["LEFT"].Length -2))). ToString()+btnStart.Width+"px"; calStEndDt.Style["TOP"]=(int.Parse(btnStart.Style["TOP"]. Substring(0,btnStart.Style["TOP"].Length -2))). ToString()+btnStart.Height +"px"; calStEndDt.Visible=true; }
34
使用 Calendar 控件 3-3
private void calStEndDt_SelectionChanged(object sender, System.EventArgs e) { if (this.hdTemp.Value=="End") { txtEnd.Text=calStEndDt.SelectedDate.ToString(); } else { txtStart.Text=calStEndDt.SelectedDate.ToString(); } calStEndDt.Visible=false; }
8
使用文本控件
使用TextBox和Label TextControlsDemo.asp x
9
按钮类型控件
有四种类型的按钮转移控件： Button 控件 –显示标准 HTML 窗体按钮 ImageButton 控件 - 显示图像窗体按钮 LinkButton 控件 - 在按钮上显示超文本链接 Hyperlink 控件 - 在某些文本上显示超文本链接
<Advertisements> <Ad> <ImageUrl> </ImageUrl> <NavigateUrl> </NavigateUrl> <AlternateText> </AlternateText> <Impressions></Impressions> <Keyword> </Keyword> </Ad> </Advertisements>
TextChanged 事件 – 用户输入信息后离开 TextBox Web 服务器控件时，控件引发程序员可以处理的此事件。
AutoPostBack
防止用户更改文本
设置为 True 时，当用户更改内容后离开控件 时，导致控件触发 TextChanged postback 事件。默认情况下设置为 False.
18
RadioButton：属性和事件 ：
属性名称 Text AutoPostBack Checked 说明 获取或设置与 RadioButton 关联的文本标签 获取或设置指示单击时 RadioButton 状态是否自 动发回到服务器的值 获取或设置指示是否选中 RadioButton 控件的值
有两种类型的文本输入控件： TextBox 控件 –用作将由用户或程序员输入的文本的占位 符，输入的文本可以用程序读取 Label 标签 - 用作将由程序员在设计时或运行时输入的文 本的占位符。在此控件内不能进行用户交互
7
Label 和TextBox 的属性和事件
Label 的属性： 属性名称
Text 属性名称 Text TextMode ReadOnly 说明 获取或设置 TextBox 控件中的数据 说明 获取或设置 Label 控件中的数据 显示模式：单行、多行或密码文本
17
Checkbox：属性和事件 ：
属性名称 Text 说明 获得/设置与 CheckBox 关联的文本标签 获取或设置指示单击时 CheckBox 状态是否自 动发回到服务器的值 获取或设置指示是否选中 CheckBox 控件的值
AutoPostBack Checked
CheckedChanged 事件 -- 当 Checked 属性值在发布到服 务器的各个操作之间发生变化时发生
28
使用 AdRotator 控件 3-1
注意：添加 AdRotator 控件之后，右击“项目”，“添加 新项”，然后选择如图所示的“XML 文件”，从而创建包含 广告图像的 XML 文件
29
使用 AdRotator 控件 3-2
新建 XML 文件之后，将以下 XML 代码添加到此文件中：
<Advertisements> <Ad> <ImageUrl>images/Bluehills.gif</ImageUrl> <NavigateUrl></NavigateUrl> <AlternateText>冬日站点</AlternateText> 指定广告属性 的 XML 代码 <Impressions>60</Impressions> <Keyword>Users</Keyword> </Ad> <Ad> <ImageUrl>images/Sunset.gif</ImageUrl> <NavigateUrl>/net</NavigateUrl> <AlternateText>夏日站点</AlternateText> <Impressions>80</Impressions> <Keyword>Developers</Keyword> </Ad> </Advertisements>
24
使用容器控件
PanelDemo
25
其他控件
其他控件是用于特定用途的控件，只能用于特殊任务 AdRotator –用于显示横幅广告集合中的随机选择内容，该 集合在基于 XML 的广告文件中指定 Calendar - 允许开发人员提供基于日历的界面，用于选择 日期或查看与日期相关的数据
26
AdRotator：属性和事件 ：
CheckedChanged 事件 -- 当 Checked 属性值在发布到 服务器的各个操作之间发生变化时发生
19
DropdownList 属性
属性名称 AutoPostBack DataMember DataSource DataTextField DataTextFormatString DataValueField 说明 获取或设置指示单击时 DropdownList 状态是否 自动发回到服务器的值 获取或设置数据源中的特定表格以绑定到该控件 获取或设置填充列表控件项的数据源 获取或设置提供列表项内容的数据源字段 获取或设置用于控制如何显示绑定到列表控件的 数据的格式字符串 获取或设置提供列表项文本内容的数据源字段
属性名称 AdvertisementFile KeywordFilter 说明 获取或设置包含广告信息的 XML 文件的路径 获取或设置分类关键字过滤 XML 广告文件中特定 类型的广告 说明 创建控件后访问服务器的每个往返周期发生一次， 但是在显示网页之前发生