google的ajax应用带来了web开发的一场革命,在ajax日益流行的今天,作为.net的开发人员,当然也必不可少的需要掌握微软的ajax开发框架——Atlas。平时在项目当中偶而也会用到这方面的技术,但都缺乏系统的学习。从今天开始我把这里做为我的一个平台,一方面是对学习的一种记录,另一方面也希望能和同道中人一起交流。
关于相关的概念我想就没必要多做解释了,直接进入正题。
首先当然是得安装开发环境了。其实装好了VS以后直接安装微软的Altas补丁就可以了。
一切准备就绪了,让我们从一个全新的网站开始。选择 "新建/网站/ASP.NET AJAX-Enabled Web Site",如下图所示:
此时一个全新的支持Atlas的网站就已经建好了.
按照国际惯例,现在应该写第一个helloWorld程序了,OK,马上动手。
最简单的atlas应用只要一个ScriptManager和UpdatePanel控件就可以了,如下所示按一个按钮就显示当前时间:
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
< head runat ="server" >
< title > Atlas </ title >
</ head >
< body >
< form id ="form1" runat ="server" >
< div >
< asp:ScriptManager ID ="sm1" runat ="server" ></ asp:ScriptManager >
< asp:UpdatePanel ID ="up1" runat ="server" >
< ContentTemplate >
< asp:Label ID ="lblTime" runat ="server" ></ asp:Label >< br />
< asp:Button ID ="btnShowTime" runat ="server" Text ="ShowTime" OnClick ="btnShowTime_Click" />
</ ContentTemplate >
</ asp:UpdatePanel >
</ div >
</ form >
</ body >
</ html >
< head runat ="server" >
< title > Atlas </ title >
</ head >
< body >
< form id ="form1" runat ="server" >
< div >
< asp:ScriptManager ID ="sm1" runat ="server" ></ asp:ScriptManager >
< asp:UpdatePanel ID ="up1" runat ="server" >
< ContentTemplate >
< asp:Label ID ="lblTime" runat ="server" ></ asp:Label >< br />
< asp:Button ID ="btnShowTime" runat ="server" Text ="ShowTime" OnClick ="btnShowTime_Click" />
</ ContentTemplate >
</ asp:UpdatePanel >
</ div >
</ form >
</ body >
</ html >
后台代码:
protected
void
btnShowTime_Click(
object
sender, EventArgs e)
{
lblTime.Text = DateTime.Now.ToString();
}
{
lblTime.Text = DateTime.Now.ToString();
}
好了,现在第一个程序已经可以运行了,并且实现了局部刷新功能,通过提交按钮会自动更新时间并且不会引起页面的重新加载。由此可以看出只要把想局部刷新的部分放到<UpdatePanel>的<ContentTemplate>标签中间就可以了,是的,的确就这么简单。另外对于每一个页面必须包含一个ScriptManager控件,并且只能有一个,顾名思意,这显然是一个管理脚本的家伙,至于他到底有什么重要的应用我想以后会慢慢了解的。
时间不早了,明天还要加班,明天继续