C#程序设计基础 教学课件 作者 熊壮 第8章：Web开发基础.pptVIP

第8章：Web程序开发基础 伍 星 wuxing@ 重庆大学计算机学院 提纲 8.1Web页面结构分析 1 8.2 Web控件 2 8.3 不同页面间的信息传递 3 8.1Web页面结构分析 ASP.Net 中一个Web页面由两个具有相同文件名，扩展名不同的文件组成。 例如新建的Login页面包含如下两个部分： （1）实现页面前台布局的前台页面文件；文件名为Login.aspx； （2）实现业务逻辑的后台代码文件，文件名为Login.cs； Web程序就是通常所说的浏览器/服务器（Brower/Server，B/S）模式的程序，例如，网站、论坛等都属于Web程序。 Web程序开发就是开发Web页面，这些Web页面存储在Web服务器上，用户只需要使用浏览器就可以对其进行访问。 C#采用ASP.NET技术开发Web应用程序，Visual Studio 2010中提供了专用的Web开发工具，可以进行ASP.Net快速开发，并且内建了Web服务器，因此可以直接在Visual Studio 2010中进行Web页面开发。 Visual Studio 2010中开发Web应用程序过程与开发Windows应用程序开发类似，因此熟悉Windows应用程序的人可以快速学习Web应用程序开发。 8.1.1 前台页面文件分析 前台页面文件是一个由内容和HTML标记组成的静态网页，该页面在新建Web窗体时创建，也可以使用FrontPage、Dreamweaver等软件进行编辑。 图8.1 Welcome页面的源代码视图 8.1.1 前台页面文件分析 图8.2 Welcome页面的设计视图 8.1.1 前台页面文件分析 设计视图中每向页面上添加一个控件，都自动地在源视图中添加相应的HTML标记，每个控件都被赋予唯一的ID，设计视图中只显示Web页面运行时可见部分。 设计视图视图中，可以将工具箱中的控件添加到Web页面上。添加方法与开发Windows窗体中控件的开发类似。 图8.3 Welcome页面添加控件后的设计视图 图8.4 Login页面添加控件后的源代码视图 8.1.2后台代码文件 图8.5 Welcome页面的后台文件 后台代码文件中首先自动地引入了一系列命名空间，并且定义了一个继承自System.Web.UI.Page类的_Default类。 Default类的代码中，总是自动生成一个Page_Load()事件过程。 每当客户发出访问这个页面的HTTP请求时，这个页面就会被加载，激发Load事件，执行Page_Load()事件过程中的所有代码。 8.1.2后台代码文件 设计视图中，每添加一个控件到窗体上，即在页面中声明并实例化了该控件类的一个对象，通过这些对象可以对控件进行属性的设置，也可以为这些控件添加响应各类Windows事件的方法。 1．控件属性 设置控件属性有两种方式: 1)设计视图中，选中控件后右键单击，在Visual Studio2010开发环境的右 下角属性窗口中进行设置; 2)在后台文件中添加C#语句，在程序运行过程中进行设置; 2．控件响应事件 图8.8 后台文件中添加响应事件的方法 设计视图中选中需要设计事件响应的控件后，在属性窗口中选择图标为闪电的“事件”按钮，然后从事件里表中选择希望添加的事件，在后面的空文本框中鼠标左键双击即可添加相应的事件响应方法。 8.2 Web控件 Visual Studio 2010为Web应用程序的开发提供了类型丰富而且功能强大的控件，主要包括标准控件、HTML控件、数据控件等类型，这些控件同样存放在工具箱中，其中大部分控件与Windows窗体控件的外形非常相似，并且具有相似的属性和方法。 此外，Visual Studio 2010还提供了一些专门针对网页开发的控件。 Windows窗体应用程序中，可以把控件放置在窗体上的任意位置。 网页上添加控件时，却只能将其放在当前光标位置上。 为了实现控件在整个页面上的定位，通常需要使用表格，把控件放进选定的单元格内。 这种控件定位方式确实不够灵活，但只有这样布局的页面，才能在不同类型的浏览器下都正常显示。 8.2 Web控件 1．Web控件 又称为Web服务器控件，必须添加到前台网页文件上的form /form标记之间。 特别强调:创建Web应用程序时选择的虚拟目录名必须是不包含中文和其它特殊符号的，否则无法把控件添加到网页上。 8.1节的Login.Apsx页面上添加了2个Label控件，2个TextBox控件和1个Button控件. 该页面HTML代码描述如下： form id=form1 runat=server div asp:Label ID=Label1 run