《网页设计控件》由会员分享，可在线阅读，更多相关《网页设计控件（112页珍藏版）》请在金锄头文库上搜索。
1、网页设计控件,服务器控件概述 HTML服务器控件 标准控件 高级控件,服务器控件分类,在创建ASP.NET网页时，可以使用以下类型的控件： 1. HTML服务器控件：HTML服务器控件属于HTML元素。 2. Web服务器控件：这些控件比HTML服务器控件具有更多内置功能。Web服务器控件与HTML服务器控件相比更为抽象，因为其对象模型不一定反映HTML语法。 3. 验证控件：这类控件用来验证用户的输入。 4. 用户控件：使用创建 ASP.NET网页的相同技术创建可重复使用的自定义控件。,Web服务器控件,标准的Web服务器控件：包括最常用的控件，这类控件在网页中占90。主要是指传统的Web窗
2、体控件。 数据控件：这类控件用来链接数据源。该类控件可细分为两种类型：数据源控件和数据绑定控件。 导航控件：与站点导航数据结合，实现站点导航功能。 登录控件：为Web应用程序提供可靠完整的登录解决方案。,服务器控件的创建,在设计视图中创建服务器控件 在源视图中创建服务器控件 ,设置控件的属性,设置控件的属性将定义其外观和行为。有两种方式设置控件属性： 在“设计”视图中，选择控件，然后在“属性”窗口中设置属性。 在“源”视图中，在控件的元素标记中置入插入点，然后在“属性”窗口中设置属性。,【例 35】,服务器控件的基本属性,服务器控件的标识,利用每个服务器控件的id属性和name属性标识该控件，
3、对它进行操作，如下例。 void page_load(object Src,EventArgs e) Label1.Text = “欢迎你的到来“; ,服务器控件事件,可以为Web服务器控件创建事件处理程序。如在ASP.NET页面上添加一个按钮，然后为该按钮的Click事件编写事件处理程序。 与传统HTML页或基于客户端的Web应用程序中的事件相比，由ASP.NET服务器控件引发的事件的工作方式稍有不同，因为与服务器控件关联的事件是在客户端触发的，但是由ASP.NET页在服务器上处理的。,服务器控件的基本事件,【例 36】,void Button1_click(object sender, E
4、ventArgs e) Label2.Text = TextBox1.Text + Label2.Text; ,HTML控件,在创建站点时，有时对某些控件不需要服务器端做任何事。在这种情况下，只是想在页面上添加简单的静态HTML元素。如只是决定网页上元素的位置或提供一个容器给一组元素。HTML控件工具箱中包含一系列拖放控件，如Input、Table控件和div等，这些HTML控件对应着标准HTML元素。,HTML服务器控件,HTML服务器控件派生自命名空间System.Web.UI.HtmlControls。默认情况下，服务器无法使用纯粹的HTML控件，只有将HTML元素转换为HTML服务器控
5、件，才将其公开为可在服务器上编程的元素。,HTML服务器控件,HTML服务器控件具有以下几个重要特点： 可在服务器上使用面向对象技术对其进行编程控制，这为编程开发提供了便利。 提供了一组事件，可以为事件编写事件处理程序。 自动维护控件状态。在页面窗体到服务器端往返期间，用户在HTML服务器控件中输入的值将在页面回传中自动维护。 与验证控件进行交互。便于验证用户是否在控件输入了适当的信息。 允许在HTML服务器控件中自定义属性。开发人员可以将任何需要的属性添加到HTML服务器控件的属性集中，页框架将读取并呈现它们而不更改其他任何功能。,HTML输入控件,工具箱的“HTML”选项卡上提供多个基于H
6、TML input元素的控件： Input (Text) 控件：input type=“text“元素 Input (Password) 控件：input type=“password“元素 Input (Button) 控件：input type=“button“元素 Input (Submit) 控件：input type=“submit“元素 Input (Reset) 控件：input type=“reset“元素 Input (Checkbox) 控件：input type=“checkbox“元素 Input (Radio) 控件：input type=“radio“元素 Inpu
7、t (File) 控件：input type=“file“元素 Input (Hidden) 控件：input type=“hidden“元素,【例 37】,输入姓名： 输入密码： ,【例 37】,protected void Submit1_ServerClick(object sender, EventArgs e) if (Password1 .Value=“asp“) span1.InnerHtml =“密码正确“; else span1.InnerHtml =“密码不正确“; protected void Reset1_ServerClick(object sender, Event
8、Args e) Text1.Value = “; Password1.Value = “; protected void Button1_ServerClick(object sender, EventArgs e) span1.InnerHtml = “你单击了按钮“; ,【例 38】,请选择您的性别： 男 女 请选择您的爱好： 足球 篮球 乒乓球,【例 38】,protected void Submit1_ServerClick(object sender, EventArgs e) string str=“您的爱好是：“; if (chk1.Checked) str += “足球 “;
9、if (chk2.Checked) str += “篮球 “; if (chk3.Checked) str += “乒乓球 “; span2 .InnerHtml = str; if (Radio1.Checked) span1.InnerHtml = “您是男生“; if (Radio2.Checked) span1.InnerHtml = “您是女生“; ,【例 39】,【例 39】,void Button1_ServerClick(object sender, EventArgs e) File1.PostedFile.SaveAs (“c:uploadupload.jpg“); spa
10、n1.InnerHtml= “上传完毕“; ,【例 310】, 输入字符串： 这里显示的是隐藏的字符串,【例 310】,void Page_Load(object sender, EventArgs e) if (Page.IsPostBack) Span1.InnerHtml = “你上次输入的值是：“ + Hidden1.Value + “; void Submit1_ServerClick(object sender, EventArgs e) Hidden1.Value = Text1.Value; ,【例 311】,您有什么问题可以留言: ,【例 311】,protected voi
11、d Submit1_Click(object sender, EventArgs e) span1.InnerHtml = “您的留言如下:“ + TextArea1.Value; ,Select控件,Select控件是一个下拉列表控件。还可用于数据绑定。 Select控件的格式如下： Item 1 Item 2 Item 3 ,【例 312】,void Button1_ServerClick(object sender, EventArgs e) int numrows = Convert.ToInt32(Select1.Value); int numcells = Convert.ToIn
12、t32(Select2.Value); for (int j = 0; j numrows; j+) HtmlTableRow row = new HtmlTableRow(); for (int i = 0; i numcells; i+) HtmlTableCell cell = new HtmlTableCell(); cell.Controls.Add(new LiteralControl(“行“ +j+“, 列“+i ); row.Cells.Add(cell); Table1.Rows.Add(row); ,Image控件,Image控件是一个图片控件。通过该控件可以设置图片的位置
13、、宽、高、边界宽度、鼠标移过后的提示文字等属性。 Image控件的主要属性有： Align属性：设置或取得文字环绕时，图片放置的位置。 Alt属性：设置或取得说明文字。 Border属性：设置或取得边框的宽度。 Height属性：设置或取得图片的高度。 Width属性：设置或取得图片的宽度。 Src属性：设置或取得图片的URL地址。,Label控件,Label控件主要用于文本的显示，在网页的固定位置显示文本。 Label控件的格式如下： / options表示控件的属性。, protected void Page_Load(object sender, EventArgs e) Label1.
14、Text=“南昌大学共青学院欢迎您！”; ,TextBox控件,TextBox控件是一个可以输入单行文本、密码或者多行文本的控件。默认的情况下TextBox控件的TextMode属性是SingleLine，可以修改为MultiLine或Password。 TextBox控件的格式： ,TextBox控件常用的属性和事件,【例 313】,在文本框中输入内容,将输入的内容在标签控件中显示出来: ,【例 313】,protected void Button1_Click(object sender, EventArgs e) Label1.Text = Server.HtmlEncode(TextB
15、ox1.Text); , 用户名： 密码： ,protected void Button1_Click(object sender, System.EventArgs e) string name=TextBox1.Text; string psd=TextBox2.Text; bool flag=false; if (name!=“ ,按钮控件,标准控件中包含三种类型的按钮：标准命令按钮、超链接样式按钮和图像按钮。 当用户单击这三种类型按钮中的任何一种时，都会向服务器提交一个窗体，当前页被提交给服务器并在那里进行处理。可为下列事件之一创建事件处理程序： 页的Page_Load事件：因为按钮总
16、是将页发送给服务器，所以该方法总是在运行。如果只提交相应窗体，单击哪个按钮并不重要，则使用Page_Load事件。 Click事件：当了解哪个按钮被单击很重要时，编写该事件的事件处理程序。,【例 314】, ,【例 315】, void ImageButton1_Click(object sender, ImageClickEventArgs e) Label1.Text = “你单击了图像按钮。您的坐标是“ + “X为“+e.X +“，Y为“+ e.Y; , Label ,protected void Page_Load(object sender, System.EventArgs e) Label1.Text=“练习使用BUTTON按钮控件，请单击CLICK ME按钮“; Label1.BackColor=System.Drawing.Color.DarkOrange; protec
