母版和Web用户控件课件.ppt

1、第八章第八章Web页面、母版和Web用户控件2目标q了解ASP.NET 页的结构q掌握Page对象的各种事件和属性q理解代码隐藏的概念qWeb应用程序布局q母版页q用户控件 3默认的 Web 应用程序文件创建的文件创建的文件说明说明WebForm1.aspx 和WebForm1.aspx.cs 文件它们组成一个单独的 Web 窗体页。.aspx 文件包含 Web 窗体页的可视化元素，而.aspx.cs 则包含用于 Web 窗体页的代码隐藏类AssemblyInfo.cs 项目信息文件，包含有关某一个项目中程序集的元数据Web.config 存储应用程序配置信息 Global.asax 和 Gl

2、obal.cs文件用于处理应用程序级事件的可选文件Styles.css 级联样式表文件48.1 Page类-用户界面 设计窗口控件放置在设计窗口中的控件浏览器窗口中的用户界面5ASP.NET 页 6Page类Page 类用于表示一个.aspx 文件，也称为 Web 窗体页 每个页面都派生自 Page 类，并继承这个类公开的所有方法和属性Page 类的成员位于 System.Web.UI 命名空间中 7脚本部分 脚本部分脚本部分 服务器端脚本 客户端脚本 由服务器执行由浏览器执行C#VBJscriptCSS8客户端脚本 q客户端脚本是页面的一部分，当用户请求页面时，就将这些脚本发送至浏览器q客户

3、端脚本可以：q在将某个页面加载至浏览器中时，改变此页面的外观q验证用户在窗体中输入的数据，将通过验证的数据发送至服务器 q当触发按钮的点击事件时，在浏览器中显示相关信息 9服务器端脚本 q 服务器脚本也是页面的一部分，但它不发送至浏览器，而是在请求页面之后和在回送至浏览器之前由服务器处理这些脚本q 代码可包含在服务器端的 代码声明块中，也可包含在 显示块中q ASP.NET 支持多种语言编写的用于运行时的服务器端代码 q 服务器端代码声明块必须具有 runat=server 属性 10代码隐藏 3-1.aspx 文件显示内容HTML，服务器控件静态文本等.aspx.cs 文件应用程序逻辑 这就

4、是代码隐藏分离JavaScriptCSS11代码隐藏 3-2 WebForm实例 表示文件.(Default.aspx)代码隐藏文件在代码隐藏文件中定义的事件12代码隐藏 3-3 代码隐藏文件(Default.aspx.cs)using System;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.HtmlControls;public partial class _Default:System.Web.UI.Pageprotected System.Web.UI.WebControls.Label

5、 lblMessage;Protected void btnSubmit_Click(Object sender,EventArgs e)lblMessage.Text=“您好！继承自 Page 类 从表示文件调用 Button click 事件单击按钮后执行的功能13代码隐藏的工作原理 q代码隐藏的原则是为代码创建一个类，并从ASP.NET Page对象中继承该类q在上节中用于表示内容的页面 Default.aspx就继承自此代码隐藏文件 q表示页继承了代码隐藏文件的所有属性、方法和事件 q代码隐藏文件继承自 Page 类，而表示文件继承自代码隐藏文件q因为存在继承的这种层次结构，所以代码隐

6、藏文件中含有 Page 类的所有属性、方法和事件，而所有这些属性、方法和事件也都存在于表示文件14ASP.NET 页ASP.NET 页文件的扩展名为.aspx可在任何浏览器中向用户显示信息，因为它们可与任何浏览器或移动设备都兼容与.NET 公共语言运行库支持的任何语言都兼容 使用大量控件快速创建丰富的用户界面 使用服务器端代码实现应用程序逻辑Visual Studio 提供了强大的快速应用程序开发工具，用于设计用户窗体并对其进行编程15Page 对象的事件qASP.NET 页框架在不同的阶段处理 Web 窗体页时都可能引发事件，并执行响应事件的事件处理程序q事件处理程序实际上就是一个子程序，执

7、行任何给定事件的相关代码事件事件AbortTransactionInitCommitTransactionLoadDataBindingPreRenderDisposedUnloadError16Web 窗体页的生命周期 初始化页面 阶段阶段引发的事件引发的事件Page_Init 加载页面 验证 事件处理 页面卸载 Page_LoadValidate Form event handlerPage_Unload 页面显示之前Page_PreRender在页面处理的某些特定阶段，页面会自动触发一些事件。而与服务器控件相关联的其他事件则在服务器端触发并得到处理17Page_Load 事件q 在加载页

