使用XML及XSL生成简单HTML的方法介绍

某些时候需要生成HTML展现数据，考虑过XML加XSL方法吗？比如，以html邮件的方式发送一些数据。本文通过两个已经存在的文件,xml文件和xsl文件演示如何将其转换成HTML。

首先，准备XML文件，这里为了演示，随便定义了一组数据。这些定义好的数据用于后面套入到对应的xsl模板中。

<ROOT>
<ASPNETX Username="dudu" City="Shanghai" Cool="70" />
<ASPNETX Username="Bill" City="Meiguo" Cool="100" />
<ASPNETX Username="Gates" City="Meiguo" Cool="100" />
<ASPNETX Username="Aobama" City="Meiguo" Cool="80" />
<ASPNETX Username="aspnetx" City="Beijing" Cool="60" />
<ASPNETX Username="Geo" City="USA.East" Cool="20" />
<ASPNETX Username="Mike" City="USA.West" Cool="30" />
<ASPNETX Username="Jim" City="Jilin" Cool="90" />
<ASPNETX Username="Tim" City="Hebei" Cool="10" />
<ASPNETX Username="Ada" City="Big Apple" Cool="10" />
<ASPNETX Username="Jill" City="unknown" Cool="50" />
</ROOT>

XML数据文件可以自己组织格式，因为在xsl模板中是支持x-path查询的。

然后，准备XSL文件：

<xsl:stylesheet version="1.0" xmlns:xsl=" 
 xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
<xsl:output method="html" indent="yes"/>
<xsl:template match="/">
<table align="left" cellpadding="2" cellspacing="5">
<tr>
<td style="font-family: Verdana; font-size: 15px; 
font-weight: bold;">User in cnblogs:</td>
</tr>
<tr>
<td style="font-family: Verdana; font-size: 10px;">
<table width="500px" align="left" cellpadding="2" 
cellspacing="0" style="font-family: Verdana; font-size: 10px;">
<tr>
<td bgcolor="#808080">
<font color="#FFFFFF">
<b>User name</b>
</font>
</td>
<td bgcolor="#808080">
<font color="#FFFFFF">
<b>City</b>
</font>
</td>
<td bgcolor="#808080">
<font color="#FFFFFF">
<b>Cool</b>
</font>
</td>
</tr>
<xsl:for-each select="ROOT/ASPNETX">
<tr>
<td style="border: 1px solid #808080">
<xsl:value-of select="@Username"/>
</td>
<td style="border: 1px solid #808080">
<xsl:value-of select="@City"/>
</td>
<td style="border: 1px solid #808080">
<xsl:value-of select="@Cool"/>
</td>
</tr>
</xsl:for-each>
</table>
</td>
</tr>
</table>
</xsl:template>
</xsl:stylesheet>

在模板文件之中，xsl:template之间就是要展现的html模板的内容。

xsl:value-of对应数据区域，select后跟x-path查询。

Xsl:for-each枚举得到的集合。

通过以上两个标签的占位，xml的数据就会根据其定义出现在对应的位置。

Xml和xsl都准备好，最后，准备c#代码，下面的代码将把模板xsl和数据xml加载进来，然后把html内容输出成一个string字符串：

static void TestXls()
{
//数据文件
XmlReader _xmlxml = XmlReader.Create("xmldata.xml");
//模板文件
XmlReader _xmlxsl = XmlReader.Create("xsldata.xml");
 
//实例化转换对象
XslCompiledTransform xslct = new XslCompiledTransform();
xslct.Load(_xmlxsl);
 
MemoryStream ms = new MemoryStream();
XmlTextWriter xmltxtWr = new XmlTextWriter(ms, null);
 
//开始转换，并且将结果保存到writer中。
xslct.Transform(_xmlxml, xmltxtWr);
 
//读取结果
StreamReader st = new StreamReader(ms);
ms.Seek(0, SeekOrigin.Begin);
string TransformedHTML = st.ReadToEnd();
 
Console.WriteLine(TransformedHTML);
}

在.net下提供了现成的转换对象，XslCompiledTransform。通过Load方法加载xsl文件后，就可以调用Transform方法对xml进行转换了。

Xmldata.xml和xsldata.xml文件如果在项目中，记得设置其copy to output directory。默认这两个文件是不输出到bin目录的，所以如果不设置会导致程序无法加载到相应的xml和xsl文件。

1.jpg-600