XML和XSL结合生成动态页面的核心思路是将数据内容和展示逻辑分离，XML文件存储需要展示的结构化数据，XSL文件定义数据转换为HTML的规则，通过XSLT处理器完成两者的转换，最终输出用户可见的动态页面。
基础概念说明
XML是可扩展标记语言，主要用于存储和传输结构化数据，它的标签可以自定义，适合承载各类业务数据。XSL是可扩展样式表语言，包含XSLT、XPath等部分，其中XSLT负责将XML文档转换为其他格式的文档，比如HTML、纯文本等。XPath则用于在XML文档中定位特定的节点，方便提取需要的数据。
环境准备
这种方案不需要复杂的后端环境，只要支持XSLT处理的运行环境即可，现代浏览器都内置了基础的XSLT处理能力，也可以在服务端使用Java、PHP等语言的XSLT扩展完成处理。本文以浏览器端的实现为例，只需要准备两个文件即可：一个XML数据文件，一个XSL样式文件。
实现步骤
第一步：创建XML数据文件
XML文件用来存储需要展示的动态数据，比如文章列表、商品信息等，这里以文章列表为例，创建articles.xml文件：
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="articles.xsl"?>
<articles>
<article>
<id>1</id>
<title>XML基础入门教程</title>
<author>张三</author>
<publish_date>2024-05-10</publish_date>
<content>本文介绍XML的基本语法和常见应用场景</content>
</article>
<article>
<id>2</id>
<title>XSLT转换规则详解</title>
<author>李四</author>
<publish_date>2024-05-12</publish_date>
<content>详细讲解XSLT的模板匹配和数据提取方法</content>
</article>
</articles>
注意XML文件开头的<?xml-stylesheet?>指令用来关联对应的XSL文件，浏览器加载XML时会自动读取这个指令找到对应的XSL文件执行转换。
第二步：创建XSL转换文件
XSL文件定义转换规则，指定XML中的数据如何映射到HTML标签中，创建articles.xsl文件：
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<!-- 输出格式为HTML -->
<xsl:output method="html" encoding="UTF-8"/>
<!-- 匹配根节点，生成页面整体结构 -->
<xsl:template match="/">
<html>
<head>
<title>文章列表页面</title>
<style>
.article-item { border: 1px solid #eee; padding: 15px; margin: 10px 0; }
.article-title { font-size: 18px; font-weight: bold; color: #333; }
.article-meta { color: #666; font-size: 14px; margin: 5px 0; }
.article-content { color: #444; line-height: 1.6; }
</style>
</head>
<body>
<h1>最新文章列表</h1>
<xsl:apply-templates select="articles/article"/>
</body>
</html>
</xsl:template>
<!-- 匹配article节点，生成单个文章的HTML结构 -->
<xsl:template match="article">
<div class="article-item">
<div class="article-title">
<xsl:value-of select="title"/>
</div>
<div class="article-meta">
作者：<xsl:value-of select="author"/> | 发布时间：<xsl:value-of select="publish_date"/>
</div>
<div class="article-content">
<xsl:value-of select="content"/>
</div>
</div>
</xsl:template>
</xsl:stylesheet>
这里的<xsl:template>标签定义转换模板，match属性指定匹配的XML节点，<xsl:value-of>用来提取对应节点的文本内容，<xsl:apply-templates>用来应用其他模板处理子节点。
第三步：运行查看效果
将articles.xml和articles.xsl放在同一个目录下，用浏览器直接打开articles.xml文件，浏览器会自动加载关联的XSL文件完成转换，最终展示出样式化的文章列表页面，当XML中的数据更新时，页面内容也会同步更新，实现动态页面的效果。
服务端实现方案
如果需要在服务端完成转换，以PHP为例，可以使用内置的XSLT处理器实现：
<?php
// 创建XSLT处理器实例
$xslt = new XSLTProcessor();
// 加载XSL文件
$xsl = new DOMDocument();
$xsl->load('articles.xsl');
// 导入XSL样式
$xslt->importStylesheet($xsl);
// 加载XML数据文件
$xml = new DOMDocument();
$xml->load('articles.xml');
// 执行转换并输出结果
echo $xslt->transformToXml($xml);
?>
这种服务端处理方式可以避免浏览器兼容性问题，也可以动态生成XML数据，比如从数据库中读取数据生成XML，再结合XSL转换输出页面，灵活性更高。
优缺点分析
使用XML和XSL生成动态页面的优点很明显，数据和表现完全分离，修改页面样式只需要调整XSL文件，不需要修改数据文件，适合多终端展示的场景，同一份XML数据可以搭配不同的XSL文件生成适配PC、移动端的页面。缺点是需要掌握XSLT的语法，学习成本比普通模板引擎稍高，而且复杂页面的XSL规则编写会比较繁琐。
常见问题说明
- XML和XSL文件的编码必须一致，否则会出现乱码问题，建议统一使用UTF-8编码。
- 浏览器端实现时，部分旧版本浏览器可能不支持XSLT处理，需要做兼容处理。
- XSL文件中的命名空间
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"必须正确声明，否则转换会失败。