03第3章取用客户端和服务器的信息

1、陈承欢 网站开发实例教程第3章取用客户端和服务器的信息 教学环节【教学导航 】 1【操作准备】 2【操作演练 】 3【技术提升 】 4【归纳总结 】 6【知识集成 】5【教学导航】教学目标（1）学会获取客户端数据与跨页传递数据（2）学会设计网站访问计数器与创建Global.asax文件（3）学会应用Application对象、Session对象和全局应用程序类设计一个简易聊天室（4）掌握多种页面跳转的实现方法与数据编码（5）学会应用Application对象、Session对象和Cookie对象制作一个简易投票系统（6）掌握Request、Response、Session、Applicatio

2、n、Server和Cookie等对象的作用、常用属性和方法（7）熟悉Page对象和Page指令，了解Page对象的生命周期和常规Web页面生命周期阶段 课时建议6课时【操作准备 】1创建 网站 在Visual Studio 2008主窗口中创建一个 网站，该网站的名称为“eShop03”，该网站的存储位置是“D: 网站开发实用教程WebSiteeShop03”，同时会自动创建一个Web页面Default.aspx。2准备样式文件和图像文件 在文件夹“eShop03”（其路径为“D: 网站开发实用教程WebSiteeShop03”）新建2个子文件夹，将新建的文件夹重命名为“css”和“image

3、s”。 将已有的样式文件“style03.css”拷贝到子文件夹“css”中，将所需的图像文件拷贝到子文件夹“images”中。【操作演练 】【任务描述】【任务3-1】获取客户端数据与跨页传递数据 设计2个Web页面。其中一个是登录页面，在该页面还可以查看客户端的数据和用户输入的数据；另一个页面主要用于查看跨页传递的数据。 【任务实施】1设计Web页面“eShop030101.aspx”2添加与设计第二个Web页面“eShop030102.aspx”【操作演练 】【任务实施】【任务3-1】获取客户端数据与跨页传递数据 3编写程序代码，实现程序功能（1）编写Web页面eShop030101.as

4、px的Page_Load事件过程的程序代码（2）编写Web页面eShop030101.aspx的btn01_Click事件过程的程序代码（3）编写Web页面eShop030101.aspx的btn03_Click事件过程的程序代码（4）编写Web页面eShop030102.aspx的Page_Load事件过程的程序代码（5）编写Web页面eShop030102.aspx的btn01_Click事件过程的程序代码（6）编写Web页面eShop030102.aspx的btnConfirm_Click事件过程的代码（7）编写Web页面eShop030102.aspx的btnReturn_Click事

5、件过程的代码单击【标准】工具栏中【保存】按钮，保存编写的程序代码。【操作演练 】【任务实施】【任务3-1】获取客户端数据与跨页传递数据 4测试页面eShop030101.aspx和页面eShop030102.aspx切换到Web页面eShop030101.aspx的设计视图，按F5启动调试，Web页面eShop030101.aspx成功运行，在“用户名”对应的文本框中输入“admin”，在“密码”对应的文本框中输入“123456”，然后单击按钮【浏览用户输入信息】，其运行效果如图3-3所示。图3-3Web页面eShop030101.aspx的运行效果 【操作演练 】【任务实施】【任务3-1】获

6、取客户端数据与跨页传递数据 4测试页面eShop030101.aspx和页面eShop030102.aspx在运行的Web页面eShop030101.aspx中，单击按钮【不带参数跳转】，Web页面eShop030102.aspx的运行效果如图3-4所示。图3-4不带参数跳转时Web页面eShop030102.aspx的运行效果 【操作演练 】【任务实施】【任务3-1】获取客户端数据与跨页传递数据 4测试页面eShop030101.aspx和页面eShop030102.aspx如果在运行的Web页面eShop030101.aspx中的文本框中输入相同的数据，然后单击按钮【带参数跳转】，跳转到W

