《ASP.NET网页开发实用教程 教学课件 ppt 作者 陈运海 电子教案 第3章》由会员分享，可在线阅读，更多相关《ASP.NET网页开发实用教程 教学课件 ppt 作者 陈运海 电子教案 第3章（62页珍藏版）》请在金锄头文库上搜索。
1、ASP.NET网页开发实用教程,Title slide,2,第章 事件驱动与普通Web服务器控件,本章应知 1网页生成的主要事件 2事件驱动及回送的流程 3普通服务器控件的特点和使用方法 本章应会 1编写网页生成的主要事件 2编些事件驱动过程 3综合使用普通控件进行页面设计,3,3.1项目1 编制一个Web网页，包含有Web窗体主要事件,ASP.NET中的事情均可归结为对象，用户创建的每一个Web是一个属于其本身的Page对象。 调用ASP.NET中Web窗体页面，服务器上生成一系列的事件，这些事件主要有： Page_Init事件 Page_Load事件 Page_Unload事件,4,本项目
2、编制一个Web网页要求结果如图3-1所示。,图3-1 首次加载时Page_init与Page_load均执行,5,程序执行过程如下： （1）在初始化页面后，调用Page_Init事件，将初始值为零的整数变量intwhole加1。 （2）在客户端浏览器显示之前、服务器准备送出网页之后，调用Page_Load事件将整数变量intwhole加1。 （3）当单击“加1”按钮时,驱动一个事件，此事件执行的操作为：将intwhole加1。并显示如图3-2所示的页面。 （4）当反复单击“加1”按钮时，显示变量intwhole的最后结果总为3，即变量intwhole的值没有累加下去。,6,图3- 2单击“加1
3、”按钮时只有Page_load执行,7,3.1.1 任务1 编写Page_Init事件 前面提到，Page_Init事件是在初始化页后发生此事件。即在系统第一次调用该网页时执行，而在以后网页上的操作（如按钮、下拉列表、选项等）进行时，该过程不会执行。,8,3.1.2 任务2 编写Page_Load事件 Page_Load事件是在网页生成后，在准备向客户端浏览器传送页面时执行，它修改的内容不保留在服务器上。所以虽然每次刷新页面或单击页面事件时触发，但对变量intwhole的操作结果不会累加。,9,3.1.3 任务3 编写一个配合“加1”按钮的驱动事件 将intwhole的值加1。由于服务器上所保
4、留的intwhole值总是1（由Page_Init事件设置）。当点击“加1”按钮时，先调用Page_Load事件将intwhole值加1变为2，然后调用按钮驱动事件clickhandler将intwhole的值加再1变为3。但下次再单击“加1”按钮时，这些值不会保留到服务器上，所以intwhole值没有累加。,10,3.1.4 任务4 在HTML页面定义中 应用简单Web服务器控件 按钮控件的使用格式如下： 为使按钮工作，这里指定了一个事件onclick。ASP.NET的按钮控件支持以下触发事件： OnLoad事件：当控件加载到窗体时发生 Onunload事件：当控件从窗体上删除时发生 Onc
5、lick事件：鼠标单击控件时发生 Oninit事件：当首次初始化Web页时发生 Onprerender：显示控件之前发生,11,标签控件的使用格式如下： 标签控件的属性Text的内容可以在页面上指定的位置显示出来，因此，对其Text值可进行操作修改，让其根据不同的要求显示不同的结果。添加这部分内容后，将其放在指定的IIS虚拟目录所对应的实际目录下，就可浏览显示整个网页。然后，点击“加1”按钮，注意观察网页所显示的内容。,12,Page_Init仅在首次加载页面时时执行，而每次点击“加1”按钮时不执行。Page_Load不仅在首次加载页面时时执行，而且在每次点击“加1”按钮时执行。而按钮事件cl
6、ickhandler仅在点击“加1”按钮时执行。这三个事件在执行时机上有明显的不同，前二个事件的名称是系统定义的，是系统所包含的主要事件，内容可以由开发者填写；而第三个事件完全由开发者定义和编写。,总 结,13,3.2项目2 编制一个包含有事件驱动和回送的过程Web网页 前一个项目主要讲解了Web网页生成时的主要事件和事件驱动，没有讲解回送过程。回送也是一个处理过程，此过程包括：浏览器将信息发送到服务器端，要求服务器处理事件，服务器完成此事件处理工作并将得到的HTML再传回到浏览器。回送与窗体一起发生，而且只有服务器控件才能将信息传回到服务器。,14,ASP.NET不是所有的事件都处理，通常在
7、客户端需要处理一些事件，如对一些数据合法性的验证、鼠标的点击（onclick）事件等，这些有时候没有必要由服务器来响应该类事件。 在服务器上处理一些事件的优势是不需要依赖特殊的浏览器来识别客户端脚本，而且可以向浏览器传回一些信息，在客户端显示。这与我们第2章讲的HTML有本质区别。下面将通过一些例子来说明此过程。为了让读者理解Web服务器控件与HTML控件这个区别，我们来对比看下面的例子。,15,3.2.1任务1 通过HTML客户端控件，编制一个没有回送的HTML页面 (1)利用第2章所讲的HTML普通客户端控件及标签，用文本编辑器生成文件。 (2)在浏览器中浏览cevent21.htm，并进
8、行选择，结果如图3-3所示。,图3-3 用HTML控件的初始页面,16,单击图3-3的“按下”按钮，在接受所触发的事件后，得到如图3-4所示的结果。,图3-4 用HTML控件的事件处理结果无保留,17,3.2.2任务2 通过Web服务器控件，编制一个具有回送信息功能的网页 用ASP.NET Web服务器控件更改任务1的网页文件cevent21.htm，使其具有回送的功能。,18,浏览cevent22.aspx,并进行选择，然后单击 “按下”按钮，结果如图3-5所示。 图3- 5 用Web服务器控件的保留页面内容。这时，浏览器已经记住了用户的选择。,图3-5 用Web服务器控件的保留页面内容,1
9、9,从代码中可以看出，原来的控件换成了等价的控件；另外一个明显的区别是代码中加入了一个隐藏的控件VIEWSTATE。 事实上，代码将窗体状态的信息传回到_VIEWSTATE控件，此状态信息由ASP.NET生成。,20,由此可见，_VIEWSTATE控件能够使ASP.NET记住页提交之间的信息和状态。因此，回送功能得以实现。 因此，Web服务器控件在功能上要比HTML客户端控件强大。Web服务器控件虽说可以转换成HTML客户端控件，但Web服务器控件能保留系统一些状态，供下一个网页使用。而这些保留状态的工作，甚至不需要开发者去特意定义和说明。,21,3.3项目3 Web服务器控件的一般使用方法和
10、流程 我们将这些Web 控件分为以下几种类型，如表3- 1所示。,表3-1Web 控件的种类,22,3.3.1任务1 声明服务器控件 ASP.NET 服务器控件在页中由包含 runat=“server” 属性的声明性标记标识。下面的示例声明三个 服务器控件，并分别自定义每个服务器控件的文本属性和样式属性。 我们来看看Label Web 控件的使用。我们使用Label Web 控件在屏幕上显示出三个不同大小，不同颜色的文本，内容为“欢迎您的到来”。,23,3.3.3任务3 处理控件操作事件 ASP.NET 服务器控件可以随意地公开和引发服务器事件，这些事件可以由页开发人员来处理。页开发人员可以通
11、过以声明方式将事件连接到控件（事件网的属性名指示事件名，而属性值指示要调用的方法名称）来实现此目的。例如，下面详细说明。,24,如何将 OnClick 事件连接到按钮控件 首先我们请访问者在控件处输入，如图3-9所示：,图3-9 将OnClick 事件连接到按钮控件,25,点击按钮后进行下一步显示，如图3-10所示。,图3-10显示文本框内容,26,3.3.4任务4 处理多个控件操作事件 事件处理程序为网页开发人员提供了在 ASP.NET 页中构造逻辑的清晰方法。例如，下面的示例说明如何在单个页上连接和处理四个按钮事件，如图3-11所示。,图3-11四个命令按钮,27,3.3.5任务5 执行页
12、导航 下面的示例说明如何使用 控件定位到另一页（沿途传递自定义查询字符串参数）。该示例然后说明如何轻松地从目标页访问这些查询字符串参数。如图3-1所示。,图3-12 访问这些查询字符串参数,28,点击链接后跳转到另一页面，如图3-1所示。 图3- 13 此示例说明如何接收来自其他页的导航请求，以及如何提取 Page_Load 事件内的 querystring 参数。,图3-1 提取 Page_Load 事件内的参数,29,当然我们还要强调的是并非所有页导航方案都是在客户端通过超级链接启动的。客户端页重定向或导航也可以由 ASP.NET 页开发人员通过调用 Response.Redirect(u
13、rl) 方法从服务器启动。当导航实际发生前需要对某个客户端输入执行服务器端验证时，通常要这样做。,30,下面的示例说明如何使用 Response.Redire-ct方法(我们在后面的章节中要讲到Response对象的这个功能，这里读者可以体会其用法)将参数传递给另一目标页。它也说明如何轻松地从目标页访问这些参数，如图3-14所示。,图3-14 传递参数初始页面,31,提取TextBox控件中的内容 点击链接后跳转到另一页面，如图3-15所示。,图3-15 提取TextBox控件中的内容,32,3.4项目4 用Web服务器控件编写一个窗体页 在ASP.NET中，出现在Web页面中的各种服务器控件
14、（如文本控件、按钮控件等）都是包含在FORM表单中的，因此，我们必须先来熟悉WebForm。 在MS.NET架构里，Web Form代表了一个一个的Web页面。,33,Form 简介 总的看来，Form就像是一个容纳各种控件的容器，各种控件都必须直接或者间接的和它有依存关系。大家还记得面向对象编程环境里面的Form实际上就是一个对象吧，它可以有自己的属性、方法、事件等等。Web表单，或者说Web页面，实际上是一个“对象” (Object)。MS.NET架构里面一个比较重要的概念就是“对象”：所有的控件都是对象，甚至数据类型都成了对象；每种数据类型都有自己特有的属性和方法。后面的学习过程中将可以
15、体会到。,34,下面我们就是用基本的Form服务器控件“Label”、“Button”、“TextBox”、“DropDown-List”来实现一个简单的选择页面。效果如下： （）初始时如图3- 16所示。,图3-16 使用Web服务器控件初始页面,35,（）输入并选择，如图3- 17所示。,图3- 17使用Web服务器控件操作页面,36,（）最后效果如图3-18所示。,图3-18 使用Web服务器控件结果页面,37,3.4.1 任务1 在窗体中布置控件 首先将所需的Form服务器控件“Label”、“Button”、“TextBox”放置在Form表单中。“Label”是一个标签控件，主要用
16、来显示信息 其定义方式为：。Asp:Label标明控件为ASP标签控件，id标明此控件的唯一标识为Label1，runat=server证明此控件为服务端控件，在服务器上运行。,38,“Button”是一个按钮控件，主要是针对鼠标点击或键盘点击时触发一个事件，其定义方式为： 其中Text值“查询”为按钮上显示的内容，onclick的值定义鼠表点击或键盘点击时触发的事件为Button1_Click。TextBox是一个文本框控件，供用户在网页输入信息用。,39,3.4.2 任务2 设置下拉列表控件内容 设置下拉列表控件“DropDownList”，制作代码如下： 类别： 物流类 IT类 广告类 其中列出下拉列表的每个选项，如：IT类,40,使用脚本语言编写控件间的联结代码如下： void Button1_Click(object Sourc
