XSLT是可扩展样式表语言转换的缩写,它的核心作用就是将一个xml文档的内容按照预设的规则转换为另一种格式的文档,最常见的应用场景就是把结构化的xml数据转换成可以直接在浏览器中展示的html页面。整个过程不需要手动解析xml再拼接html字符串,通过编写符合规范的xsl样式表就能自动完成转换。

XSLT转换的核心概念
要实现xml到html的转换,需要准备两个核心文件:一个是待转换的原始xml文件,另一个是定义转换规则的xsl样式表文件。xsl文件本质上也是xml格式的文件,它内部通过<xsl:template>标签定义匹配规则,当xml中的元素匹配到对应的模板时,就会按照模板中的内容生成对应的html结构。
基础语法说明
xsl中常用的几个核心标签需要提前了解:
<xsl:stylesheet>:整个xsl文件的根标签,用于声明命名空间和版本信息<xsl:template>:定义转换模板,通过match属性指定匹配xml中的哪个节点<xsl:value-of>:用于提取xml节点中的文本内容,select属性指定要提取的节点路径<xsl:for-each>:用于遍历xml中的一组相同节点,批量生成重复的html结构
完整转换示例
下面通过一个实际的例子演示完整的转换流程,假设我们有一个存储学生信息的xml文件,需要把它转换成一个展示学生列表的html页面。
第一步:准备原始xml文件
创建一个名为students.xml的文件,内容如下:
<?xml version="1.0" encoding="UTF-8"?>
<students>
<student>
<id>1001</id>
<name>张三</name>
<age>20</age>
<score>92</score>
</student>
<student>
<id>1002</id>
<name>李四</name>
<age>21</age>
<score>88</score>
</student>
<student>
<id>1003</id>
<name>王五</name>
<age>19</age>
<score>95</score>
</student>
</students>
第二步:编写xsl样式表文件
创建一个名为student_transform.xsl的文件,定义转换规则,将xml中的学生信息转换成html表格:
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<!-- 匹配根节点,生成html基础结构 -->
<xsl:template match="/">
<html>
<head>
<meta charset="UTF-8"/>
<title>学生信息列表</title>
<style>
table { border-collapse: collapse; width: 60%; margin: 20px auto; }
th, td { border: 1px solid #ccc; padding: 8px 12px; text-align: center; }
th { background-color: #f0f0f0; }
</style>
</head>
<body>
<h2 style="text-align: center;">学生信息表</h2>
<table>
<tr>
<th>学号</th>
<th>姓名</th>
<th>年龄</th>
<th>成绩</th>
</tr>
<!-- 遍历所有student节点 -->
<xsl:for-each select="students/student">
<tr>
<td><xsl:value-of select="id"/></td>
<td><xsl:value-of select="name"/></td>
<td><xsl:value-of select="age"/></td>
<td><xsl:value-of select="score"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
第三步:关联xml和xsl文件
需要在原始xml文件中添加对xsl文件的引用,这样浏览器打开xml文件时就会自动执行转换。修改students.xml,在头部添加<?xml-stylesheet?>指令:
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="student_transform.xsl"?>
<students>
<student>
<id>1001</id>
<name>张三</name>
<age>20</age>
<score>92</score>
</student>
<student>
<id>1002</id>
<name>李四</name>
<age>21</age>
<score>88</score>
</student>
<student>
<id>1003</id>
<name>王五</name>
<age>19</age>
<score>95</score>
</student>
</students>
在程序中执行转换
除了浏览器自动转换,也可以在后端程序中通过XSLT处理器手动执行转换,下面以Java为例演示转换逻辑:
import javax.xml.transform.*;
import javax.xml.transform.stream.StreamResult;
import javax.xml.transform.stream.StreamSource;
import java.io.File;
public class XsltTransformDemo {
public static void main(String[] args) {
try {
// 创建转换器工厂
TransformerFactory factory = TransformerFactory.newInstance();
// 加载xsl样式表
Source xslSource = new StreamSource(new File("student_transform.xsl"));
Transformer transformer = factory.newTransformer(xslSource);
// 加载原始xml文件
Source xmlSource = new StreamSource(new File("students.xml"));
// 指定输出结果为html文件
Result outputResult = new StreamResult(new File("output.html"));
// 执行转换
transformer.transform(xmlSource, outputResult);
System.out.println("转换完成,输出文件为output.html");
} catch (Exception e) {
e.printStackTrace();
}
}
}
常见问题说明
转换过程中如果遇到问题,可以从以下几个方面排查:
- 检查xsl文件的命名空间是否正确,必须是
http://www.w3.org/1999/XSL/Transform - 确认
<xsl:value-of>的select路径是否正确,路径错误会导致提取不到内容 - 如果xml中引用了外部xsl文件,确认href路径是否正确,避免文件找不到的错误
- 注意xml和xsl文件的编码一致,避免中文内容出现乱码