7、eb页面eShop030102.aspx，在运行的页面eShop030102.aspx中单击按钮【查看带参数的数据传递】，如图3-5所示。 图3-5带参数跳转时Web页面eShop030102.aspx的运行效果 【操作演练 】【任务实施】【任务3-1】获取客户端数据与跨页传递数据 4测试页面eShop030101.aspx和页面eShop030102.aspx在Web页面eShop030102.aspx运行时，单击【确认】按钮会弹出如图3-6所示的提示信息对话框，如果单击【返回】按钮则会跳转到Web页面eShop030101.aspx。 图3-6“成功登录”的提示信息对话框 【操作演练 】【

8、任务描述】【任务3-2】设计网站访问计数器 应用Application对象和全局应用程序类（即Global.asax文件）设计一个网站访问计数器，用于统计访问网站的在线人数。【任务实施】1添加与设计Web页面eShop0302.aspx2添加一个全局应用程序类（即Global.asax文件）在【解决方案资源管理器】中右键单击项目名称“eShop03”，在弹出的快捷菜单中单击【添加新项】命令，打开【添加新项】对话框。【操作演练 】【任务实施】【任务3-2】设计网站访问计数器 在【添加新项】对话框中单击选择模板“全局应用程序类”选项，“名称”文本框中文件名称“Global.asax”保持不变，如图

9、3-7所示，然后单击【添加】按钮，在项目“eShop03”中添加了一个全局应用程序类文件。3在全局应用程序类中编写事件过程程序（1）编写Application_Start事件过程的程序代码（2）编写Session_Start事件过程的程序代码（3）编写Session_End事件过程的程序代码【操作演练 】【任务实施】【任务3-2】设计网站访问计数器 4在Web页面eShop0302.aspx编写程序显示网站访问人数切换到Web页面eShop0302.aspx的代码编辑窗口，在该页面的Page_Load事件过程中编写程序代码，显示网站的在线访问人数。代码如下：lbl01.Text = 您是该网站

10、的第 + Applicationcount.ToString() + 位访问者;5测试网站访问计数器Web页面eShop0302.aspx的第1次运行结果如图3-8所示。Web页面eShop0302.aspx的第3次运行结果如图3-9所示。【操作演练 】【任务描述】【任务3-3】制作简易聊天室 应用Application对象、Session对象和全局应用程序类（即Global.asax文件）设计一个简易聊天室。（1）该聊天室包括2个Web页面，一个是登录页面，另一个是聊天页面。用户登录聊天室时应用Application对象存储登录用户名和在线用户数量，应用Session对象记录登录用户名。聊天

11、页面中显示登录用户名称、当前在线人数、聊天内容列表和用户列表，并能输入聊天内容，且添加到聊天内容列表中。（2）在Global.asax文件中对Application对象进行初始化，包括聊天用户列表、聊天内容列表和当前在线聊天人数。【操作演练 】【任务实施】【任务3-3】制作简易聊天室1添加与设计Web页面eShop030301.aspx2添加与设计Web页面eShop030302.aspx3在全局应用程序类中编写事件过程程序（1）编写Application_Start事件过程的程序代码（2）编写Application_End事件过程的程序代码4编写聊天室登录页面的功能代码（1）编写Web页面e

12、Shop030301.aspx的Page对象Load事件过程的程序代码（2）编写Web页面eShop030301.aspx的登录按钮Click事件过程的程序代码（3）编写Web页面eShop030301.aspx的退出按钮Click事件过程的程序代码【操作演练 】【任务实施】【任务3-3】制作简易聊天室5编写聊天室交谈页面的功能代码（1）创建2个自定义方法（2）编写Web页面eShop030302.aspx的Page对象Load事件过程的程序代码（3）编写Web页面eShop030302.aspx的退出按钮Click事件过程的程序代码（4）编写Web页面eShop030302.aspx的退出按

