现在的位置: 首页 > 综合 > 正文

Ajax初接触-配置环境

2013年08月14日 ⁄ 综合 ⁄ 共 2003字 ⁄ 字号 评论关闭
      在前期系统学习了Corba、Web Services、网格的一些相关知识,感觉受益菲浅,有一种豁然开朗的感觉,相关的学习笔记就不上传了,以软件重用为主导的软件设计思想在以后的项目开发中会深入我心,所以还得不断学习新技术为我所用。
      这两天一直在学习Ajax技术,因为在以前的.net开发中深感Web效率低下,这次得好好取取经。
      第一步:安装Ajax.net。
      安装Ajax.net很简单,但安装Ajax.net扩展包之前我们必须确保我们已经正确安装了VS.Net 2005或Visual Web Developer 2005 Express Edition和.net Frameworks 2.0。 我们可以登录Ajax.net官方网站下载Ajax.net扩展包。地址:http://ajax.asp.net/downloads/default.aspx?tabid=47

      下载完之后双击安装,安装后大家可以看一下更新文档,看看Ajax.net究竟更新了什么功能。

      第二步:建立Ajax-Enabled网站

      打开Vs.Net2005,选择新建网站,如果你已成功安装Ajax.net扩展包,你会发现在项目模板里会多了一项:Asp.net Ajax-Enabled Web Site。选择它然后新建一个网站。

      建立网站后你会发觉Ajax-Enabled网站会比一般网站多出了一个ScriptManager控件。ScriptManager是Ajax.net 一个很重要的控件,它在一个页面内只能出现一次(如果使用了Masterpage,那么Masterpage使用了ScriptManger后,子页面就 不能再使用了),负责处理当前页面所有Ajax.net组件和局部更新。它也可以指定我们所需的脚本库,提供更灵活的操作。

    而要使用好Ajax.net,就要学会灵活运用Ajax.net所提供的Ajax Control Toolkit。该控件包提供了很多使用效果很炫的控件,有了它你能轻松打造一个Ajax网站。从本章开始,我们一起来学习怎样使用Ajax Cotrol Toolkit中的所有控件。

第一步:创建Ajax Toolkit模板

大家应该有印象,当我们成功安装了Ajax扩展包之后,VS.net的模板中就多了一个Asp.net Ajax-Enabled Web Site的模板。它是微软的官方模板,而今天我们就要创建我们自己的Ajax Control Toolkit Web Site模板。

先在这里下载Ajax Control Toolkit:http://www.codeplex.com/AtlasControlToolkit/Release/ProjectReleases.aspx?ReleaseId=4923

它有两个版本,建议下载用红框标示的版本,因为这个版本有源码,方便大家学习。

下载之后解压到本地文件夹。双击AjaxControlToolkit.sln文件,选择“正常加载项目”。打开解决方案资源管理器之后我们能发现 有很多个项目,而我们只需要重新生成一下TemplateVSI的Dll。生成之后TemplateVSI的bin文件夹就会多出如下文件。

双击AjaxControlExtender.vsi就可以开始安装Ajax Control Toolkit模板了。中途遇到提示框选择重写名称即可。

完成之后打开VS.net 2005,我就能看到AJAX Control Toolkit Web Site模板了。

第二步:添加Ajax Control Toolkit

建立网站后我们还不能在工具栏里看到Ajax.net的工具集,这需要我们自行添加。我们先在工具栏添加一个选项卡,命名为Ajax Control Toolkit或其他你喜欢的名字。然后在新的选项卡里单击右键,点击“选择项”-〉点击“浏览”-〉找到你刚才解压的文件夹,然后在 SampleWebSite的bin文件夹里找到AjaxControlToolkit.dll,选择它,然后一路确定。这样就能把所有控件都添加你所添 加的选项卡里了。

注意:建议建立项目时使用Asp.net Ajax-Enabled Web Site建立网站,然后把SampleWebSite文件夹内的Bin的所有文件导入网站Bin文件夹内,在配置Web.Config文件,在<system.web>内添加
        <pages>
            <controls>
        <add namespace="AjaxControlToolkit" assembly="AjaxControlToolkit" tagPrefix="ajaxToolkit"/>
            </controls>
        </pages>

这样一来可解决有的Control Toolkit控件注册不上的问题。

抱歉!评论已关闭.