Atlas快速入门之实战Atlas

　　为了加深对Atlas的认识，我们再举一个例子来说明问题。我们的这个应用，将是在一个页面中，提供给用户能通过点选分类主题按钮的方式，获得站点上最新的新闻，这是通过读取站点上的RSS的形式来进行的。

　　我们首先新建另外的一个页面，其中也放入scriptmanager控件，接着我们要设计一个简单的页面了。比如添加一个好看的BANNER在页面头部，并且为了显示加载的进度，这次我们添加一个有Loading…动画的GIF，再建立一个一行两列的大表格，在表格的左边，放入若干个按钮。比如这里我们根据每个技术专题，放入了十个按钮。

　　然后再拖放一个xmldatasource控件到窗体中，因为我们要读取网站上的RSS XML文件进行解析。在表格的右边，放入一个DataList控件，并且将这个DataList控件绑定到xmldatasource控件中去。最后，大致的界面图如下所示：


　　接下来对XMLDATASOURCE控件进行设置。我们点选控件右上方的智能感知功能，在弹出的窗口中的XPATH里，选择Xpath Expression,在这里，我们填入"rss/channel/item"。要注意的是，由于我们想浏览的网站提供的RSS 的XML文件里，我们只对每个频道的最新信息感兴趣，因此我磨恩这样填写，而完整的该网站的RSS信息在http://services.devx.com/outgoing/devxfeed.xml可以看到。最后，我们的页面前端代码如下所示：

＜atlas:UpdatePanel ID="id1" runat="server"＞ ＜ContentTemplate＞ ＜asp:Label ID="Label1" runat="server" Text="Label" Font-Bold="True"＞＜/asp:Label＞ ＜atlas:UpdateProgress ID="pro" runat="server"＞ ＜ProgressTemplate＞ ＜asp:Image ID="Image1" runat="server" ImageUrl="~/loading.gif" /＞ ＜/ProgressTemplate＞ ＜/atlas:UpdateProgress＞ ＜asp:DataList ID="DataList1" runat="server" BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px" CellPadding="2" ForeColor="Black" Width="755px"＞ ＜FooterStyle BackColor="Tan" /＞ ＜SelectedItemStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" /＞ ＜AlternatingItemStyle BackColor="PaleGoldenrod" /＞ ＜HeaderStyle BackColor="Tan" Font-Bold="True" /＞ ＜ItemTemplate＞ ＜b＞ ＜%#XPath("title")%＞ ＜/b＞ ＜br /＞ ＜i＞ ＜%#XPath("description") %＞ ＜/i＞ ＜%#XPath("pubDate")%＞ ＜br /＞ ＜a href='＜%#XPath("link") %＞'＞Link＜/a＞ ＜br /＞ ＜br /＞ ＜/ItemTemplate＞ ＜/asp:DataList＞ ＜asp:XmlDataSource ID="XmlDataSource1" runat="server" XPath="rss/channel/item"＞＜/asp:XmlDataSource＞ ＜/ContentTemplate＞ ＜Triggers＞ ＜atlas:ControlEventTrigger ControlID="Button1" EventName="Click" /＞ ＜atlas:ControlEventTrigger ControlID="Button2" EventName="Click" /＞ ＜atlas:ControlEventTrigger ControlID="Button3" EventName="Click" /＞ ＜atlas:ControlEventTrigger ControlID="Button4" EventName="Click" /＞ ＜atlas:ControlEventTrigger ControlID="Button5" EventName="Click" /＞ ＜atlas:ControlEventTrigger ControlID="Button6" EventName="Click" /＞ ＜atlas:ControlEventTrigger ControlID="Button7" EventName="Click" /＞ ＜atlas:ControlEventTrigger ControlID="Button8" EventName="Click" /＞ ＜atlas:ControlEventTrigger ControlID="Button9" EventName="Click" /＞ ＜atlas:ControlEventTrigger ControlID="Button10" EventName="Click" /＞ ＜atlas:ControlEventTrigger ControlID="Button11" EventName="Click" /＞ ＜/Triggers＞ ＜/atlas:UpdatePanel＞ ...

　　在上面的代码中，我们除了为每一个button按钮都设置了事件触发器外，还在DataList控件中，通过＜%#XPath("description") %＞的方式，将读取并分析好的XML文件绑定显示出来。下面，我们就开始撰写后端的处理读取到的RSS XML文件的代码。