13、钮Click事件过程的程序代码6测试聊天室（1）测试第1个用户登录且进入聊天室交谈（2）测试以相同的用户名重新登录（3）测试多个用户登录聊天室并参与交谈【操作演练 】【任务描述】【任务3-4】实现页面跳转的多种方法与数据编码 （1）应用Server对象的Execute方法和Transfer方法以及Response对象Redirect方法分别实现页面跳转。（2）应用Server对象UrlEncode方法和UrlEncode方法对字符串进行编码和解码。（3）应用Server对象的方法获取服务器的计算机名称、当前运行文件的路径、当前登录用户的名称和当前登录用户的密码。（4）应用Server对象的Ht

14、mlEncode方法和HtmlDecode方法对字符串进行HTML编码和解码。【操作演练 】【任务实施】【任务3-4】实现页面跳转的多种方法与数据编码 1添加与设计Web页面eShop030401.aspx2添加与设计Web页面eShop030402.aspx3编写登录页面eShop030401.aspx的功能代码（1）编写Web页面eShop030401.aspx的Page_Load事件过程的程序代码（2）编写Web页面eShop030401.aspx的btnLogin01_Click事件过程的代码（3）编写Web页面eShop030401.aspx的btnLogin02_Click事件过程

15、的代码（4）编写Web页面eShop030401.aspx的btnLogin03_Click事件过程的代码Web页面eShop030401.aspx中按钮【登录三】的btnLogin03_Click事件过程的程序代【操作演练 】【任务实施】【任务3-4】实现页面跳转的多种方法与数据编码 4编写Web页面eShop030402.aspx的Page对象Load事件过程的程序代码5测试多种页面跳转的实现方法与数据编码（1）测试第1种页面跳转的实现方法（2）测试第2种页面跳转的实现方法（3）测试第3种页面跳转的实现方法【技术提升 】【任务描述】【任务3-5】制作简易投票系统 应用Application

16、对象、Session对象和Cookie对象制作一个简易投票系统，该系统主要包括2个Web页面：登录页面和投票页面。（1）登录页面使用Cookie对象记录用户的登录名称、登录密码和登录时间，同时也使用Session对象保存用户的登录名称。（2）投票页面使用Cookie对象的多种方法保存用户的IP地址，以防止同一个IP地址的同一个登录用户重复投票。【技术提升 】【任务实施】【任务3-5】制作简易投票系统 1添加与设计Web页面eShop030501.aspx2添加与设计Web页面eShop030502.aspx3在全局应用程序类中编写事件过程程序4编写投票系统登录页面eShop030501.asp

17、x的功能代码（1）编写Web页面eShop030501.aspx的Page对象Load事件过程的程序代码（2）编写Web页面eShop030501.aspx的登录按钮Click事件过程的程序代码（3）编写Web页面eShop030501.aspx的cbAuto_CheckedChanged过程的代码（4）编写Web页面eShop030501.aspx的退出按钮Click事件过程的程序代码【技术提升 】【任务实施】【任务3-5】制作简易投票系统 5编写投票系统投票页面eShop030502.aspx的功能代码（1）编写Web页面eShop030502.aspx的Page对象Load事件过程的程序

18、代码（2）编写Web页面eShop030502.aspx的投票按钮Click事件过程的程序代码6测试投票系统（1）取消复选框“两周内记住用户名和密码”的选中状态，测试用户登录和投票（2）测试用户登录时选择复选框“两周内记住用户名和密码”的登录与投票（3）测试用户登录时自动显示用户名和密码的登录与投票【知识集成 】3.4.1Page对象1Page对象与Page指令 的页面类继承自System.Web.UI.Page类，每一个 页面对应一个页面类，Page对象就是页面类的实例，表示客户端请求的页面，即已编译运行的页面（内存中的实例），该页面来自于.aspx文件。Page对象充当页中所有服务器控件（

