yongheng's blogs

======================================================
注：本文源代码点此下载
======================================================

联机到微软asp.net ajax官方网站

请联机到微软asp.net ajax官方网站http://ajax.asp.net,点击“download asp.net ajax 1.0”超链接进行asp.net ajax安装套件下载

第二步:下载ajaxcontroltoolkit.zip 下载地址:http://www.asp.net/ajax/downloads/

选择这个按钮进行下载.

第三步:将ajaxcontroltoolkit.zip解压到c:\program files\microsoft asp.net\asp.net 2.0 ajax extensions\v1.0.61025的位置,运行ajaxcontroltoolkit.sln,将项目

重新生成。其中,你可以运行

这个项目,在浏览器里运行 ,里面都是ajax的实例教程,可以参照他的学习。

第四步:复制c:\program files\microsoft asp.net\asp.net 2.0 ajax extensions\v1.0.61025\ajaxcontroltoolkit\bin\debug文件夹下的ajaxcontroltoolkit.dll文件到c:\program files\microsoft asp.net\asp.net 2.0 ajax extensions\v1.0.61025\binaries文件夹下

第五步:c:\program files\microsoft asp.net\asp.net 2.0 ajax extensions\v1.0.61025\ajaxcontrolextender进行安装组件

以上步骤是安装的过程 。下面是使用的方法:

第一步:打开vs工具,找到工具箱

右键选择添加选项卡,然后命名为ajax

第二步:右键单击刚才添加的ajax选项卡----选择项------点

2.3 安装asp.net ajax

前面讲了这么多也许令人昏昏欲睡的概念,相信你已经迫不及待地想尝试一下asp.net ajax了,那么就让我们从安装开始吧!

2.3.1 预先需求

若要安装并使用asp.net ajax框架的全部功能进行开发,那么你的操作系统必须是windows 2000、windows xp、windows server 2003或windows vista,并应该安装好如下软件:

microsoft .net framework version 2.0或以上;

至少一种流行的浏览器:ie 5.01(推荐使用ie 6.0)或firefox 1.5;

visual studio 2005(各种版本均可)或者visual web developer express edition;

internet information service(iis)。

需要特别注意的是,虽然在windows 2000操作系统上也能正常安装asp.net ajax框架,但在程序开发或运行时可能会出现一些难以预料的异常。所以若没有特殊需要的话,强烈建议不要使用windows 2000。

当然,作为使用asp.net ajax程序的客户端,即程序的用户,并不需要任何的附加安装,只要一种流行的浏览器即可。

2.3.2 几个不同的安装文件

在上述软件安装完毕之后,我们即可到http://ajax.asp.net/下载最新的asp.net ajax安装文件了。在http://ajax.asp.net/的下载页面中,我们可以看到asp.net ajax分成了如下两个单独的下载安装文件。

