ASP.NET数据库应用程序开发教程 教学课件 ppt 作者 陈志泊 第3章 Web窗体与控件

1、ASP.NET 数据库应用程序开发,主 编：陈志泊,2019/5/23,ASP.NET 数据库应用程序开发,2,第3章 Web窗体与控件,3.1 Web窗体 3.2 常用服务器端控件 3.3 服务器端数据验证控件 3.4 用户控件,2019/5/23,ASP.NET 数据库应用程序开发,3,Web窗体和控件是设计ASP.NET应用程序用户界面的重要组成元素，如程序中所用到的文本框、命令按钮、窗体等。对于简单的应用程序，用户只需要在Web窗体上放置几个控件，并设置它们的有关属性后，就可以很快建立一个ASP.NET应用程序的用户界面。同时，了解和掌握Web窗体与常用控件的功能特点、属性、方法和能够识别的事件，对于用户正确使用它们进行编程具有非常重要的意义。,2019/5/23,ASP.NET 数据库应用程序开发,4,3.1 Web窗体,Web窗体为Web提供了面向对象的编程方式，它将ASP的易用性与编译代码的速度优势结合起来。Web窗体是一项基于服务器的技术，即所有代码都是在服务器上运行。客户端是用户的浏览器。其执行顺序是这样的：首先，用户请求Web窗体页面；然后，浏览器向Web服务器发送

2、这个请求，服务器调用ASP.NET处理这个页面；该页面的输出是一个HTML流，被发送到客户端。,2019/5/23,ASP.NET 数据库应用程序开发,5,3.1.1 Web程序模型,Web Form（Web窗体）网页架构是一项可扩展的公共语言运行时（Common Language Runtime）程序设计模型，它可以在服务器上动态产生网页并将其打开在浏览器或客户端装置中。显而易见，Web Form网页可作为Web应用程序的用户接口，以便在客户端将信息呈现给用户。,2019/5/23,ASP.NET 数据库应用程序开发,6,Web Form是一个容器对象，它有自己的属性、方法和事件，也能容纳其他对象。 1常用的ASP.NET页面事件和属性包括： （1）Page.Load事件，在页面被加载的时候，自动调用该事件。 （2）Page.UnLoad事件，当页面从内存中被卸载的时候，自动调用该事件。 （3）控件事件，由用户在客户端浏览器上触发的各种事件。 （4）Page.IsPostBack属性，判断用户是否第一次访问该页面。,2019/5/23,ASP.NET 数据库应用程序开发,7,2页面指

3、示符 ASP.NET的页面指示符，也称指令，用于指明Web页面（.aspx）和用户控件（.ascx）在编译时使用的设置。 （1）Assembly，用来引用.NET组件。 （2）Control，定义用户控件特性。 （3）Import，导入命名空间，以便在该页面使用命名空间中的所有类和接口。,2019/5/23,ASP.NET 数据库应用程序开发,8,（4）Implements，指定当前页面实现的.NET框架接口。 （5）OutputCache，用来设置输出缓冲的特性。 （6）Page，定义页面特性。 （7）Register，用来注册用户控件。 （8）Reference，定义当前页运行时要动态编译和链接的Web页面。,2019/5/23,ASP.NET 数据库应用程序开发,9,3.1.2 HTML控件与Web控件,在ASP.NET里面，一切都是对象。Web窗体本身就是一个对象，或者说，Web窗体就是一个对象的容器。服务器控件（Server Controls）是Web Form网页最基本且重要的元素。根据特性及用途，可以分为以下HTML控件与Web控件类型。,2019/5/23,ASP.NE

4、T 数据库应用程序开发,10,1HTML控件 HTML控件由HTML标记衍生而来，几乎所有的HTML标记加上runat=“server“这个Server控件的标识属性后，都可以变为HTML服务器控件。这些控件位于 System.Web.UI.HtmlControls命名空间中，是从HtmlControl基类中直接或间接派生出来的。,2019/5/23,ASP.NET 数据库应用程序开发,11,2Web控件 Web控件的出现，是Web动态技术的一大进步，也是ASP.NET强大功能的体现。这些控件对应的类的定义位于System.Web.UI.WebControls命名空间中，是从WebControl基类中直接或间接派生出来的。Web控件拥有比HTML服务器控件更多的内置功能，它不只提供文本与按钮等窗体类型的控件，还提供了诸如DataGrid、DataList、AdRotator、Calendar等特殊用途的控件。,2019/5/23,ASP.NET 数据库应用程序开发,12,3.2 常用服务器端控件,3.2.1 Label控件 Label控件即标签，主要用于在Web页上显示标题或简短提示。

5、Label控件的主要属性： （1）BackColor、ForeColor （2）BorderColor、BorderStyle、BorderWidth （3）Font：指定控件所显示文字的字体属性，包括字体名称、大小等。 （4）ID：控件的唯一标识。 （5）Text：指定控件显示的文字。 （6）Enabled：是否允许操作。,2019/5/23,ASP.NET 数据库应用程序开发,13,3.2.2 TextBox控件,TextBox控件即文本框，它主要的用途是接收用户的文本输入。主要属性： （1）MaxLength：指定输入到TextBox中的最多的字符个数。 （2）ReadOnly：表示文本是否为只读，默认False。 （3）Rows、Columns：设置文本框的行数、列数。,2019/5/23,ASP.NET 数据库应用程序开发,14,（4）TextMode：指定文本框的行为模式。包含三种设置值：SingleLine、MultiLine、Password。 （5）Wrap：指定在多行文本框中，文本是否应自动换行。 TextBox控件常用的事件是TextChanged，表示当更改文本

