如何在漂亮的表中呈现XML数据?

时间:2010-08-11 00:51:54

标签: css xml

当Google Analytics返回数据时,它采用XML格式:

(这仅适用于IE的数据。对于浏览量计数,还有Firefox,Safari等数据)

    <entry gd:etag='W/&quot;AkMEQX47eSp7I2A9Wx5SE3Z.&quot;' gd:kind='analytics#datarow'>
            <id>http://www.google.com/analytics/feeds/data?ids=ga:1234567&amp;ga:browser=Internet%20Explorer&amp;start-date=2010-08-03&amp;end-date=2010-08-10</id>
            <updated>2010-08-09T17:00:00.001-07:00</updated>
            <title>ga:browser=Internet Explorer</title>
            <link rel='alternate' type='text/html' href='http://www.google.com/analytics'/>
            <dxp:dimension name='ga:browser' value='Internet Explorer'/>
            <dxp:metric confidenceInterval='0.0' name='ga:pageviews' type='integer' value='276395'/>
    </entry>

有没有办法以漂亮的表格格式快速查看它?比如应用CSS呢?似乎Google Analytics可能会提供一个适合其数据源的CSS文件吗?

3 个答案:

答案 0 :(得分:1)

您可以使用XSL转换将此XML结构转换为可在浏览器中查看的XHTML结构。如果您以前没有使用过XSL,可以使用以下资源来帮助您入门:

答案 1 :(得分:1)

如果您有兴趣通过Javascript执行此操作,Yahoo User Interface(YUI)工具包有一个data table实用程序,它以XML作为输入,执行一些不错的格式化,并提供控件。

答案 2 :(得分:1)

CSS可以对它做些什么,特别是在那些实现将属性值作为内容规则的值所需的功能的浏览器中。

然而,它只会走到这么远(如果以上是一些新的HTML元素,你可以去的很多,而且你是CSSing它,它基本上是相同的东西)。

使用XSLT生成XHTML是一个更合理的解决方案。事实如此合理,我猜你不知道XSLT只是因为在CSS之前你还没有发现它。这是一种很好的声明性语言,用于将一种形式的XML转换为另一种形式(输出不必是XML,但它通常是 - 我只是添加这个括号语句来阻止那些将添加“输出”的人不必是XML“作为对这篇文章的评论;)

第三种选择只是用您选择的语言解析它,仅仅因为这可能比一次性学习XSLT更容易。但是,学习XSLT很可能会很快收回成本,所以这是我真正的建议。