asp.net 2.0 ajax extensions:包含了原有ctp版本中的最重要和最基本的一些控件、组件和功能,例如服务器端的scriptmanager控件、updatepanel控件,客户端的javascript面向对象方面扩展、调试类、web service代理等。对于这一部分内容,微软公司将提供完善的技术支持,并提供如msdn一般详细的开发文档(可在http://ajax.asp. net/docs/访问)等。若要安装asp.net ajax,这个核心部分自然是必不可少的。

asp.net ajax futures ctp:这一部分就是被asp.net ajax暂时“抛弃”的原有ctp版本中“非核心”的部分,也叫做“value-add”包,其中包括服务器端的扩展器控件(extender control)、web部件,客户端的各种控件、拖放功能实现、asp.net ajax xml脚本等。所谓“抛弃”,实际上只是意味着微软公司暂时不会对这些内容进行官方的支持,而选择使用“社区支持”的方法。这样,微软公司将不会为这部分内容提供详细的开发文档,开发者只能在社区中互相讨论以找到问题的解决方案。若要安装这部分内容,则必须首先安装“核心”部分的asp.net 2.0 ajax extensions。

由于asp.net ajax是个非常庞大的项目,微软公司尚没有足够的时间完成对整个产品的支持,所以才将其暂时分成了两个相对独立的下载安装文件。不过事实上,futures包中包含的内容在开发中的重要性一点也不逊于核心部分,二者都是开发一个完善的ajax应用程序所不可缺少的部分。在未来的一段时间之内,微软公司也将逐渐地把futures中的内容转移到核心部分的asp.net 2.0 ajax extensions中,并提供包括开发文档在内的完善的技术支持。

为了区分两个安装包中的组件,微软公司修改了“futures”包中组件的命名空间:服务器端命名空间由microsoft.web.*修改为microsoft.web.preview.*;客户端命名空间由sys.*修改为sys.preview.*。可以看到,位于“futures”包中的组件,无论服务器端还是客户端均加上了preview前缀,表示该部分内容处于“预览”状态中,尚未得到官方的正式支持。

因为合并以上二者是或早或晚的事情,所以本书将不会对其加以任何区分,而是一视同仁地进行介绍。这样,作为读者的你在阅读本书以及运行本书所附代码的过程中,也要确保正确安装了这两个安装包。

在http://ajax.asp.net/的下载页面中,我们还可以看到如下的几个下载文件:

microsoft ajax library:这个下载包中包含了asp.net ajax的客户端javascript文件,若你需要在asp.net 1.1或者php等非asp.net 2.0服务器端实现中使用asp.net ajax的客户端部分,那么则需要下载这个文件包,并手工将其中的javascript脚本文件引入到页面中。这些javascript文件中包含了asp.net ajax所有的客户端功能,包括xml脚本声明、客户端组件、绑定、行为、动作等。?前面介绍的asp.net ajax的“核心”和“futures”安装包中已经包含了该microsoft ajax library的全部内容,若你的服务器端开发平台为asp.net 2.0,则直接安装上述两个安装包即可,无需另行下载这个microsoft ajax library。

sample applications:该下载包为asp.net ajax的示例程序安装包,通过阅读其源代码并随即看到页面运行时的实际效果,我们可以更加感性地快速了解asp.net ajax各个特性的使用方法。建议所有的读者都能够下载安装这个示例程序,并仔细分析研究其中各种功能的实现。

asp.net 2.0 ajax extensions source code:该内容为“核心”部分asp.net 2.0 ajax extensions的所有服务器端源代码以及用于调试的pdb文件,基于microsoft reference license (ms-rl)许可协议发布。若你希望能够跟踪调试asp.net ajax的实现代码,或者学习asp.net ajax的实现方式,那么显然应该下载并参考这部分内容。

asp.net ajax control toolkit:asp.net ajax control toolkit是一个免费的、开源的、由微软公司和开发者社区共同创建的asp.net服务器端控件包,其中包含了数十种基于asp.net ajax的、组件化的、提供某个专一ajax功能的asp.net ajax服务器端控件和asp.net ajax扩展器控件,这些控件同样是创建一个完善的ajax应用程序所必不可少的。关于asp.net ajax control toolkit以及其中控件的使用方法,将在第7、8、9、10章中详细介绍。

asp.net ajax july ctp和asp.net ajax july ctp documentation:对于那些已经使用asp.net ajax ctp版本开发过半的开发人员来说,现在就让他们立即大动干戈地从ctp版本升级为最新版似乎有些不近人情。微软公司在这里仍旧保留了2006年7月份asp.net ajax的ctp以及其开发文档的下载,有需要的朋友可以将其作为参考。

2.3.3 安装asp.net ajax

asp.net ajax的两个安装文件(“核心”部分和“futures”部分)均很小,每个只有1mb多,所以下载的过程并不需要花费太多的时间。和普通的安装文件一样,我们只需要双击运行,然后跟随着安装向导即可完成安装。由于“futures”部分基于“核心”部分,所以我们应该首先安装“核心”部分。安装“核心”部分asp.net 2.0 ajax extensions时的界面如图2-3所示。

图2-3安装核心部分asp.net 2.0 ajax extensions时的界面

安装完成之后,“核心”部分asp.net 2.0 ajax extensions的程序集system.web.extensions.dll将注册至本机的gac(global assembly cache,全局程序集缓存)中。在.net framework 2.0 configuration中查看gac(开始 | 控制面板 | 管理工具 | microsoft .net framework 2.0 configuration),如果一切顺利的话,你将可以从中找到system.web.extensions这个条目,如图2-4所示。

图2-4system.web.extensions.dll注册至本机的gac中

核心部分asp.net 2.0 ajax extensions安装完成之后,接下来安装asp.net ajax ctp,即“futures”部分。安装“futures”部分asp.net 2.0 ajax extensions时的界面如图2-5所示。

图2-5安装“futures”部分asp.net 2.0 ajax extensions时的界面

“futures”部分asp.net 2.0 ajax extensions程序集microsoft.web.preview.dll不会注册至gac中,所以若我们在项目中需要使用其中的功能,则需要手工为其添加引用。

完成安装之后,我们导航至安装目录(按照默认路径,为c:"program files"microsoft asp.net" asp.net 2.0 ajax extensions"v1.0.61025以及c:"program files"microsoft asp.net" asp.net 2.0 ajax futures january ctp" v.1.0.61025),找到并阅读eula.rtf和eula_ctp.rtf两个许可文件。知识产权受到各国法律的保护,尊重知识产权也是每个人应尽的义务,请详细阅读并确认理解其中条款后再进行后续开发。

如果一切顺利的话,那么恭喜了!你可以立刻开始创建第一个asp.net ajax应用程序了。

2.3.4 常见问题以及解决方案

不过事情却不总是如此顺利的,正所谓好事多磨。asp.net ajax(包括从前的ctp版本)在安装时经常会出现一些问题,其中一个非常常见的错误是提示安装文件有问题并无法继续安装,图2-6显示了在ctp版本中这个错误的截图。

图2-6asp.net ajax安装中常见的“安装文件损坏”错误

如果很不巧地遇到了这个错误,那么可以尝试使用下面的步骤来修复:

(1) 清除浏览器的离线缓存文件;

(2) 重新下载asp.net ajax的两个安装文件,注意不要直接在原位置打开并运行,而是首先保存在本地后再运行;

(3) 完全删除旧版本的asp.net ajax ctp(如果有的话,包括核心部分以及futures部分),并清理注册表,删除一切有关asp.net ajax的键;

(4) 尝试再次安装。

若仍出现这个问题,那么最后的办法就是到其他的计算机上安装好,并将该计算机的安装目录(按照默认路径,为c:"program files"microsoft asp.net"asp.net 2.0 ajax extensions"以及c:"program files"microsoft asp.net" asp.net 2.0 ajax futures january ctp")中的文件以及子目录,包括核心部分的system.web.extensions.dll、futures部分的microsoft.web.preview.dll等拷贝到本机中。接下来在我们的asp.net 2.0应用程序中引用这些程序集之后,即可同样开始使用asp.net ajax。

另外,在安装完成之后,我们建议清空浏览器缓存并重新启动iis,以避免可能出现的一些由缓存导致的脚本文件以及程序集不一致问题。关于重新启动iis,这里有一个小技巧——无需麻烦地打开iis管理器,只要在命令行提示符中输入iisreset命令即可。

需要特别注意的是,核心部分asp.net 2.0 ajax extensions的程序集system.web. extensions.dll需要运行于full trust信任等级下,而为了安全起见,虚拟主机提供商一般均会将web站点的信任等级设置为medium trust。这样若是在web站点部署时直接将system.web.extensions.dll拷贝到web站点的bin"目录下,那么asp.net ajax将无法正常运行。因此,我们就必须说服虚拟主机提供商将system.web.extensions.dll添加到服务器的gac中,以期得到full trust信任等级,让我们的asp.net ajax web站点能够正确运行。

2.4 配置asp.net ajax

在asp.net 2.0中使用asp.net ajax所提供的功能之前,需要对其进行必要的配置。asp.net ajax的配置可分为两种情况:一种是从头开始,创建新的应用asp.net ajax的应用程序;另一种是在现有的asp.net 2.0应用程序中使用asp.net ajax进行扩展。对于前一种情况,我们可以使用asp.net ajax安装中自带的visual studio项目模板,帮助我们自动配置好其所需要的相关设定;而对于后一种情况,则只能手动进行其配置。

接下来将分别讨论这两种情况下asp.net ajax的配置方法。

2.4.1 在现有的asp.net程序上应用asp.net ajax

对于现有的基于asp.net 2.0的web应用程序,我们需要手动配置asp.net ajax的相关设定。

注意,若你正打算从零开始学习asp.net ajax,那么完全不必要纠缠于这节将要介绍的种种设定的细节中。你可以暂时跳过这节内容,从下一节“新建asp.net ajax应用程序”开始阅读。

1.添加必要程序集的引用

首先在解决方案中添加启用asp.net ajax所必需的microsoft.web.extensions.dll和system.web.preview.dll两个程序集的引用,这两个程序集分别随asp.net ajax的“核心”部分和“futures”部分的安装部署到了本机。注意,若本机和远程服务器均安装了asp.net ajax的核心部分,则system.web.extensions.dll程序集就已经添加至了各自的gac中,在接下来的步骤中就不必再添加该程序集的引用。

在visual studio中打开这个现有的asp.net 2.0的web应用程序。若在solution explorer中没有"bin文件夹,则首先在web site上单击右键,并在弹出的上下文菜单中选择add asp.net folder,然后在展开的菜单中选择bin,即可添加bin文件夹(见图2-7)。

接着在刚刚添加的"bin文件夹上再次单击右键,并在弹出菜单中选择add reference…。在弹出的对话框中切换至browse选项卡,并导航到system.web.extensions. dll和microsoft.web.preview.dll这两个程序集所在的位置(按照默认路径,这两个文件一般位于c:"program files"microsoft asp.net"asp.net 2.0 ajax extensions" v.1.0.61025"和c:"program files"microsoft asp.net" asp. net 2.0 ajax futures january ctp" v.1.0.61025中)。选择这两个文件,如图2-8所示。然后点击ok按钮以确认添加引用。

