《ASP.NET网络应用开发教程 教学课件 PPT 作者 雷亮 第10章 ASP.NET高级程序开发》由会员分享，可在线阅读，更多相关《ASP.NET网络应用开发教程 教学课件 PPT 作者 雷亮 第10章 ASP.NET高级程序开发（65页珍藏版）》请在金锄头文库上搜索。
1、第10章 ASP.NET高级程序开发,浏览一些典型的大型Web网站时，用户会发现这些站点几乎都包含类似的外观，如一些相同的图形、外表、用户界面（UI），甚至还包含一些导航菜单或搜索窗体，而且这些Web网站中的页面与页面之间给人的总体外观和感觉都比较统一，非常美观。 为了有一个确定的、优化的解决方案，在不同的技术发展阶段有着不同的实现方法，如母版页和用户控件。,10.1 母版页技术,10.1.1 母版页的概念及优点 为了减少在网页设计时出现的一变则改变整个网站的问题发生，Microsoft在Visual Studio 2005中增加了母版页的功能。 它与网页模板有些相像，不同的是它不必每个页面都
2、去更新，修改一次，所有的网页都会随之改变。,母版页是一个具有扩展名为.master（如MyMaster.master）的ASP.NET文件，它可以包含静态布局。 母版页由特殊的Master指令识别，该指令的使用使母版页有别于内容页（关于内容页，下一小节将会详解），且每个.master 文件只能包含一条 Master 指令。,Master指令支持几个属性，然而它的大多数属性都与Page指令的属性相同。 表10.1详细描述了对母版页有特殊含义的属性。,表10.1 Master指令的属性及说明,母版页具有下面的优点： （1）使用母版页可以集中处理页的通用功能，以便可以只在一个位置上进行更新，在很大程
3、度上提高了工作效率。 （2）使用母版页可以方便地创建一组公共控件和代码，并将其应用于网站中所有引用该母版页的网页。例如，可以在母版页上使用控件来创建一个应用于所有页的功能菜单。,（3）可以通过控制母版页中的占位符ContentPlaceHolder对网页进行布局。 （4）由内容页和母版页组成的对象模型能够为应用程序提供一种高效、易用的实现方式，并且这种对象模型的执行效率比以前的处理方式有了很大的提高。,10.1.2 母版页运行机制,在ASP.NET的编译过程中，将会把母版页和内容页这两种文件的内容合并执行，母版页的内容将融入到内容页中，并且在用户请求时动态地产生一个服务于用户的页面，可形象地称
4、之为结果页，如图10.1所示。 需要明确的是，这种合并过程在编译时只发生一次，并且母版页的内容绝不能充当内容页的基类。,图10.1 最终的页面结构结合了母版页和内容页,母版页和内容页的运行过程如下： （1）用户通过键入内容页的URL来请求某页。 （2）获取该页后，读取Page指令。如果该指令引用一个母版页，则也读取该母版页。如果这是第一次请求这两个页，则两个页都要进行编译。,（3）包含更新的内容的母版页合并到内容页的控件树中。 （4）将各个Content控件的内容合并到母版页中相应的 ContentPlaceHolder 控件中。 （5）浏览器中呈现得到的合并页。,10.1.3 创建母版页,在
5、ASP.NET 2.0中，除了Master指令和一个或多个ContentPlaceHolder服务器控件外，母版页基本上类似于标准的ASP.NET页。 例如，二者在代码结构方面都需要声明、以及其他Web元素等。,二者唯一的重大区别就是在母版页中使用的ContentPlaceHolder容器控件（普通的.aspx文件中不允许使用该控件）。 该容器控件起到一个占位符的作用，它能够在母版页中标识出某个区域，可以让相关网页插入定制控件的位置。,但母版页中包含的是页面的公共部分，因此在创建母版页之前，必须判断哪些内容是页面的公共部分。,图10.2 选择“添加新项”命令,“添加新项”命令,图10.3 创建
6、母版页,图10.4 将母版页添加到“解决方案资源管理器”中,主母版页,图10.5 默认的母版页,ContentPlaceHolder容器控件,程序中应用的母版页,图10.6 修改后的母版页,在工具箱中添加ContentPlaceHolder容器控件,10.1.4 创建内容页,在创建完一个完整的母版页之后，接下来必然要创建内容页。 内容页的创建与母版页的创建差不多，其创建过程也比较简单。 虽然内容页的扩展名与普通ASP.NET页面相同，但是其代码结构方面还是有着很大差别的。,在创建内容页的过程中，希望读者始终要牢记以下两点：一是内容页中所有内容必须包含在Content控件中；二是内容页必须绑定母
7、版页。,图10.7 创建内容页,创建内容页时一定要勾选这两项,图10.8 选择母版页,图10.9 基于母版页创建的页面,10.2 Web用户控件技术,10.2.1 用户控件的概念及优点 Web用户控件是一种服务器控件，它与ASP.NET页面有着同样的“所见即所得”的特点和声明性样式，并以.ascx为扩展名存储为文本文件。 Web用户控件与完整的ASP.NET网页（即.aspx文件）非常相似，同时具有自己的用户界面页和代码。,开发人员可以采取与创建ASP.NET页相似的方式创建Web用户控件，然后向其中添加所需的标记和子控件。 Web用户控件可以像页面一样包含对其内容进行操作（包括执行数据绑定等
8、任务）的代码。,此外，用户控件还拥有自己的对象模型的类，页面开发人员可以对其编程，它比服务器端包含文件提供了更多的功能，为创建具有复杂用户界面元素的控件带来了极大方便。 同时，编写Web用户控件的语言可以与包含它的页面语言有所不同，这意味着使用公共语言运行库支持的任何语言编写的Web用户控件可以在同一个页面中使用。,用户控件提供了一个面向对象的编程模型，在一定程度上取代了服务器端文件包含（）指令，并且提供的功能比服务器端包含文件提供的功能多。 使用用户控件的主要优点如下：,（1）可以将常用的内容或者控件以及控件的运行程序逻辑设计为用户控件，然后可以在多个网页中重复使用该用户控件，从而省去许多重
9、复性的工作。 （2）如果网页内容需要改变时，只需修改用户控件中的内容，其他添加使用该用户控件的网页会自动随之改变，因此网页的设计以及维护变得简单易行。,10.2.2 用户控件与普通的Web页比较,用户控件几乎与.aspx文件相同，但是仍存在以下不同之处： （1）用户控件的文件扩展名为.ascx。 （2）用户控件中没有Page指令，而是包含Control指令，该指令对配置及其他属性进行定义。,（3）用户控件不能作为独立文件运行，而必须像处理任何控件一样，将它们添加到ASP.NET页中。 （4）用户控件中没有html、body或form元素。,10.2.3 创建Web用户控件,创建普通用户控件的步
10、骤一般如下： （1）创建一个新文件并为其指定一个扩展名为.ascx的文件名。 （2）在该页面的顶部创建一个Control指令，并指定要为控件（如果有）使用的编程语言。,（3）添加希望用户控件显示的控件。 （4）添加用户控件要执行的任务（如处理控件事件或从数据源读取数据）的代码。 （5）如果希望在用户控件和宿主页之间共享信息，需要在控件中创建相应的属性。根据需要可以创建任何类的属性。,图10.10 “添加新项”对话框,命名用户控件,选择“web用户控件”项,10.2.4 使用Web用户控件,如果已经设计好了Web用户控件，可以将其添加到一个或者多个网页中。 在同一个网页中也可以重复使用多次，各个
11、用户控件会以不同ID来标识。 将用户控件添加到网页可以使用“Web窗体设计器”直接添加用户控件。,图10.11 将Web用户控件添加至网页,图10.12 用户控件的属性窗口,10.2.5 使用Web用户控件制作网站导航,图10.13 使用Web用户控件制作导航条,10.3 AJAX,10.3.1 AJAX定义 Ajax不是一种语言，而是用来描述一组技术的集合。 Ajax全称是Asynchronous JavaScript and XML（异步JavaScript和XML技术），囊括JavaScript脚本语言、CSS样式表、XMLHttpRequest数据交换对象和DOM文档对象或XMLDOM
12、文档对象，是提高互联网性能的一种关键技术。,10.3.2 AJAX运行原理,Ajax的核心是JavaScript XmlHttpRequest对象。 该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。 简而言之，XmlHttpRequest对象可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。,在创建Web站点时，在客户端执行屏幕更新为用户提供了很大的灵活性。 下面是使用Ajax可以完成的功能： （1）动态检测网页中的数据，无需页面重复加载。 （2）提升站点的性能，这是通过减少从服务器下载的数据量而实现的。,10.3.3 AJAX开发环境
13、的下载与安装,Atlas是微软开发的一套基于.NET的AJAX框架。 在ASP.NET中，Atlas是一个新的Web技术开发包，它集成了一套功能非常强大的客户端脚本库，并与功能丰富的、基于服务器开发平台的ASP.NET结合在一起。 Atlas开发的Web应用程序能够直接调用Web服务器来更新Web页面中的数据，而不需要重复加载页面。,Atlas建立的Web应用程序与传统的Web应用程序相比，关键的因素在于前者有更好的性能、响应率和用户接口（UI）。 传统的Web应用程序在更新数据或者控件时页面需要重复加载，这通常导致长时间的等待。 另一方面，Atlas通过减少页面重复加载，显著地提升了应用程序
14、的性能。,图10.14 选择“Download ASP.NET AJAX V1.0” 超链接,图10.15 选择“Download ASP.NET Extensions v1.0”超链接,图10.16 微软公司网站页面,图10.17 下载Atlas Framework并保存到本地计算机,图10.18 Atlas安装第一步界面,图10.19 接受Atlas安装协议,图10.20 安装Atlas完毕,10.3.4 创建AJAX网站,在安装Atlas环境过程中，默认将ASP.NET AJAX-Enabled Web Sit网站模板安装在Visual Studio 2005开发环境中，如图10.21所
15、示。 如果要建立AJAX网站，直接选取ASP.NET AJAX-Enabled Web Sit模板，单击“确定”按钮即可。,10.3.5 AJAX服务器控件,图10.21 创建AJAX网站,图10.22 Atlas服务器控件,1ScriptManager控件,ScriptManager控件负责管理Page页 面中所有的Atlas服务器控件，是Atlas的核心，有了ScriptManager控件才能够让Page局部更新起作用，所需要的JavaScript才会自动管理。 因此开发Atlas网站时，每个页面中必须添加ScriptManager控件作为管理。,（1）EnablePageMethods属
16、性 （2）EnablePartialRendering属性 （3）EnableScriptComponents属性 （4）Scripts属性 （5）Services属性,2UpdatePanel控件,早期的Atlas版本开发出很多的Atlas服务器控件，例如TextBox、Button等，随着.NET服务器控件的更新，发现开发出这 么多的Atlas服务器控件并不符合实际需要，最后微软开发出了Atlas的UpdatePanel控件，由程序人员将ASP.NET服务器控件拖放到UpdatePanel控件中，使原本不具备AJAX能力的ASP.NET服务器控件都具有AJAX异步的功能。,（1）UpdateMode属性 （2）RenderMode属性 （3）Triggers属性,图10.23 设置UpdateMode属性值,图10.24 RenderMode属性设置,图10.25 Triggers属性值设置,3Timer控件,Timer定时器用JavaScript构建非常容易，但在ASP.NET中实现Timer定时器不但