6、框中的文本时触发。,2019/5/23,ASP.NET 数据库应用程序开发,15,3.2.3 Button控件,Button控件即按钮。按钮控件的目的是让用户对页面的内容作出判断，当按下按钮后，页面会对用户的选择作出一定的反应，达到与用户交互的目的。主要属性及事件： （1）CausesValidation属性：控制该按钮是否导致激发验证。 （2）Click事件：即用户按下按钮以后，将会触发的事件。我们通常利用此事件进行编程，从而完成对用户选择的确认、对用户表单的提交、对用户输入数据的修改等等。,2019/5/23,ASP.NET 数据库应用程序开发,16,【例3.1】设计一个简易留言板。用户输入用户名和留言后，单击“确定”按钮，页面下方即显示出用户的留言信息。详见本书第61页。 1. 页面布局 2. 设置各控件的属性 3. 编写代码 双击按钮控件BT_Submit，在Click事件中，添加以下程序代码：,2019/5/23,ASP.NET 数据库应用程序开发,17,LB_Display.Text = “用户“+TB_Name.Text+“的留言是：“; TB_MemoDisplay.T

7、ext = TB_Memo.Text; 4. 运行结果如下:,2019/5/23,ASP.NET 数据库应用程序开发,18,3.2.4 LinkButton控件,LinkButton控件即链接按钮，在功能上与Button控件相同，但它在页面上会显示为一个超级链接。,2019/5/23,ASP.NET 数据库应用程序开发,19,3.2.5 ImageButton控件,ImageButton控件即图片按钮，功能与Button控件相同，只是ImageButton控件使用图片作为其外观。主要属性： （1）AlternateText属性：指定在图像无法显示时显示的备用文本。 （2）ImageAlign属性：指定图像的对齐方式（Left、Right、Top、Bottom等）。 （3）ImageUrl属性：指定要显示的图像的URL。 ImageButton控件常用的事件与Button控件相同。,2019/5/23,ASP.NET 数据库应用程序开发,20,3.2.6 DropDownList控件,DropDownList控件即下拉列表。用户只要按下其向下的箭头按钮，即可列出控件中预选定义的列表项，可

8、从中选取所需的列表项。主要属性及事件： （1）AutoPostBack属性：指定在某一项的选择状态发生改变后，表单是否被自动回发到服务器，默认值False。 （2）DataMember属性：指明数据源数据库表名。 （3）DataSource属性：指明数据源数据库的名称。,2019/5/23,ASP.NET 数据库应用程序开发,21,（4）DataTextField属性：用于提供列表项文本的数据源中的字段。 （5）DataValueField属性：提供列表项值的数据源中的字段。 （6）Items属性：表示Item子项的集合，通过该属性可以预设在下拉列表中显示的选项。 （7）SelectedIndex属性：获得或设置控件中被选定的列表项的索引号。,2019/5/23,ASP.NET 数据库应用程序开发,22,（8）SelectedItem属性：获取列表控件中索引最小的选定项。 （9）SelectedValue属性：获取列表控件中被选定的列表项的值。 （10）SelectedIndexChanged事件：当被选项的索引发生改变时激发（需将AutoPostBack属性值设置为True）。,20

9、19/5/23,ASP.NET 数据库应用程序开发,23,【例3.2】利用DropDownList控件提供被选列表项，当从中选择某个列表项后，按下命令按钮，便将选取到的选项显示出来。详见本书第63页。 1. 页面布局 2. 设置各控件的属性 3. 编写代码 双击按钮控件BT_ Choose，在Click事件中，添加以下程序代码：,2019/5/23,ASP.NET 数据库应用程序开发,24,LB_Display.Text = “你的选择是：“ + DDL_Fruit.SelectedItem.Text; 4. 运行结果如下:,2019/5/23,ASP.NET 数据库应用程序开发,25,3.2.7 ListBox控件,列表框（ListBox）类似于DropDownList，但ListBox会一次列出多个选项来让用户从中选取。ListBox控件除了与DropDownList控件相同的属性与事件以外，常用的属性还有: （1）Rows：要显示的可见行的数目。 （2）SelectionMode：列表项的选择模式,决定控件是否允许多项选择。,2019/5/23,ASP.NET 数据库应用程序开发,26,【例3.3】利用ListBox控件提供被选列表项，当从中选择某个列表项后，按下命令按钮，便将选取到的选项显示出来。详见本书第65页。 1. 页面布局 2. 设置各控件的属性 3. 编写代码 双击按钮控件BT_Choose，在Click事件中，添加以下程序代码：,2019/5/23,ASP.NET 数据库应用程序开发,27,LB_Display.Text = “你的选择是：“; for(int i=0;iLBX_Fruit.Items.Count;i+) ListItem item = LBX_Fruit.Itemsi; if(item.Selected) LB_Display.Text += LBX_Fruit.Itemsi.Text+ “ “; ,2019/5/23,ASP.NET 数据库应用程序开发,28,4. 运行结果如下:,2019/5/23,ASP.NET 数据库应用程序开发,29,3.2.8 CheckBox控件,CheckBox（复选框）控件在外观上显示为一个标签，其左边或者

《ASP.NET数据库应用程序开发教程 教学课件 ppt 作者 陈志泊 第3章 Web窗体与控件》由会员E****分享，可在线阅读，更多相关《ASP.NET数据库应用程序开发教程 教学课件 ppt 作者 陈志泊 第3章 Web窗体与控件》请在金锄头文库上搜索。