本文介绍如何使用ASP.NET和XMLWeb控件构建一个多框架的RSS新闻聚合器。聚合器分为三个部分：显示RSS源列表、展示特定RSS源的新闻条目及显示新闻内容。
第一步是创建一个html页面来建立框架用户界面。幸运的是，在Visual Studio.NET 2003 中，这一过程非常容易。只需要在Web应用程序解决方案中添加一个新 的项目，选择新项目类型为 Frameset。（我在我的工程中将这个新文件命名为 NewsAggregator.htm。我之所以将它设置为 html 文件而不是 asp.net 页面， 是因为这个页面只包括建立框架的 html 代码。每一个单独的框架会显示一个 asp.net 页面）。下一步，参见图三，Frameset 模版向导会启动，简单地选择选项“Nested Hierarchy”，然后按ok按钮就可以了。
然后 Frameset 模版向导会创建一个HTML页面，里面已经加入了框架的源代码。 只要将左边框架的src属性设置为 DisplayFeeds.aspx，它是列表显示聚合摘要 asp.net 页面的 url。至此 NewsAggreator.htm 页面就完成了。
以下三个部分，我们将讲述如何创建在线新闻聚合器的三个组件，它们分别是显示聚合摘要列表的 DisplayFeeds.aspx；显示特定聚合摘要新闻项 的 DisplayNewsItems.aspx；以及显示指定聚合摘要特定新闻项具体内容的 DisplayItem.aspx。
显示聚合摘要列表
现在我们需要创建 DisplayFeeds.aspx 页面。该页面要显示订阅的聚合摘要列表。作为示范，我将这些聚合摘要放在一个叫 Feeds 的数据库表中。当然你也可以将它们放在一个XML文件中。表 Feeds 有如下四个字段：
·FeedID—主键，自增长整数类型，唯一标示一个摘要
·Title—摘要名称，数据库字段类型：varchar(50)
·URL—RSS 摘要的 URL，数据库字段类型：varchar(150)
·UpdateInterval—摘要更新频率（分钟），数据库字段类型：int
DisplayFeeds.aspx 页面使用一个 DataGrid 控件显示聚合摘要的列表。这个 DataGrid 只有一个 HyperLinkColumn 列，显示 Title 字段的内容并且链接到 DisplayNewsItems.aspx 页面, 在查询字符串中 要传递 FeedID 字段的值。以下是 DataGrid 控件的声明，为简单起见，省略了一些无关的部分）：
＜asp:DataGrid id="dgFeeds" runat="server"
AutoGenerateColumns="False" ...＞
...
＜Columns＞
＜asp:HyperLinkColumn Target="rtop"
DataNavigateUrlField="FeedID"
DataNavigateUrlFormatString="DisplayNewsItems.aspx?FeedID={0}"
DataTextField="Title" HeaderText="RSS Feeds"＞
＜/asp:HyperLinkColumn＞
＜/Columns＞
＜/asp:DataGrid＞
这里要注意的关键是 HyperLinkColumn 列的定义。它的 Target 属性设置为右上部分框架的名称，这样当用户点击的时候，DisplayNewsItems.aspx 页面就会显示在右上部分的框架中。另外, 属性 DataNavigateUrlField、DataNavigateUrlFormatString 和 DataTextField 也做了相应的设置， 以便超链接显示摘要的标题，并且当点击它时，就会将用户带到 DisplayNewsItems.aspx 页面，并在查询串中将 FeedID 字段的内容传 过来。（该页面的后台代码类只访问来自 Feeds 表的摘要清单，按照 Title 字段的字母顺序返回，接着将查询结果绑定到 DataGrid 控件。 由于篇幅所限，本文在此不列出代码。）
显示特定聚合摘要的新闻项
我们面临的下一个任务是创建 DisplayNewsItems.aspx 页面。这个页面会以链接的形式显示所选聚合摘要的新闻项标题，当点击标题时，新闻的内容就会显示在右下部分的框架中。要完成这一任务，我们会面临以下两个主要的挑战：
·通过指定的 URL 访问 RSS 聚合摘要；
·将接收到的 XML 数据转换为相应的 HTML；
幸运的是，在.NET 框架中，要实现这两个任务都不是很难。对于第一个任务，只需要两行代码，我们就可以将远程的xml数据装载到一个XmlDocument对象中。而第二个任务呢， 借助 ASP.NET XML Web 控件在ASP.NET 页面中显示XML数据也比较容易。
XML Web 控件被设计用于在 Web 页面中显示原始或者转换过的 XML 数据。使用 XML Web 控件的第一步是定义XML数据源，通过 定义一系列的属性，用许多方法都可以完成这一工作。使用 Document属性，你可以指定一个 XmlDocument 实例作为 XML Web 控件的 XML 数据源。如果XML数据存在于 Web 服务器文件系统的一个文件中，可以用 DocumentSource 属性，只要提供该 XML 文件的相对或者绝对路径就可以了。最后，如果你 的 XML数据是一个字符串，那么你可以将这个字符串的内容赋给控件的 DocumentContent 属性。这三种办法都可以将 XML 数据与 XML 控件联系起来。
通常，在将 XML 数据显示到 Web 页面之前，我们会以某种方式转换 XML 数据。XML Web 控件允许我们指定一个 XSLT 样式表来做这个转换工作。与 XML 数据相似，XSLT 样式表可以通过 两个属性之一，以两种不同的方式中的一种来设置，一是 Transform 属性可被赋值给 XslTransform 实例，二是将本地 Web 服务器上 XSLT文件的 相对或绝对路径赋予 TransformSource 属性。
现在我们来创建 DisplayNewsItems.aspx 页面。在添加 XML Web 控件以及编写后台代码类之前，我们需要在 HTML 部分加入一小段客户端 JavaScript 代码。准确地说，是在 html 部分的 ＜head＞ 标签里面 添加如下的＜script＞代码块：
＜script language="javascript"＞
// display a blank page in the bottom frame when the news items loads
parent.rbottom.location.href = "about:blank";
＜/script＞
每当 DisplayNewsItems.aspx 页面装载的时候，这段客户端 JavaScript 代码会在右下角的框架中显示一个空白页。为了理解为什么要加入这段代码，我们来看看省略这段代码，我们会碰到什么情况：
·用户在左边的框架中点击聚合摘要，浏览器会在右上部的框架中装载摘要新闻项；
·用户在右上部框架中点击某个新闻项，浏览器会在右下部框架中装载这个新闻项 的详细内容；
现在用户在左边的框架中点击其它的聚合摘要，浏览器会在右上部分的框架中装载新的摘要新闻项；
前一个新闻项的详细内容还显示在右下部的框架中！通过上面的客户端 Javascript 代码，每次点击左面框架的摘要便可以清除右下部框架 的内容，以消除这一瑕疵。
在我们处理了客户端代码的问题之后，让我们把注意力转到添加 XML Web 控件。一旦加入 XML Web 控件，将其 ID 属性设置为 xsltNewsItems，TransformSourc 属性设置为 NewsItems.xslt（我们将要创建的 XSLT 样式表文件的名称）。现在，在 Page_Load 事件处理函数中，我们需要 在某个 XmlDocument 实例中获取远程 RSS 聚合文件，然后将该 XML Web 控件的 Document 属性赋给该 XmlDocument 实例。
在 Page_Load 事件处理函数中，与我们要实现的任务有密切关系的代码是最后三行代码。这三行代码创建一个新的 XmlDocument 对象， 加载远程 RSS 摘要内容，然后将这个 XmlDocument 对象赋给 XML Web 控件的 Document 属性。访问远程 XML 数据并 将它们显示在 ASP.NET 页面中就是这么简单，难道给你留下的印象不深吗？
剩下我们要做的一件事就是创建 XSLT 样式表，NewsItems.aspx。下面是样式表的第一版的草稿：
＜?xml version="1.0" encoding="UTF-8" ?＞
＜xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"＞
＜xsl:output method="html" omit-xml-declaration="yes" /＞
＜xsl:template match="/rss/channel"＞
＜b＞＜xsl:value-of select="title"
disable-output-escaping="yes" /＞＜/b＞
＜xsl:for-each select="item"＞
＜li＞
＜a＞
＜xsl:attribute name="href"＞
DisplayItem.aspx?ID=＜xsl:number value="position()" /＞
＜/xsl:attribute＞
＜xsl:attribute name="target"＞rbottom＜/xsl:attribute＞
＜xsl:value-of select="title"
disable-output-escaping="yes" /＞
＜/a＞
(＜xsl:value-of select="pubDate" /＞)
＜/li＞
＜/xsl:for-each＞
＜/xsl:template＞
＜/xsl:stylesheet＞
然后 Frameset 模版向导会创建一个HTML页面，里面已经加入了框架的源代码。 只要将左边框架的src属性设置为 DisplayFeeds.aspx，它是列表显示聚合摘要 asp.net 页面的 url。至此 NewsAggreator.htm 页面就完成了。
以下三个部分，我们将讲述如何创建在线新闻聚合器的三个组件，它们分别是显示聚合摘要列表的 DisplayFeeds.aspx；显示特定聚合摘要新闻项 的 DisplayNewsItems.aspx；以及显示指定聚合摘要特定新闻项具体内容的 DisplayItem.aspx。
显示聚合摘要列表
现在我们需要创建 DisplayFeeds.aspx 页面。该页面要显示订阅的聚合摘要列表。作为示范，我将这些聚合摘要放在一个叫 Feeds 的数据库表中。当然你也可以将它们放在一个XML文件中。表 Feeds 有如下四个字段：
·FeedID—主键，自增长整数类型，唯一标示一个摘要
·Title—摘要名称，数据库字段类型：varchar(50)
·URL—RSS 摘要的 URL，数据库字段类型：varchar(150)
·UpdateInterval—摘要更新频率（分钟），数据库字段类型：int
DisplayFeeds.aspx 页面使用一个 DataGrid 控件显示聚合摘要的列表。这个 DataGrid 只有一个 HyperLinkColumn 列，显示 Title 字段的内容并且链接到 DisplayNewsItems.aspx 页面, 在查询字符串中 要传递 FeedID 字段的值。以下是 DataGrid 控件的声明，为简单起见，省略了一些无关的部分）：
＜asp:DataGrid id="dgFeeds" runat="server"
AutoGenerateColumns="False" ...＞
...
＜Columns＞
＜asp:HyperLinkColumn Target="rtop"
DataNavigateUrlField="FeedID"
DataNavigateUrlFormatString="DisplayNewsItems.aspx?FeedID={0}"
DataTextField="Title" HeaderText="RSS Feeds"＞
＜/asp:HyperLinkColumn＞
＜/Columns＞
＜/asp:DataGrid＞
这里要注意的关键是 HyperLinkColumn 列的定义。它的 Target 属性设置为右上部分框架的名称，这样当用户点击的时候，DisplayNewsItems.aspx 页面就会显示在右上部分的框架中。另外, 属性 DataNavigateUrlField、DataNavigateUrlFormatString 和 DataTextField 也做了相应的设置， 以便超链接显示摘要的标题，并且当点击它时，就会将用户带到 DisplayNewsItems.aspx 页面，并在查询串中将 FeedID 字段的内容传 过来。（该页面的后台代码类只访问来自 Feeds 表的摘要清单，按照 Title 字段的字母顺序返回，接着将查询结果绑定到 DataGrid 控件。 由于篇幅所限，本文在此不列出代码。）
显示特定聚合摘要的新闻项
我们面临的下一个任务是创建 DisplayNewsItems.aspx 页面。这个页面会以链接的形式显示所选聚合摘要的新闻项标题，当点击标题时，新闻的内容就会显示在右下部分的框架中。要完成这一任务，我们会面临以下两个主要的挑战：
·通过指定的 URL 访问 RSS 聚合摘要；
·将接收到的 XML 数据转换为相应的 HTML；
幸运的是，在.NET 框架中，要实现这两个任务都不是很难。对于第一个任务，只需要两行代码，我们就可以将远程的xml数据装载到一个XmlDocument对象中。而第二个任务呢， 借助 ASP.NET XML Web 控件在ASP.NET 页面中显示XML数据也比较容易。
XML Web 控件被设计用于在 Web 页面中显示原始或者转换过的 XML 数据。使用 XML Web 控件的第一步是定义XML数据源，通过 定义一系列的属性，用许多方法都可以完成这一工作。使用 Document属性，你可以指定一个 XmlDocument 实例作为 XML Web 控件的 XML 数据源。如果XML数据存在于 Web 服务器文件系统的一个文件中，可以用 DocumentSource 属性，只要提供该 XML 文件的相对或者绝对路径就可以了。最后，如果你 的 XML数据是一个字符串，那么你可以将这个字符串的内容赋给控件的 DocumentContent 属性。这三种办法都可以将 XML 数据与 XML 控件联系起来。
通常，在将 XML 数据显示到 Web 页面之前，我们会以某种方式转换 XML 数据。XML Web 控件允许我们指定一个 XSLT 样式表来做这个转换工作。与 XML 数据相似，XSLT 样式表可以通过 两个属性之一，以两种不同的方式中的一种来设置，一是 Transform 属性可被赋值给 XslTransform 实例，二是将本地 Web 服务器上 XSLT文件的 相对或绝对路径赋予 TransformSource 属性。
现在我们来创建 DisplayNewsItems.aspx 页面。在添加 XML Web 控件以及编写后台代码类之前，我们需要在 HTML 部分加入一小段客户端 JavaScript 代码。准确地说，是在 html 部分的 ＜head＞ 标签里面 添加如下的＜script＞代码块：
＜script language="javascript"＞
// display a blank page in the bottom frame when the news items loads
parent.rbottom.location.href = "about:blank";
＜/script＞
每当 DisplayNewsItems.aspx 页面装载的时候，这段客户端 JavaScript 代码会在右下角的框架中显示一个空白页。为了理解为什么要加入这段代码，我们来看看省略这段代码，我们会碰到什么情况：
·用户在左边的框架中点击聚合摘要，浏览器会在右上部的框架中装载摘要新闻项；
·用户在右上部框架中点击某个新闻项，浏览器会在右下部框架中装载这个新闻项 的详细内容；
现在用户在左边的框架中点击其它的聚合摘要，浏览器会在右上部分的框架中装载新的摘要新闻项；
前一个新闻项的详细内容还显示在右下部的框架中！通过上面的客户端 Javascript 代码，每次点击左面框架的摘要便可以清除右下部框架 的内容，以消除这一瑕疵。
在我们处理了客户端代码的问题之后，让我们把注意力转到添加 XML Web 控件。一旦加入 XML Web 控件，将其 ID 属性设置为 xsltNewsItems，TransformSourc 属性设置为 NewsItems.xslt（我们将要创建的 XSLT 样式表文件的名称）。现在，在 Page_Load 事件处理函数中，我们需要 在某个 XmlDocument 实例中获取远程 RSS 聚合文件，然后将该 XML Web 控件的 Document 属性赋给该 XmlDocument 实例。
在 Page_Load 事件处理函数中，与我们要实现的任务有密切关系的代码是最后三行代码。这三行代码创建一个新的 XmlDocument 对象， 加载远程 RSS 摘要内容，然后将这个 XmlDocument 对象赋给 XML Web 控件的 Document 属性。访问远程 XML 数据并 将它们显示在 ASP.NET 页面中就是这么简单，难道给你留下的印象不深吗？
剩下我们要做的一件事就是创建 XSLT 样式表，NewsItems.aspx。下面是样式表的第一版的草稿：
＜?xml version="1.0" encoding="UTF-8" ?＞
＜xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"＞
＜xsl:output method="html" omit-xml-declaration="yes" /＞
＜xsl:template match="/rss/channel"＞
＜b＞＜xsl:value-of select="title"
disable-output-escaping="yes" /＞＜/b＞
＜xsl:for-each select="item"＞
＜li＞
＜a＞
＜xsl:attribute name="href"＞
DisplayItem.aspx?ID=＜xsl:number value="position()" /＞
＜/xsl:attribute＞
＜xsl:attribute name="target"＞rbottom＜/xsl:attribute＞
＜xsl:value-of select="title"
disable-output-escaping="yes" /＞
＜/a＞
(＜xsl:value-of select="pubDate" /＞)
＜/li＞
＜/xsl:for-each＞
＜/xsl:template＞
＜/xsl:stylesheet＞
扫一扫
188
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