19、实现INamingContaine接口的控件或实现此接口控件的子控件除外）的命名容器。2Page对象的主要属性和事件Page对象的主要属性如表3-31所示。【知识集成 】3.4.1Page对象3页面对象（Page对象）的生命周期当用户在地址栏中输入一个Web页面的地址后，服务器页面对象的生命周期便开始了。首先，Web页面进行初始化。然后是页面的加载过程，此时将会执行Page_Load事件。在加载之后，对控件的事件进行处理。最后一个阶段便是页面的释放过程，执行Page_UnLoad事件中的代码，对数据库连接或对象进行关闭等操作。当所有的阶段完成之后，Web服务器将执行后的代码发送给客户端，显示在

20、用户的浏览器中。该过程的示意图如图3-31所示。客户端发出浏览页面的请求返回的数据显示在浏览器中服务器端触发Page_Init事件触发Page_Load事件服务器端数据验证触发控件事件触发Page_UnLoad事件HTTP请求HTML代码图3-31页面对象生命周期示意图 【知识集成 】3.4.1Page对象4常规Web页面生命周期阶段一般来说，Web页面都要经历表3-33所述的各个阶段。除了页生命周期阶段以外，在请求前后还存在应用程序阶段，但是这些阶段并不特定于某个页面。5页面事件及其生命周期在页面生命周期的每个阶段中，页面将触发事件以执行事件过程代码。对于控件事件，通过以声明方式使用属性（例

21、如onclick）或使用代码的方式，均可以将事件处理程序绑定到事件。页面还支持自动事件连接， 将查找具有特定名称的方法，并在触发了特定事件时自动运行这些方法。【知识集成 】3.4.2Request对象 1Request对象概述Request对象可形象地称为请求对象，是页面Page对象的成员，在程序中不需要声明便可以直接使用。请求对象有许多有用的属性，分别提供了服务器端、客户端、文件路径和参数传递等相关信息。2Request对象常用属性和方法（1）QueryString集合（2）Form集合（3）ServerVariables集合（4）Params集合【知识集成 】3.4.3Response对象

22、1Response对象概述Response对象可形象地称为响应对象，响应对象也是页面对象的成员，在程序中不需要声明便可以直接使用。响应对象主要用来将HTTP的信息进行封装，并从 服务器端发送到用户浏览器端，以供用户通过浏览器进行浏览。2Response对象常用属性和方法（1）Write()方法用于向浏览器发送指定的文本内容。（2）End()方法可以使Web服务器停止当前的程序并返回结果。（3）Redirect()方法用于将客户端重定向到新的URL，该方法常被用来根据指定的条件将用户导航到不同的页面。【知识集成 】3.4.4Application对象1Application对象概述Applica

23、tion对象是Page对象的成员，是一个应用程序级的对象，用来在所有用户间共享信息，并可以在Web应用程序运行期间持久地保持数据。 2Application对象常用属性（1）All属性All属性返回全部Application对象变量到一个对象数组。（2）AllKeys属性AllKeys属性返回全部Application对象变量到一个字符串数组。（3）Count属性获取Application对象变量的数量。（4）Item属性使用索引或Application变量名传回内容值。【知识集成 】3.4.4Application对象3Application对象常用方法（4）Set方法Set方法使用变量名更

24、新一个Application对象变量值。（5）Lock方法Lock方法用于锁定全部Application变量。例如：Application.Lock();（6）UnLock方法UnLock方法用于解除对Application变量的锁定。例如：Application.UnLock();（1）Add方法Add方法用于新增一个Application对象变量。（2）Clear方法Clear方法用于清除全部Application对象变量。（3）Get方法Get方法使用索引值或变量名传回变量值。【知识集成 】3.4.5Session对象1Session对象概述Session对象可称之为记录浏览器的变量对象，简称为会话对象。Session对象是Page对象的成员。Session对象是HttpSessionState类的一个实例，其功能和Application对象类似，都是用来存储跨网页程序的变量或者对象，为从 应用程序