8、面时会触发 Page_Load 事件q ASP.NET 将自动调用 Page_Load 子程序，并执行其中的代码private void Page_Load(object sender,System.EventArgs e)lblDate.Text=Convert.ToString(date1.DayOfWeek);从此处调用 Page_Load 事件只要加载页面，就会执行 Page_Load 事件内的代码18Page.IsPostBack 属性 2-1 q利用Page对象的IsPostBack属性，可以检查.aspx页是否为传递回服务器的页面 q只有在首次加载页面时，Page.IsPostB

9、ack 属性才用于页面的 Load 事件中以执行代码 q如果 Page.IsPostBack 属性值为False，则此页面为首次加载用户界面19服务器服务器域名URL，资源的名称响应这是 HTTP 请求这是 HTTP 响应20Page.IsPostBack 属性 2-2 private void Page_Load(object sender,System.EventArgs e)if(!Page.IsPostBack)lblTime.Text=System.DateTime.Now.ToString();private void btnSubmit_Click(object sender,S

10、ystem.EventArgs e)lblMessage.Text=请确定您填写的信息：+txtName.Text+txtAge.Text+txtHabbit.Text;Page_Load 事件如果页面为首次加载，则Page.IsPostBack 属性的值是 False，并显示日期和时间单击“提交”按钮后，日期和时间都将保持不变21Web应用程序布局概述 q复杂的Web应用程序需要一致的页面布局 q传统的解决方案一般包括下列几种：使用框架：缺点是需要浏览器支持。使用表格：缺点是影响性能。使用用户自定义控件：缺点是增加了程序开发的复杂性。22页面典型布局q栏式结构简单实用、条理分明、格局清晰严谨

11、、适合信息量大的页面q区域结构页面精美、适合信息量较少的页面23页面布局技术页面布局技术TableDIV+CSS简单、方便，现已较少用于布局更加美观在页面展示和浏览速度上有很大优势注意：Table方式的布局越来越少，并不代表Table标签过时，在DIV布局的页面上，常常会有Table的表格。24母版页母版页母版页OOP第第8章章-Page联系方式联系方式内容内容内容页内容页OOP第第8章章-Page联系方式联系方式内容内容合并的页面合并的页面25母版页概述q使用ASP.NET的母版页，可以为Web站点创建统一的布局。q母版页定义Web页面的外观和标准行为；各内容页定义Web页面要显示的特殊内容

12、。q当用户请求内容页时，这些内容页与母版页合并一起输出。q母版页功能可以为站点定义公用的结构和界面元素，如页眉、页脚或导航栏。26母版页的优势q有利于站点修改和维护，降低开发人员的工作强度q提供高效的内容整合能力q有利于实现页面布局母版页应用于统一的布局母版页应用于统一的布局27定义母版页 q母版页为具有扩展名.master的ASP.NET文件。q母版页由特殊的 Master指令识别。例如：q母版页可以包含静态文本、HTML元素、服务器控件以及代码。q母版页还可以包含一种特殊类型的控件：ContentPlaceHolder控件。ContentPlaceHolder定义了一个母版页呈现区域，可由

13、与母版页关联的页的内容来替换。ContentPlaceHolder还可以包含默认内容。28代码分析q母版页代码q内容页代码 网网上花店上花店 联系我们联系我们内容块的内容块的id，用来确定，用来确定内容块的放置的区域内容块的放置的区域对应的母版页的路径对应的母版页的路径对应于母版页的对应于母版页的内容块内容块29在内容页中使用母版页q右击“解决方案资源管理器”项目名称，在弹出的菜单中选择“添加新项”命令，弹出“添加新项”对话框。q在“添加新项”对话框中，选择“Visual C#”为该窗体页的语言，选择“Web内容窗体”选项；给该控件一个合适的命名，一定要以“.aspx”为后缀名。q单

14、击“添加”按钮，将会打开“选择母版页”对话框，在“文件夹内容”列表中选择需要引用的母版页文件，然后单击“确定”按钮。30使用演示q演示母版页的使用创建母版页设计样式添加内容页添加内容页有两种方式：1、在母版页任意位置右键，点击添加内容页;2、在解决方案资源管理器上新建新项，在生成aspx页面时勾选“选择母版页”31用户控件概述q在一个大系统中，有时候会只有几个*.aspx页面，其余的都是做成*.ascx页面，如网站的导航、网页的头部和底部。这样可以增强页面之间的藕合性。将一个用户控件*.ascx都作为一个独立的功能块。需要修改某一功能时，只需要修改相应的*.ascx文件。32用户控件q用户控件

