XSL(eXtensible Stylesheet Language)是一种用于 XML 的样式语言。
XSL(T) 语言
XSLT 是一种用于转换 XM服务器托管L 文档的语言。
XPath 是一种用于在 XML 文档中导航的语言。
XQuery 是一种用于查询 XML 文档的语言。
它始于 XSL
XSL 代表 EXtensible Stylesheet Language
CSS = HTML 的样式表
HTML 使用预定义标签。每个标签的含义以及如何显示已经被充分理解。
CSS 用于向 HTML 元素添加样式。
XSL = XML 的样式表
XML 不使用预定义标签,因此每个标签的含义并不是很清楚。
一个
Title | Artist |
---|---|
什么是 XSLT
XSLT 代表 XSL Transformations
XSLT 是 XSL 中最重要的部分
XSLT 将 XML 文档转换为另一个 XML 文档
XSLT 使用 XPath 在 XML 文档中导航
XSLT = XSL 转换
XSLT 是 XSL 中最重要的部分。
XSLT 用于将 XML 文档转换为另一个 XML 文档,或者由浏览器识别的其他类型的文档,如 HTML 和 XHTML。通常,XSLT 通过将每个 XML 元素转换为(X)HTML 元素来实现此目的。
使用 XSLT,您可以向输出文件添加/删除元素和属性。您还可以重新排列和排序元素,执行测试并根据需要隐藏和显示元素,以及进行更多操作。
描述转换过程的一种常见方式是说,XSLT 将 XML 源树转换为 XML 结果树。
XSLT 使用 XPath
XSLT 使用 XPath 在 XML 文档中查找信息。XPath 用于在 XML 文档中导航元素和属性。
它是如何工作的
在转换过程中,XSLT 使用 XPath 定义应与一个或多个预定义模板匹配的源文档的部分。当找到匹配时,XSLT 将源文档的匹配部分转换为结果文档。
XSLT 浏览器支持
所有主要浏览器都支持 XSLT 和 XPath
正确的样式表声明
声明文档为 XSL 样式表的根元素是 或
。
注意: 和
完全是同义词,可以使用任一种
要访问 XSLT 元素、属性和特性,我们必须在文档顶部声明 XSLT 命名空间。
从原始 XML 文档开始
以下 XML 文档("cdcatalog.xml")转换为 XHTML:
Empire Burlesque
Bob Dylan
USA
Columbia
10.90
1985
.
.
在浏览器中查看 XML 文件:打开 XML 文件(单击下面的链接)- XML 文档将以带颜色的根和子元素显示。通常,元素左侧会有一个箭头或加号/减号符号,点击它可以展开或折叠元素结构。提示:要查看原始 XML 源代码,请右键单击 XML 文件,然后选择“查看页面源代码”!
创建 XSL 样式表
然后,您可以创建一个 XSL 样式表("cdcatalog.xsl"),其中包含一个转换模板
My CD Collection
Title
Artist
将 XSL 样式表链接到 XML 文档
将 XSL 样式表引用添加到您的 XML 文档("cdcatalog.xml")中:
Empire Burlesque
Bob Dylan
USA
Columbia
10.90
1985
.
.
如果您的浏览器支持 XSLT,它将会将您的 XML 优雅地转换为 XHTML
XSLT 元素
一个 XSL 样式表由一个或多个称为模板的规则集组成。
模板包含在匹配指定节点时应用的规则。
元素
元素用于构建模板。
match
属性用于将模板与 XML 元素关联起来。match
属性还可以用于为整个 XML 文档定义模板。match
属性的值是一个 XPath 表达式(即 match="/"
定义整个文档)
示例
My CD Collection
Title
Artist
.
.
示例解释
由于 XSL 样式表是一个 XML 文档,因此它始终以 XML 声明开头:。
接下来的元素 定义了此文档是一个 XSLT 样式表文档(连同版本号和 XSLT 命名空间属性)。
元素定义了一个模板。
match="/"
属性将模板与 XML 源文档的根关联起来。
元素内部的内容定义了要写入输出的一些 HTML。
最后两行定义了模板的结束和样式表的结束。
这个示例的结果有点令人失望,因为没有将任何数据从 XML 文档复制到输出中。在下一章中,您将学习如何使用 元素从 XML 元素中选择值。
XSLT 元素
元素用于提取所选节点的值。
元素
元素可用于提取 XML 元素的值,并将其添加到转换的输出流中:
示例
My CD Collection
Title
Artist
示例解释
注意:在上面的示例中,select
属性包含一个 XPath 表达式。XPath 表达式的工作方式类似于导航文件系统;斜杠 (/) 选择子目录。
上面示例的结果有点令人失望;只有一行数据从 XML 文档复制到输出中。在下一章中,您将学习如何使用 元素循环遍历 XML 元素,并显示所有记录。
XSLT 元素
元素允许您在 XSLT 中进行循环。
元素
XSL 元素可用于选择指定节点集的每个 XML 元素:
示例
My CD Collection
Title
Artist
注意:select
属性的值是一个 XPath 表达式。XPath 表达式的工作方式类似于导航文件系统;斜杠 (/) 选择子目录。
筛选输出
我们还可以通过向 元素的
select
属性添加条件来对 XML 文件中的输出进行筛选。
合法的筛选操作符有:
-
=
(等于) -
!=
(不等于) -
(小于)
-
>
(大于)
看看调整后的 XSL 样式表:
示例
My CD Collection
Title
Artist
XSLT
元素
元素用于对输出进行排序。
排序信息放在哪里
要对输出进行排序,只需在 XSL 文件的 元素内部添加一个
元素:
示例
My CD Collection
Title
Artist
注意:select
属性指示要排序的 XML 元素。
XSLT 元素
元素用于根据 XML 文件的内容进行条件测试。
元素
要对 XML 文件的内容进行条件 if 测试,请将 元素添加到 XSL 文档中。
语法
... 如果表达式为真,则输出一些内容...
将 元素放在哪里
要添加条件测试,请在 XSL 文件中的 元素内部添加
元素:
示例
My CD Collection
Title
Artist
Price
注意:所需 test
属性的值包含要评估的表达式。
上面的代码只会输出价格高于 10 的 CD 的标题和艺术家元素。
XSLT
元素
元素与
和
结合使用,用于表达多个条件测试。
元素
语法
... 一些输出 ...
... 一些输出 ....
选择条件的放置位置
要对 XML 文件进行多个条件测试,请将 、
和
元素添加到 XSL 文件中:
示例
My CD Collection
Title
Artist
上述代码将在 CD 的价格高于 10 时,为“Artist”列添加粉色背景颜色。
另一个示例
以下是包含两个 元素的另一个示例:
示例
My CD Collection
Title
Artist
上述代码将在 CD 的价格高于 10 时为“Artist”列添加粉色背景颜色,并在 CD 的价格高于 9 且低于或等于 10 时为其添加灰色背景颜色。
XSLT 元素
元素将一个模板规则应用于当前元素或当前元素的子节点。
元素将一个模板应用于当前元素或当前元素的子节点。
如果我们给 元素添加一个 "select" 属性,它将仅处理与属性值匹配的子元素。我们可以使用 "select" 属性来指定子节点的处理顺序。
请看下面的 XSL 样式表:
示例
My CD Collection
Title:
Artist:
XSLT - 在客户端
XSLT 可以用于在您的浏览器中将文档转换为 XHTML。通过向 XML 文件添加 XSL 样式表并让浏览器执行转换来实现这一点。即使这种方法运行良好,但并不总是希望在 XML 文件中包含样式表引用(例如,在非 XSLT 感知的浏览器中无法工作)。
一个更加灵活的解决方案是使用 JavaScript 来进行转换。
通过使用 JavaScript,我们可以:
- 进行浏览器特定的测试
- 根据浏览器和用户需求使用不同的样式表
这就是 XSLT 的美妙之处!XSLT 的一个设计目标是使其能够将数据从一种格式转换为另一种格式,支持不同的浏览器和不同的用户需求。
XML 文件和 XSL 文件
查看您在前几章中看到的 XML 文档:
Empire Burlesque
Bob Dylan
USA
Columbia
10.90
1985
.
.
查看 XML 文件
My CD Collection
Title
Artist
在浏览器中将 XML 转换为 XHTML
以下是在客户端将 XML 文件转换为 XHTML 所需的源代码:
示例
function loadXMLDoc(filename)
{
if (window.ActiveXObject)
{
xhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
else
{
xhttp = new XMLHttpRequest();
}
xhttp.open("GET", filename, false);
try {xhttp.responseType = "msxml-document"} catch(err) {}
xhttp.send("");
return xhttp.responseXML;
}
function displayResult()
{
xml = loadXMLDoc("cdcatalog.xml");
xsl = loadXMLDoc("cdcatalog.xsl");
// IE 浏览器的代码
if (window.ActiveXObject || xhttp.responseType == "msxml-document")
{
ex = xml.transformNode(xsl);
document.getElementById("example").innerHTML = ex;
}
// Chrome、Firefox、Opera 等其他浏览器的代码
else if (document.implementation && document.implementation.createDocument)
{
xsltProcessor = new XSLTProcessor();
xsltProcessor.importStylesheet(xsl);
resultDocument = xsltProcessor.transformToFragment(xml, document);
document.getElementById("example").appendChild(resultDocument);
}
}
示例解释
loadXMLDoc()
函数执行以下操作:
- 创建一个 XMLHttpRequest 对象
- 使用 XMLHttpRequest 对象的 open() 和 send() 方法向服务器发送请求
- 获取响应数据作为 XML 数据
displayResult()
函数用于显示由 XSL 文件样式化的 XML 文件:
- 加载 XML 和 XSL 文件
- 测试用户使用的浏览器类型
- 如果是 Internet Explorer:
- 使用 transformNode() 方法将 XSL 样式表应用于 xml 文档
- 将当前文档的 body(id="example")设置为包含样式化的 xml 文档
- 如果是其他浏览器:
- 创建一个新的 XSLTProcessor 对象并将 XSL 文件导入其中
- 使用 transformToFragment() 方法将 XSL 样式表应用于 xml 文档
- 将当前文档的 body(id="example")设置为包含样式化的 xml 文档
XSLT - 在服务器端
为了使 XML 数据对所有类型的浏览器都可用,我们可以在服务器上转换 XML 文档,并将其作为 XHTML 发送回浏览器。
一个跨浏览器解决方案
在前一章中,我们解释了如何使用 XSLT 在浏览器中将文档从 XML 转换为 XHTML。我们使用了 JavaScript 和 XML 解析器进行转换。但是,在没有 XML 解析器的浏览器中,这种方法将无法工作。
为了使 XML 数据对所有类型的浏览器都可用,我们可以在服务器上转换 XML 文档,并作为 XHTML 发送回浏览器。
这是 XSLT 的另一个美妙之处。XSLT 的一个设计目标是使其能够在服务器上将数据从一种格式转换为另一种格式,向所有类型的浏览器返回可读数据。
XML 文件和 XSLT 文件
查看您在前几章中看到的 XML 文档:
Empire Burlesque
Bob Dylan
USA
Columbia
10.90
1985
.
.
查看 XML 文件
My CD Collection
Title
Artist
以下是在服务器上将 XML 文件转换为 XHTML 所需的 PHP 源代码
load('cdcatalog.xml');
// 加载 XSL 文件
$xsl = new DOMDocument;
$xsl->load('cdcatalog.xsl');
// 配置转换器
$proc = new XSLTProcessor;
// 附加 xsl 规则
$proc->importStyleSheet($xsl);
echo $proc->transformToXML($xml);
?>
以下是在服务器上将 XML 文件转换为 XHTML 所需的 ASP 源代码
XSLT - 编辑 XML
存储在 XML 文件中的数据可以从 Internet 浏览器中进行编辑。
打开、编辑和保存 XML
现在,我们将展示如何打开、编辑和保存存储在服务器上的 XML 文件。
我们将使用 XSL 来将 XML 文档转换为 HTML 表单。 XML 元素的值将写入 HTML 表单中的 HTML 输入字段中。 HTML 表单是可编辑的。 编辑数据后,数据将被提交回服务器,XML 文件将被更新(我们将显示 PHP 和 ASP 的代码)。
XML 文件和 XSL 文件
首先,看一下 XML 文档("tool.xml"):
HAMMER HG2606
32456240
$30.00
然后,看一下以下样式表("tool.xsl")
工具信息(编辑):
上面的 XSL 文件循环遍历 XML 文件中的元素,并为每个 XML "field" 元素创建一个输入字段。 XML "field" 元素的 "id" 属性的值被添加到每个 HTML 输入字段的 "id" 和 "name" 属性中。 每个 XML "value" 元素的值被添加到每个 HTML 输入字段的 "value" 属性中。 结果是一个可编辑的 HTML 表单,其中包含来自 XML 文件的值。
然后,我们有第二个样式表:"tool_updated.xsl"。 这是将用于显示更新的 XML 数据的 XSL 文件。 这个样式表不服务器托管会导致可编辑的 HTML 表单,而是静态的 HTML 表:
更新的工具信息:
在上面的 "tool.xsl" 文件中,将 HTML 表单的 action 属性更改为 "edittool.php"。
"edittool.php" 页面包含两个函数:loadFile() 函数加载和转换 XML 文件以供显示,updateFile() 函数将更改应用于 XML 文件:
load($xml);
$xslDoc = new DOMDocument();
$xslDoc->load($xsl);
$proc = new XSLTProcessor();
$proc->importStyleSheet($xslDoc);
echo $proc->transformToXML($xmlDoc);
}
function updateFile($xml)
{
$xmlLoad = simplexml_load_file($xml);
$postKeys = array_keys($_POST);
foreach($xmlLoad->children() as $x)
{
foreach($_POST as $key=>$value)
{
if($key == $x->attributes())
{
$x->value = $value;
}
}
}
$xmlLoad->asXML($xml);
loadFile($xml,"tool_updated.xsl");
}
if($_POST["btn_sub"] == "")
{
loadFile("tool.xml", "tool.xsl");
}
else
{
updateFile("tool.xml");
}
?>
注意: 我们正在服务器上进行转换并将更改应用于 XML 文件。 这是一个跨浏览器解决方案。 客户端将只从服务器收到 HTML - 这将在任何浏览器中工作。
ASP 文件
在上面的 "tool.xsl" 文件中,HTML 表单的 action 属性的值为 "edittool.asp"。
"edittool.asp" 页面包含两个函数:loadFile() 函数加载和转换 XML 文件以供显示,updateFile() 函数将更改应用于 XML 文件:
最后
为了方便其他设备和平台的小伙伴观看往期文章:
微信公众号搜索:Let us Coding
,关注后即可获取最新文章推送
看完如果觉得有帮助,欢迎点赞、收藏、关注
2024-04-09 20:58
小万哥丶
阅读(25)
评论(1)
编辑
收藏
举报
var cb_entryId = 18124805, cb_entryCreatedDate = '2024-04-09 20:58', cb_postType = 1, cb_postTitle = '学习 XSLT:XML文档转换的关键';
var allowComments = true, cb_blogId = 783012, cb_blogApp = 'xiaowange', cb_blogUserGuid = '4efcde26-0d53-4f72-fc57-08dafffebe0f';
mermaidRender.render()
markdown_highlight()
zoomManager.apply("#cnblogs_post_body img:not(.code_img_closed):not(.code_img_opened)");
loadBlogDefaultCalendar();
loadBlogSideColumn();
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-M95P3TTWJZ');
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
var commentManager = new blogCommentManager();
commentManager.renderComments(0);
fixPostBody();
window.footnoteTipManager.generateFootnoteTips();
setTimeout(function() { countViews(cb_blogId, cb_entryId); }, 50);
deliverT2();
deliverC1C2();
loadNewsAndKb();
LoadPostCategoriesTags(cb_blogId, cb_entryId);
LoadPostInfoBlock(cb_blogId, cb_entryId, cb_blogApp, cb_blogUserGuid);
GetPrevNextPost(cb_entryId, cb_blogId, cb_entryCreatedDate, cb_postType);
loadOptUnderPost();
GetHistoryToday(cb_blogId, cb_blogApp, cb_entryCreatedDate);