ASP.NET程序设计(高职计算机专业系列教材)第六章 ASP.NET的Web服务器控件.ppt
《ASP.NET程序设计(高职计算机专业系列教材)第六章 ASP.NET的Web服务器控件.ppt》由会员分享,可在线阅读,更多相关《ASP.NET程序设计(高职计算机专业系列教材)第六章 ASP.NET的Web服务器控件.ppt(67页珍藏版)》请在三一办公上搜索。
1、第六章ASP.NET的Web服务器控件,6.1 Web窗体概述 6.2 内置服务器端控件 6.3 验证服务器端控件 6.4 其它服务器端控件,本章主要学习ASP.NET中常用的Web服务器控件(简单的内置服务器端控件、验证服务器端控件、其它服务器端控件)及其使用,掌握Web窗体与常用控件的功能特点、属性、方法及能够识别的事件,对于读者正确使用它们进行编程具有非常重要的意义。,本章教学要求:,窗体是在设计程序时,用来制作用户输入输出界面的基本对象。主要用来接收用户输入的数据或是提供信息给用户观看,所以窗体是用户和计算机沟通的主要工具。Web窗体是一项基于服务器的技术,即所有的代码都是在服务器上运
2、行,客户端只是用户的浏览器。ASP.NET Web窗体页是带.aspx扩展名的文本文件。可在整个IIS虚拟目录中部署它们。6.1.1 Web程序模型,6.1 Web窗体概述,1.常用的ASP.NET页面事件和属性Page.Load事件:在页面被加载时,自动调用该事件。可以在Page.Load方法中放置页面的初始化代码,如数据库的连接等。Page.UnLoad事件:当页面从内存中被卸载时,自动调用该事件。Page.IsPostBack属性:判断用户是否第一次访问该页面。若是第一次访问,则IsPostBack属性为false,否则为true。控件事件:由用户在客户端浏览器上触发的各种事件,如按钮的
3、Click事件等。2.页面指示符 ASP.NET的页面指示符,也称指令,用于指明Web页面(.aspx)和用户控件(.ascx)在编译时使用的设置。常用指令有8种,其功能已在第二章已介绍,本章从略。,6.1.2 HTML控件与Web控件1.HTML控件(带有属性runat=server的HTML元素)HTML控件由HTML标记演变而来,几乎所有的HTML标记加上runat=“server”这个Server控件的属性标识后,都可以变为HTML服务器控件。这些控件对应的类的定义位于System.Web.UI.HtmlControls命名空间中,是从HtmlControl基类中直接或间接派生出来的。
4、HTML服务器控件列表详细见书后附录3中表一。,2.Web控件(如控件)Web控件对应的类的定义位于System.Web.UI.WebControls命名空间中,是从WebControl基类中直接或间接派生出来的。Web控件比HTML服务器控件拥有更多的内置功能,它不只提供文本与按钮等窗体类型的控件,还提供了诸如DataGrid、DataList、AdRotator、Calendar等特殊用途的控件。Web服务器控件列表详细见书后附录3中表二。Microsoft提供了以上两组服务器控件(Html服务器控件与Web窗体控件),这两组控件的某些功能重复设置,但在Web窗体中,两者都可以使用或混用,
5、相互不会妨碍。但是二者之间仍有一些明显的区别,如下表6-1所示。,表6-1 Html服务器控件与Web窗体控件的区别,6.2.1 控件6.2.2 Image控件6.2.3 控件6.2.4、控件和控件和控件和控件,6.2 简单的内置服务器端控件,首先给出最常用的ASP.NET的Web服务器端控件,并与以前使用的HTML窗体标记符进行比较。见下表6-2。,6.2.1 控件 在ASP.NET中,该控件是文本标签控件,用于在Web页面上显示文本信息。它类似于HTML的标记。1控件的属性 控件与其它HTML窗体控件一样,也有一组可以设置的属性。runat=server和ID(控件的唯一标识)属性用于每个
6、ASP.NET Web控件,其它属性都是可选的。控件的主要属性包括如下:Text:设置希望标签控件显示的文本。BackColor、ForeColor:指定标签控件的背景色和标签控件上文本的颜色。BorderColor、BorderStyle、BorderWidth:指定边框的颜色、样式、宽度。Font:指定控件显示文字的字体属性,包括字体名称、大小等。Visible:设置标签控件是否在页面上显示,其值必须是True和False。Enable:允许|禁止操作,可取值True|False。禁止时,标签呈灰色显示。,2控件使用举例控件的基本语法很简单,如:文本信息或者 其中,前缀表示该控件属于ASP
7、.NET的内置的控件集。例6.1 利用控件为一家化妆品公司显示文本。,/ch6-1.aspxLabel控件页DHC深层卸妆油/标记允许在服务器上处理窗体控件只要用过一次,便会爱不释手 舒缓肌肤的同时,又具惊人卸妆效果的完美卸妆油。,图6.1 第一次运行结果界面,6.2.2 Image控件 Image控件又称图像控件,与HTML控件中的Img控件相似,主要用来显示用户的图片或图像。可以使用该控件的ImageUrl属性设置要显示的图片或图像文件的链接地址(URL);控件的AlternateText属性显示图片或图像提示信息,如果图片或图像无法显示时,则图片或图像所在位置仅显示备用文本。Image控
8、件的用法如下:AlternateText=图像提示文本 Width=200px Height=200px例6.2 在页面上添加1个Image控件和1个Label控件。其中,Image控件显示一张图片,Label控件显示Image控件的AlternateText属性值。,控件的HTML主要代码如下(其余类似ch6-1):/ch6-2我的图片,图6.3 ch6-2.aspx窗体的设计界面 图6.4 ch6-2.aspx窗体的运行界面,6.2.3 控件 在ASP.NET中,控件是文本框控件,用于在Web页面上接收用户的文本信息。它类似于HTML的标记。文本框是一个可以有很多行的文本区,允许输入较多的
9、文本。该控件提供了以下几个主要属性:MaxLength:指定输入到中最多的字符个数。TextMode:指定是否希望控件只接收一行(默认值,或将设置成SingleLine)、或是多行(将其设成MultiLine)、还是将内容隐藏起来的一行(将其设为Password)。ReadOnly:表示文本是否为只读,默认为False。Rows、Columns:设置文本框所具有的行数、列数。Wrap:指定在多行文本框中,文本是否应自动换行。CssClass:控件呈现的样式。EnableViewState:控件是否保留ViewState状态。,其常用方法如下:TextChanged当更改文本框的内容触发的事件。
10、Load当服务器控件加载到Page对象中时发生的事件。DataBinding当服务器控件绑定到数据源时发生的事件。,控件的基本语法如下:Wrap=True|False OnTextChanged=OnTextChangedMethod runat=server,6.2.4、控件1.控件 控件即按钮控件。它可分为提交按钮控件和命令按钮控件,前者不具有与按钮关联的命令,它只是将Web页面回送到服务器。默认情况下,控件是提交按钮。后者一般包含与控件相关联的命令,同时还具有一个处理控件命令的事件Click,我们通常利用该事件编程。控件的常用属性和方法如下:CausesValidation属性:获取或设
11、置一个值,该值指示在单击控件时是否执行了验证。EnableViewState属性:控件是否保留ViewState状态。Click方法:在单击控件时时发生的事件。控件的基本语法如下:,2.LinkButton控件 LinkButton控件即超链接按钮控件,在功能上与Button控件相同,但它在页面上会呈现为一个以超级链接的形式显示。应用程序可以采用两种不同的方式使用LinkButton控件:把链接文本放置在控件中的使用方法如下:把链接文本放置在控件外的使用方法如下:链接显示文本以上两种方式的区别是链接文本属性放置的位置不同,但是它们显示的样式是相同的。,3.ImageButton控件ImageB
12、utton控件即图片按钮控件,功能与Button控件相同,只是ImageButton控件使用图片作为其外观。ImageButton控件的主要属性如下。AlternateText属性:指定在图像无法显示时显示的备用文本。ImageAlign属性:指定图像的对齐方式(Left、Right、Top、Botton等)。ImageUrl属性:指定要显示的图片或图像的URL。其常用的事件与Button控件相同。ImageButton控件的使用方法如下:例6.3 设计一个简易的留言板。用户输入用户名和留言后,单击“确定”按钮,页面下方可显示用户的留言信息。,图6.6 Board.aspx的运行结果界面,在B
13、oard.aspx的“设计”视图中,双击下面”确定”控件,在Board.aspx.cs代码文件中添加如下Click事件程序代码。/ch6 private void BTsubmit_Click(object sender,System.EventArgs e)LBDisplay.Text=用户+TBName.Text+的留言是:;TBMD.Text=TBMemo.Text;,6.2.5 和控件1DropDownList控件即下拉列表。用户只要按下其向下箭头按钮,即可列出控件中预先定义的列表项,可从中选取所需的列表项。DropDownList控件的主要属性及其事件如下:AutoPostBack属
14、性:指定在某一项的选择状态发生改变后,表单是否被自动回发到服务器,默认值是False。DataMember属性:指明数据源数据库表名。DataSource属性:指明数据源数据库的名称。DataTextField属性:提供列表项文本的数据源中的字段。DataValueField属性:提供列表项值的数据源中的字段。Items属性:表示Item子项的集合,通过该属性可以预设在下拉列表中显示的选项。SelectedIndex属性:获得或设置控件中被选定的列表项的索引号。SelectedItem属性:获得列表控件中索引最小的选定项。SelectedValue属性:获得列表控件中被选定的列表项的值。Sel
15、ectedIndexChanged事件:当被选项的索引发生改变时激发(需将AutoPostBack属性设为True),例6.4.创建一个新的项目ch6-4及ASP.NET页面ch6-4.aspx,利用控件提供被选列表项,当从中选择一个列表项后,单击命令按钮,便将选取到的选项显示出来。,设置各控件的属性。向DropDownList控件中添加列表项:方法1是设置DropDownList控件的Item属性,输入需要的内容后,单击“确定”按钮。相应的系统会自动生成相应的HTML标记。方法2是在程序中的Page_Load()方法中加入以下代码实现。/ch6-4If(IsPostBack)/网页第一次加载
16、时 DropDownList.Items.Add(“深圳”);DropDownList.Items.Add(“广州”);DropDownList.Items.Add(“夏门”);双击“设计”视图中“选择”按钮,在Button1_Click事件中添加如下程序代码:private void Button1_Click(object sender,System.EventArgs e)Label2.Text=你的选择是:+DropDownList1.SelectedItem.Text;,图6.7 ch6-4的ListItem集合编辑器 图6.8 ch6-4.aspx的运行结果界面,2控件控件类似于控
17、件,但会一次列出多个选项来让用户从中选取,且比控件多两个属性如下:Rows:要显示的可见行数目。SelectionMode:列表项的选择模式,决定控件是否允许多项选择。若选为Multiple时表示允许多项选择。与上面的区别是以下代码实现:private void Button1_Click(object sender,System.EventArgs e)Label2.Text=你的选择是:;for(int i=0;iListBox1.Items.Count;i+)ListItem item=ListBox1.Itemsi;If(item.Selected)Label2.Text+=ListB
18、ox1.Itemsi.Text+”;,6.2.6 和控件控件和控件均是单项选择按钮控件,即在一个控件中,只允许选择一个控件。多个控件通常组合在一起形成一个控件,即控件是控件的父控件。控件是通过Text属性来设置要显示的文本,文本可以显示在按钮的左边或右边,控件的主要属性和方法如下:TextAliagn属性:获取或设置与控件关联的文本的对齐方式。GroupName属性:获取或设置单选按钮所属的组名。Checked属性:获取或设置一个值,该值表示是否已选中控件(默认为false-否)。CheckedChanged方法:当控件的Checked属性发生改变时触发该事件。,控件的主要属性和方法如下:Re
19、peatDirection属性:获取或设置要在RadioButtonList控件中子控件排列的方向。RepeatColumns属性:获取或设置要在RadioButtonList控件中显示的列数。RepeatLayout:获取或设置单选按钮所属的组名。例6.5 RadioButton控件和RadioButtonList控件的使用方法。,图6.9 ch6-5.aspx的设计界面,“提交选择”按钮触发的事件Button1_Click(object sender,System.EventArgs e)的程序代码如下:private void Button1_Click(object sender,Sy
20、stem.EventArgs e)if(RadioButton1.Checked=true)Label4.Text=RadioButton1.Text;/显示RadioButton控件的选择文本elseLabel4.Text=RadioButton2.Text;Label6.Text=RadioButtonList2.SelectedItem.Text;/显示RadioButtonList控件的选择文本,图6.10 ch6-5.aspx的运行结果界面,6.2.7 和控件CheckBox控件和CheckBoxList控件均是方型复选按钮控件,即在一个CheckBoxList控件中,可以允许选择多
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ASP.NET程序设计高职计算机专业系列教材第六章 ASP.NET的Web服务器控件 ASP NET 程序设计 高职 计算机专业 系列 教材 第六 Web 服务器 控件
链接地址:https://www.31ppt.com/p-2238967.html