更简单的方法是直接将microsoft.web.extensions.dll和microsoft.web.preview.dll拷贝到"bin文件夹中,然后刷新solution explorer。如果一切正确的话,之后将会在solution explorer中看到添加好的这两个程序集,如图2-9所示。

图2-8在bin文件夹内添加system.web. extensions.dll程序集的引用

图2-9添加了system.web.extensions.dll和microsoft. web.preview.dll引用后的solution explorer

2.配置web.config文件

下面让我们打开并按照如下步骤编辑位于web site根目录下的web.config文件。

web.config是一个xml文件,其中的根元素是。在根元素中添加一个子元素,并在其中定义一些嵌套的:

...

...

然后在根元素中定义子元素,并在其中定义相应的与上面相呼应的层次结构,如下所示:

...

...

若你希望asp.net ajax应用程序在运行时能够对客户端脚本文件进行压缩或缓存,则应该在中定义一个新的:

然后在中添加这部分启用脚本资源压缩以及缓存的配置声明:

这段声明将在程序运行于release模式时压缩客户端脚本库的大小。如果不是程序中有非常特殊的需要,我们绝对应该添加这个http模块以提高网络传输速度。

若asp.net ajax应用程序中需要自定义的json转换方式,则应该在的最内层中定义相应的,例如:

