关于Atlas的介绍已经有很多的文章,我就不废话了,对于我自己来说学习一个新东西,总是习惯于以一个简单的示例开始,Atlas也不例外,本文将会以一个非常简单的示例来踏上Atlas之旅,文中示例程序来自于Atlas老家。
1
.创建“Atlas”应用程序
安装完Atlas之后,会在Visual Studio的项目模版里面出现一项“Atlas”Web Site,如下图。在新建Atlas应用程序时,选择它,这样在新建的项目中的Bin文件夹下会存在一个Microsoft.Web.Atlas.dll的文件。
![](https://i-blog.csdnimg.cn/blog_migrate/91b2b6e16c718de46b9f235756805232.jpeg)
2 .创建简单的Web Service
现在需要创建一个简单的Web Service来供“Atlas”客户端脚本调用,WebService.asmx部分实现代码如下:
.添加ASP.NET页面
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/d697c7f940cec91d060a69b7d6bfbabe.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/78506ac88f008ceb6ff777ee2bfd9158.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b19221674ccfeaa2be2f33591a26176a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/31fdd64eccd12495cef6cc0af57acfb4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a5a207152d50285d2b642f684cd16367.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b19221674ccfeaa2be2f33591a26176a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/31fdd64eccd12495cef6cc0af57acfb4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a5a207152d50285d2b642f684cd16367.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f05bd14f49ac5a6f43870a45f107e35f.gif)
3
创建一个ASP.NET页面并添加客户端脚本来调用刚才我们创建的Web Service。打开Default.aspx页面后,看到有这样一段代码:
是Atlas一个重要的控件,它用来处理页面上的所有Atlas组件以及局部页面的更新,生成相关的客户端脚本,关于ScriptManager后面还会仔细分析。在ScriptManager中间引入Web Service的路径:
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/d697c7f940cec91d060a69b7d6bfbabe.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/78506ac88f008ceb6ff777ee2bfd9158.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b19221674ccfeaa2be2f33591a26176a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/31fdd64eccd12495cef6cc0af57acfb4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a5a207152d50285d2b642f684cd16367.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b19221674ccfeaa2be2f33591a26176a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/31fdd64eccd12495cef6cc0af57acfb4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a5a207152d50285d2b642f684cd16367.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f05bd14f49ac5a6f43870a45f107e35f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
其中DoSearch()方法负责调用Web Service的远程方法,OnRequestComplete()在异步调用完成时执行,在本示例中负责把结果显示在<Span>上。完整地Default.aspx页面代码如下:
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/d697c7f940cec91d060a69b7d6bfbabe.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/78506ac88f008ceb6ff777ee2bfd9158.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b19221674ccfeaa2be2f33591a26176a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/31fdd64eccd12495cef6cc0af57acfb4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a5a207152d50285d2b642f684cd16367.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b19221674ccfeaa2be2f33591a26176a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/31fdd64eccd12495cef6cc0af57acfb4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f05bd14f49ac5a6f43870a45f107e35f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/d697c7f940cec91d060a69b7d6bfbabe.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/78506ac88f008ceb6ff777ee2bfd9158.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b19221674ccfeaa2be2f33591a26176a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/31fdd64eccd12495cef6cc0af57acfb4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a5a207152d50285d2b642f684cd16367.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b19221674ccfeaa2be2f33591a26176a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/31fdd64eccd12495cef6cc0af57acfb4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/2149273624cba50f4a277a93cb6d22f3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a5a207152d50285d2b642f684cd16367.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c8d2e4b59017133d33aed64f31183d35.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f05bd14f49ac5a6f43870a45f107e35f.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
运行后如下:
![](https://i-blog.csdnimg.cn/blog_migrate/9613c8fec67fa3d2fb145ff1cb44b82a.jpeg)
至此,一个简单Atlas应用程序就完成了。后续文章中,我会把自己学习Atlas过程中的一些东西记录下来与大家分享。
文中完整示例下载
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a6269e9e4e1e1e402c7d02950e376da4.gif)