利用服务器控件布局前、后台页面.ppt

学习情境三任务3系统前后、台布局服务器控件 主要学习任务 掌握常用服务器控件属性及用途 Label Button TextBox DropDownList CheckBox RadioButtonList 利用服务器控件完成系统页面布局 3.1 服务器控件概述 3.1.1 服务器控件的概念与作用 服务器控件就是页面上能够被服务器端代码访问和操作的任何控件。每个服务器控件都包含一些成员对象，以便开发人员调用，如属性、事件、方法等。通常情况下，服务器控件都包含在ASP.NET页面中。服务器控件是WebForm编程模型的重要元素，它们构成了一个新的基于控件的表单程序的基础。 3.1.2 服务器控件与对象的关系 ASP.NET服务器控件都是页面上的对象，采用事件驱动的编程模型，客户端触发的事件可以在服务器端来处理。常用的服务器控件类似于熟悉的HTML元素，如按钮和文本框。其他服务器控件具有复杂行为，如日历控件和管理数据连接的控件。 3.1.3 服务器控件的属性、方法和事件 ASP.NET 2.0中，所有的服务器控件，包括HTML控件和Web服务器控件以及用户创建或下载的任何控件，都继承自Control类。Control类在System.Web.UI命名空间中定义，代表了服务器控件应该有的最小的功能集合。下面列出服务器控件所共有的一些属性、方法和事件。 服务器控件共有的属性 服务器控件的方法 服务器控件事件 3.2 常用服务器控件 3.2.1 Label控件 Label服务器控件为开发人员提供了一种以编程方式设置Web窗体页中文本的方法，但该控件不支持任何事件。若希望在运行时更改页面中的文本时就可以使用Label服务器控件。如果只是希望显示静态文字，并且文字内容不需要改变，建议使用HTML Label元素显示。Label控件的一些重要属性、方法及事件见教材的详细介绍。 使用Label控件显示文本 本实例通过调用页面的Page_Load()事件来设置Label1服务器控件的字体大小并设置初始显示文本。 主要实现步骤如下。 （1）新建一个Web页面，并在页面中添加一个Label控件。 （2）在页面的Page_Load事件中输入如下代码。 protected void Page_Load(object sender, EventArgs e){ Label1.Font.Size = 30; Label1.Text = Label1控件显示; } 3.2.2 TextBox控件 TextBox控件通常用来接收用户的输入信息，如文本、数字和日期等。默认情况下，TextBox控件是一个单行的文本框，只能输入一行内容。但可以通过修改控件属性，将文本框改为允许输入多行文本或密码形式。 示例:TextBox控件的3种显示方式 下面的实例通过设置TextBox控件的TextMode属性来实现该控件的3种文本显示效果。 主要实现步骤如下。 （1）新建一个Web页为Default.aspx，在页面上添加3个TextBox控件。 （2）在属性页窗口中分别设置3个TextBox控件的TextMode属性。输入用户名的控件，TextMode属性设为SingleLine；输入密码的控件，TextMode属性设为Password；输入备注信息的控件，TextMode属性设为MultiLine。 示例运行界面 TextMode属性的3种文本显示方式 3.2.3 Image控件 Image类直接继承于WebControl类，用于在Web页上显示用户的图片或图像信息，此控件属于服务器端标准控件。 Image控件的一些重要属性、方法及事件见教材的详细介绍。 示例:使用Image控件显示图片 下面的示例通过设置Image控件的ImageUrl属性来显示图片。 主要实现步骤如下。 （1）新建一个Web页面并在页面中添加一个Image控件。 （2）在Image控件的Page_Load()事件中将Image控件的ImageUrl属性设置为要显示图片的路径。 示例代码如下。 protected void Page_Load(object sender, EventArgs e){ this.Image1.ImageUrl = images/VS2005.jpg; } 3.2.4 Button控件 Buton控件可以用来作为Web页面中的普通按钮，Button控件可以分为提交（Submit）按钮控件和命令（Command）按钮控件，默认情况下Button控件为提交按钮控件。提