并在中添加自定义的转换器声明。例如,下列转换器即可将服务器端ado.net中的dataset、datatable以及datarow自动转换为客户端的相应对象。当然,客户端的这三种对象也可以自动转换为服务器端的相应形式(关于这部分内容,将在第ⅱ卷中详细介绍):

若asp.net ajax应用程序中需要在客户端访问asp.net所提供的用户身份认证服务,则应该在中定义这样一个:

并在中添加这一段的定义,用来允许在客户端访问户身份认证服务(其中requiressl属性可以根据需要设置):

若asp.net ajax应用程序中需要在客户端访问asp.net所提供的用户个性化信息服务,则应该在中定义这样一个:

并在中添加这一段的定义,用来允许在客户端访问用户个性化信息服务。其中writeaccessproperties指定的用户个性化属性可以在客户端进行设定,read- accessproperties指定的用户个性化属性可以在客户端进行访问:

readaccessproperties=" propertyname1;propertyname2"

writeaccessproperties=" propertyname1;propertyname2" />

若想暴露出所有的用户个性化属性供客户端设定/读取,则可以在readaccess- properties或writeaccessproperties中使用通配符*,代码如下:

接下来在根元素中的节中注册asp.net ajax服务器端控件的前缀:

接下来修改节,允许调试和添加必要的用于调试的程序集:

注意,上面代码中同样包含了以及其中*.asbx文件的声明。若你的应用程序不需要服务器端远程web service桥,那么没有必要添加中的这部分内容。