15、的扩展名为“ascx”，与“aspx”在结构上相似，是指页面中加载的功能模块。只是用户控件不能单独作为页面运行，必须嵌入到aspx页面中，或者嵌入到其他用户控件中使用。33用户控件注册 qq34将Web窗体页转化为用户控件q用户控件比Web窗体页面少了、和等元素。知道了用户控件和Web窗体页面的差别，就可以通过添加、删除和修改相应的元素，并且将aspx页面中的Page指令变成了Control指令，实现Web窗体页面和用户控件的相互转化。35页面指令 Page 定义 ASP.NET 页解析器和编译器所使用的特定页面的属性，只可包括在.aspx 文件中 Control 定义 ASP.NET 页解析

16、器和编译器所使用的特定用户控件的属性，只可包括在.ascx 文件中 Import 在页面或用户控件中显式地引入一个名称空间 Implements 允许在页面或用户控件中实现一个.NET接口 Register 用于注册页面中的用户控件和自定义服务器控件以便使用它们 Assembly 将程序集引入到当前页面或用户控件中，以便它所包含的类和接口能够适用于页面中的代码 OutputCache 对页面或用户控件在服务器上如何进行高速缓存进行控制 Reference 用来识别当前页面在运行时应该动态编译和链接的页面或用户控件 ASP.NET页面中通常包含一些类似这样的代码36 Page 指令q Page指

17、令定义了 ASP.NET 页解析器和编译器使用的特定于页面的属性q它用于在处理和编译某页面时配置与此页面相关的属性q每个 ASPX 页只能有一个 Page 指令 q Page 指令的语法如下：37 Page 指令的属性指定在编译时和页面的代码声明块中使用的语言指示能否自动处理页面的事件指定继承的母版页指定编译的文件名称，此文件含有与此页面关联的类指定由页面继承的代码隐藏类 将响应的 HTTP 内容类型作为一个标准的 MIME 类型 38 Control 指令 2-1q用于定义 ASP.NET 页解析器和编译器所使用的用户控件（.ascx 文件）的属性q一个.ascx 文件中只可包含一个Cont

18、rol 指令 qControl 指令的语法如下：39 Control 指令 2-2qControl 指令的属性：qEnableViewState 属性用于启用/禁用跨 HTTP 请求的视图状态q其他属性（如 Language、AutoEventWireup、Inherits、ClassName、Debug、Description 和 CompilerOptions 等）与 Page 指令的属性相似qControl 指令的示例：40 Import 指令 qImport 指令用于在页面中导入一个名称空间，此名称空间既可是 MS.Net Framework 中已定义的名称空间，也可是自定义的名称空间

19、q导入名称空间允许使用所有包含在该名称空间中的类和接口 qImport 指令只有一个属性 namespace，它指定要导入的命名空间，如下所示：41Implements 指令qImplements 指令可用于在 ASP.NET 页中实现.Net Framework 接口 q在 Web 窗体页中实现接口时，必须实现该接口中声明的所有成员，可在代码声明块的 元素和之间声明其属性、事件和方法q每一个.aspx 页只可有一个Implements 指令qImplements 指令的语法如下：42 Register 指令qRegister 指令用于注册页面中的用户控件和自定义服务器控件以便可使用它们q当创

20、建一个自定义控件或用户控件时，可以通过将属性添加到页面的标签中把它们传送给控件q Register 指令的语法如下所示：43 Assembly 指令q Assembly 指令用于直接引用一个程序集，以便于它所包含的类和接口能够适用于页面中的代码q Assembly 指令的语法如下：44 Reference 指令 q Reference 指令用来识别当前页面在运行时应动态编译和链接的页面或控件，允许在运行时间将用户控件动态添加到页面中q Reference 指令的语法如下：45总结 q ASP.NET页文件是含有将在Web服务器上执行代码的文件。其扩展名是.aspx或.ascxq ASP.NET代码隐藏文件使开发人员可以在C#或VisualBasic.NET类中编写控制它们的页的逻辑，这样可与HTML代码清楚地分离开来q ASP.NET页面中使用的脚本：服务器端脚本、客户端脚本q 事件处理程序实际上就是一个子程序，执行任何给定事件的相关代码q 在页面加载时引发Page_Load事件q Page.IsPostback属性用于检查页面是否为首次加载