母版和Web用户控件.PPT

第八章 Web页面、母版和Web用户控件 目标 了解ASP.NET 页的结构 掌握Page对象的各种事件和属性 理解代码隐藏的概念 Web应用程序布局 母版页 用户控件 默认的 Web 应用程序文件 8.1 Page类--用户界面 ASP.NET 页 Page类 脚本部分 客户端脚本 客户端脚本是页面的一部分，当用户请求页面时，就将这些脚本发送至浏览器 客户端脚本可以： 在将某个页面加载至浏览器中时，改变此页面的外观 验证用户在窗体中输入的数据，将通过验证的数据发送至服务器 当触发按钮的点击事件时，在浏览器中显示相关信息 服务器端脚本 服务器脚本也是页面的一部分，但它不发送至浏览器，而是在请求页面之后和在回送至浏览器之前由服务器处理这些脚本 代码可包含在服务器端的 script 代码声明块中，也可包含在 % % 显示块中 ASP.NET 支持多种语言编写的用于运行时的服务器端代码 服务器端代码声明块必须具有 runat=server 属性 代码隐藏 3-1 代码隐藏 3-2 代码隐藏 3-3 代码隐藏的工作原理 代码隐藏的原则是为代码创建一个类，并从ASP.NET Page对象中继承该类 在上节中用于表示内容的页面 Default.aspx就继承自此代码隐藏文件 表示页继承了代码隐藏文件的所有属性、方法和事件 代码隐藏文件继承自 Page 类，而表示文件继承自代码隐藏文件 因为存在继承的这种层次结构，所以代码隐藏文件中含有 Page 类的所有属性、方法和事件，而所有这些属性、方法和事件也都存在于表示文件 ASP.NET 页 Page 对象的事件 ASP.NET 页框架在不同的阶段处理 Web 窗体页时都可能引发事件，并执行响应事件的事件处理程序 事件处理程序实际上就是一个子程序，执行任何给定事件的相关代码 Web 窗体页的生命周期 Page_Load 事件 在加载页面时会触发 Page_Load 事件 ASP.NET 将自动调用 Page_Load 子程序，并执行其中的代码 Page.IsPostBack 属性 2-1 利用Page对象的IsPostBack属性，可以检查.aspx页是否为传递回服务器的页面 只有在首次加载页面时，Page.IsPostBack 属性才用于页面的 Load 事件中以执行代码 如果 Page.IsPostBack 属性值为False，则此页面为首次加载 Page.IsPostBack 属性 2-2 Web应用程序布局概述 复杂的Web应用程序需要一致的页面布局 传统的解决方案一般包括下列几种： 使用框架：缺点是需要浏览器支持。 使用表格：缺点是影响性能。 使用用户自定义控件：缺点是增加了程序开发的复杂性。 页面典型布局 栏式结构 简单实用、条理分明、格局清晰严谨、适合信息量大的页面 区域结构 页面精美、适合信息量较少的页面 页面布局技术 母版页 母版页概述 使用ASP.NET的母版页，可以为Web站点创建统一的布局。 母版页定义Web页面的外观和标准行为；各内容页定义Web页面要显示的特殊内容。 当用户请求内容页时，这些内容页与母版页合并一起输出。 母版页功能可以为站点定义公用的结构和界面元素，如页眉、页脚或导航栏。 母版页的优势 有利于站点修改和维护，降低开发人员的工作强度 提供高效的内容整合能力 有利于实现页面布局 定义母版页 母版页为具有扩展名.master的ASP.NET文件。 母版页由特殊的 @Master指令识别。例如： %@ Master Language=“C# % 母版页可以包含静态文本、HTML元素、服务器控件以及代码。 母版页还可以包含一种特殊类型的控件：ContentPlaceHolder控件。ContentPlaceHolder定义了一个母版页呈现区域，可由与母版页关联的页的内容来替换。ContentPlaceHolder还可以包含默认内容。 代码分析 母版页代码 内容页代码 在内容页中使用母版页 右击“解决方案资源管理器”项目名称，在弹出的菜单中选择“添加新项”命令，弹出“添加新项”对话框。 在“添加新项”对话框中，选择“Visual C#”为该窗体页的语言，选择“Web内容窗体”选项；给该控件一个合适的命名，一定要以“.aspx”为后缀名。 单击“添加”按钮，将会打开“选择母版页”对话框，在“文件夹内容”列表中选择需要引用的母版页文件，然后单击“确定”按钮。 使用演示 演示母版页的使用 创建母版页 设计样式 添加内容页 用户控件概述 在一个大系统中，有时候会只有几个*.aspx页面，其余的都是做成*.ascx页面，如网站的导航、网页的头部和底部。这样可以增强页面之间的藕合性。将一个用户