《ASP.NET Web程序设计 教学课件 ppt 作者 祁长兴_ chapter09》由会员分享，可在线阅读，更多相关《ASP.NET Web程序设计 教学课件 ppt 作者 祁长兴_ chapter09（165页珍藏版）》请在金锄头文库上搜索。
1、ASP.NET Web程序设计,9,控件的使用,第,章,本章内容,9.1 HTML控件与服务器控件,9.2 控件的共有属性,9.3 常用的服务器控件,9.4 控件的常用事件,9.5 案例：使用控件编写程序,9.1 HTML控件与服务器控件,HTML控件在默认情况下属于客户端（浏览器）控件，服务器无法对其进行控制。 HTML控件是从HTML标记衍生而来的，每个控件对应于一个或一组HTML标记。 HTML控件可以通过修改代码将其变成Web服务器端控件。 服务器控件就是页面上能够被服务器端代码访问和操作的任何控件。 服务器控件是WebForm编程模型的重要元素，它们构成了一个新的基于控件的表单程序的
2、基础。,ASP.NET服务器控件都是页面上的对象，采用事件驱动的编程模型，客户端触发的事件可以在服务器端来处理。 服务器控件定义为抽象控件，提供丰富的对象模型。 本章主要介绍常用服务器控件的属性、方法和事件： （1）服务器端控件的执行过程 （2） ASP.NET页面的处理过程,9.1 HTML控件与服务器控件,在Visual Studio 2012中，当开发人员用鼠标选择了相应的控件后，属性栏中会简单的介绍该属性的作用。如图所示。,9.2 控件的共有属性,控件有一些基本的常用属性 ： Attributes：获取服务器控件标记上表示的所有属性名称和值对的集合。 BackColor：控件的背景色。
3、 BorderColor：控件边框的颜色。 BorderWidth：控件边框的宽度（以像素为单位）。 BorderStyle：控件的边框样式。 CssClass：分配给控件的级联样式表（CSS）类。 Enabled：决定控件是否可用 。,9.2 控件的共有属性,Font：设置控件上文本的字体。 ForeColor：控件的前景色，即控件上文本的颜色。 Location：定位控件，指定控件的左上角相对于其容器左上角的坐标(x，y)。 Name：指定控件的名称，是控件的唯一标识。 Text：设置、获取控件上显示的文字。 Visible：决定控件是否可见。 Style：为控件设置CSS样式属性。 Si
4、ze：指定控件的高度和宽度。,9.2 控件的共有属性,9.3 常用的服务器控件,9.3.1 标准服务器控件 9.3.2 验证控件,9.3.1 标准服务器控件,在Web应用中，希望显示的文本不能被用户更改，或者当触发事件时，某一段文本能够在运行时更改 。 语法格式为：,1. Label控件,9.3.1 标准服务器控件,同样，Label控件的属性能够在相应的.cs代码中初始化，示例代码如下所示：,1. Label控件,protected void Page_PreInit(object sender, EventArgs e) Label1.Text = “Hello World”; /标签赋值
5、,9.3.1 标准服务器控件,对于Label标签，同样也可以显示HTML样式，示例代码如下所示：,1. Label控件,protected void Page_PreInit(object sender, EventArgs e) Label1.Text = “Hello WorldA Html Code“; /输出 HTML Label1.Font.Size = FontUnit.XXLarge; /设置字体大小 ,9.3.1 标准服务器控件,上述代码中，Label1的文本属性被设置为一串HTML代码，当Label文本被呈现时，会以HTML效果显示。,9.3.1 标准服务器控件,1. 使用W
6、rite方法,例9-1,显示当前日期, .datecolor:Teal; background-color:#999999; border:solid 2px black; 显示当前日期 ,（1）页面设计：在“源”视图中，输入如下代码保存在9-1.aspx文件中：,9.3.1 标准服务器控件,1. 使用Write方法,例9-1,显示当前日期,9.3.1 标准服务器控件,1. 使用Write方法,例9-1,显示当前日期,public partial class _Default : System.Web.UI.Page protected void Page_Load (object sende
7、r, EventArgs e) lblDate.Text=“当前日期为：“+DateTime.Now.ToLongDateString(); ,（2）编辑逻辑：在代码编辑器中，输入如下代码保存在9-1.aspx.cs文件中：,9.3.1 标准服务器控件,1. 使用Write方法,例9-1,运行Web应用程序 ，显示当前日期,9.3.1 标准服务器控件,文本框控件TextBox用于接受用户输入的信息 ，可用于显示单行文本框、多行文本框和密码框，语法格式为 ：,2. TextBox控件,9.3.1 标准服务器控件,TextBox控件常用的控件属性如下所示： AutoPostBack：在文本修改以后
8、，是否自动回传。 Columns：文本框的宽度。 EnableViewState：控件是否自动保存其状态以用于往返过程。 MaxLength：用户输入的最大字符数。 ReadOnly：是否为只读。 Rows：作为多行文本框时所显式的行数。 TextMode：文本框的模式，设置单行，多行或者密码。 Wrap：文本框是否换行。,9.3.1 标准服务器控件,在网页的交互中，如果用户提交了表单，或者执行了相应的方法，那么该页面将会发送到服务器上，服务器将执行表单的操作或者执行相应方法后，再呈现给用户。,2. TextBox控件AutoPostBack（自动回传）属性,9.3.1 标准服务器控件,Vie
9、wState是ASP.NET中用来保存Web控件回传状态的一种机制，它是由ASP.NET页面框架管理的一个隐藏字段。 开发人员绑定数据，在加载页面时仅对页面设置一次，在后续的回传中，控件将自动从ViewState中重新填充，减少了数据库的往返次数，从而不使用过多的服务器资源。 EnableViewState的默认属性值通常为true。,2. TextBox控件EnableViewState（控件状态）属性,9.3.1 标准服务器控件,在默认情况下，文本框为单行类型，同时文本框模式也包括多行和密码，示例代码如下所示：,9.3.1 标准服务器控件,上述代码演示了三种文本框的使用方法，代码运行后的结
10、果如图所示。,9.3.1 标准服务器控件,在文本框的使用中，通常需要获取用户在文本框中输入的值或者检查文本框属性是否被改写。当获取用户的值的时候，必须通过一段代码来控制。,9.3.1 标准服务器控件,为了实现相应的效果，可以通过编写.cs文件代码进行逻辑处理，示例代码如下所示：,protected void Page_Load(object sender, EventArgs e) /页面加载时触发 protected void Button1_Click(object sender, EventArgs e) /单击按钮时触发的事件 Label1.Text = TextBox1.Text;
11、/标签控件的值等于文本框中控件的值 ,9.3.1 标准服务器控件,上述代码中，当单击按钮时，就会触发一个按钮事件，这个事件就是将文本框内的值赋值给标签，运行结果如图。,9.3.1 标准服务器控件,1. 使用Write方法,例9-2,用户登录, .style1width:459px; .style2width:250px; 用户登录 ,（1）页面设计：在“源”视图中，输入如下代码保存在9-2.aspx文件中 ：,9.3.1 标准服务器控件,1. 使用Write方法,例9-2,用户登录, 用户名 密码,9.3.1 标准服务器控件,1. 使用Write方法,例9-2,用户登录,9.3.1 标准服务器
12、控件,1. 使用Write方法,例9-2,用户登录（2）编辑逻辑,public partial class _Default : System.Web.UI.Page protected void Button1_Click(object sender, EventArgs e) if (TextBox1.Text = “user“ ,9.3.1 标准服务器控件,1. 使用Write方法,例9-2,运行效果登录失败,9.3.1 标准服务器控件,1. 使用Write方法,例9-2,运行效果登录成功,9.3.1 标准服务器控件,Button控件显示一个按钮，默认为提交按钮。利用提交按钮可以向服务器
13、端提交整个页面。 语法格式为 ：,3. Button控件,9.3.1 标准服务器控件,Button控件用于事件的提交，常用属性包括有： Causes Validation：按钮是否导致激发验证检查。 CommandArgument：与此按钮管理的命令参数。 CommandName：与此按钮关联的命令。 ValidationGroup：使用该属性可以指定单击按钮时调用页面上的哪些验证程序。,3. Button控件,9.3.1 标准服务器控件,Button控件常用事件如下： （1）Click单击事件：通常用于编写用户单击按钮时所需要执行的事件。 （2）Command命令事件：可以传递参数，负责传递
14、参数的是按钮控件的CommandArgument和CommandName属性。,3. Button控件,9.3.1 标准服务器控件,1. 使用Write方法,例9-3,简易四则运算器 （1）页面设计, 简易四则运算器 ,9.3.1 标准服务器控件,9.3.1 标准服务器控件,9.3.1 标准服务器控件,1. 使用Write方法,例9-3,简易四则运算器 （2）编辑逻辑,public partial class _Default : System.Web.UI.Page protected void Operator_Command(object sender, CommandEventArgs
15、 e) double opc1 = double.Parse(op1.Text); double opc2 = double.Parse(op2.Text); double ans = 0;,9.3.1 标准服务器控件,switch (e.CommandName) case “Add“: / “+”按钮 ans = opc1 + opc2; oper1.Text = “+“; break; case “Subtract“: / “-”按钮 ans = opc1 - opc2; oper1.Text = “-“; break; case “Multiply“: / “”按钮 ans = opc1
16、 * opc2; oper1.Text = “; break; case “Divide“: / “”按钮 ans = opc1 / opc2; oper1.Text = “; break; result.Text = ans.ToString(); ,9.3.1 标准服务器控件,1. 使用Write方法,例9-3,简易四则运算器 效果图,9.3.1 标准服务器控件,1. 使用Write方法,例9-4,利用OnClickClient属性弹出确认框 （1）页面设计, function pop() return confirm (“是否响应Click事件？“); 弹出确认框 ,9.3.1 标准服务器控件,9.3.1 标准服务器控件,1. 使用Write方法,