还是在元素中,若你的asp.net ajax应用程序中需要在客户端调用服务器端的web service,则需要对web service应用一些新的http handler,并为其生成必要的客户端javascript代理脚本。找到元素中的子元素,移除现有的web service文件(.asmx)的handler,然后添加asp.net ajax引入的新的handler(*.asbx一项同样可以根据需要有选择地添加):

仍然是在元素中添加如下的http模块声明:

最后,在节中添加小节,为web服务器进行相应的配置(这些配置是可选的,将只应用于iis7中):

通过上述设置过程,我们就完成了为现有的asp.net 2.0应用程序应用asp.net ajax所需要的所有配置步骤。

可以看到asp.net ajax的配置并不是那么容易,但新建的asp.net ajax web站点中的web.config文件即包含了默认的asp.net ajax配置。我们完全可以基于这个文件并按照上面的介绍,根据需要对其进行修改或补充。限于篇幅,这里就不再列出完整的代码。

2.4.2 新建asp.net ajax应用程序

2.3节中安装的asp.net 2.0 ajax extensions核心部分以及futures部分均会在visual studio中添加相应的web站点模板,这样新建asp.net ajax应用程序就变得非常简单了。首先,在visual studio的菜单中选择file | new | web site…,将看到如图2-10所示的new web site对话框。

图2-10在visual studio中创建新的asp.net ajax web站点

其中asp.net ajax-enabled web site是asp.net 2.0 ajax extensions“核心”部分所添加的站点模板,asp.net ajax ctp-enabled web site则是“futures”部分的站点模板。后者包含了前者的所有内容与功能,所以这里我们选择后者作为新建web站点的模板。指定网站路径以及服务器端程序语言后点击ok按钮,visual studio将自动依照安装的模板创建出一个新的asp.net ajax web site。创建之后,该asp.net ajax web site在solution explorer中的组织结构将如图2-11所示。

图2-11新建的asp.net ajax web site的组织结构

从图2-11中可以看到,该web site的bin目录下已经添加了对microsoft.web.preview.dll(即“futures”程序集)的引用,而核心部分的system.web.extensions.dll程序集在asp.net 2.0 ajax extensions安装的过程中已经添加到了gac中,故无需再手工添加其引用。随模板自动生成的default.aspx文件中也包含了一些asp.net ajax必需的标记,例如scriptmanager的定义等。web.config文件中同样自带了一般asp.net ajax应用程序所需要的配置。当然,有时候你仍需要打开该文件并对其内容进行手动修改。

2.4.3 将“futures”部分中的服务器端控件添加到visual studio的toolbox中

visual studio的toolbox上列出了常用的控件,作为开发者,只需要将上面的某个控件拖到页面设计器中,visual studio即可自动生成必要的声明以及初始化代码。toolbox中的控件是分组归类的,在图2-12中,我们可以看到默认的分类包括standard、data、validation等。toolbox支持我们自定义其中放置的控件;在asp.net 2.0 ajax extensions核心部分的安装过程中,已经添加了一个新的名为ajax extensions的控件组,并将核心部分的几个服务器端控件添加于其中。

图2-12toolbox中的ajax extensions的控件组

为了便于今后使用,我们可以将asp.net 2.0 ajax extensions的“futures”部分中提供的服务器端控件也添加到其中。展开ajax extensions控件组并在其中单击右键,并选择choose items…,如图2-13所示。

图2-13在ajax extensions控件组中添加控件

在弹出的对话框中点击browse…,导航至microsoft.web.preview.dll所在的文件夹并选中该程序集。这样,该对话框的可选控件列表中将添加并选中microsoft.web.preview.dll程序集中包含的所有控件。点击assembly name标题栏,按照程序集名称排序之后,该对话框将如图2-14所示。

图2-14选择microsoft.web.preview.dll程序集中包含的futures控件

点击ok进行确认,这样“futures”部分中的服务器端控件就添加到toolbox中的ajax extensions控件组中,如图2-15所示。

图2-15添加了futures控件的ajax extensions控件组

从图2-15中可以看到asp.net ajax提供的所有服务器端控件,在接下来的4章中,将详细介绍这些控件的使用方法以及它们的应用范围。

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/