XSL、XSLTXSL它起始于 XSL,结束于 XSLT、XPath 以及 XSL-FO。
XSL - 不仅仅是样式表语言,包括三部分:
1 XSLT一种用于转换 XML 文档的语言。
2 XPath一种用于在 XML 文档中导航的语言。
3 XSL-FO一种用于格式化 XML 文档的语言。
XSLT 是一种用于将 XML 文档转换为 XHTML 文档或其他 XML 文档的语言。
什么是 XSLT?
· XSLT 指 XSL 转换(XSL Transformations)。
· XSLT 是 XSL 中最重要的部分。
· XSLT 可将一种 XML 文档转换为另外一种 XML 文档。
· XSLT 使用 XPath 在 XML 文档中进行导航。
· XPath 是一个 W3C 标准。
一使用 XSLT 将某个 XML 文档转换为 XHTML
我们是通过以下途径完成这个工作的:向 XML 文件添加 XSL 样式表,并通过浏览器完成转换。
创建 XSL 样式表cdcatalog.xsl:
<?xml version="1.0" encoding="ISO-8859-1"?> /*XSL本身也是XML文档,所以用此行*/
/*下面把文档声明为 XSL 样式表的根元素。<xsl:stylesheet> 和 <xsl:transform> 是相同的*/
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
/*match属性用于关联 XML 元素和模板。match 属性也可用来为整个文档定义模板。match 属性的
值是 XPath 表达式(举例,match="/" 定义整个文档)*/
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th align="left">Title</th>
<th align="left">Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<xsl:if test="price > 10"> /*条件判断:price大于10*/
<xsl:sort select="artist"/> /*按artist进行排序*/
<tr>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="artist"/></td>
</tr>
</xsl:if>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
通过在 <xsl:for-each> 元素中添加一个选择属性的判别式,我们也可以过滤从 XML 文件输出的结果,如:< xsl:for-each select="catalog/cd[artist='Bob Dylan']">
cdcatalog2.xsl:
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title"/></td>
<xsl:choose>
<xsl:when test="price > 10">
<td bgcolor="#ff00ff">
<xsl:value-of select="artist"/></td>
</xsl:when>
<xsl:when test="price > 9">
<td bgcolor="#cccccc">
<xsl:value-of select="artist"/></td>
</xsl:when>
<xsl:otherwise>
<td><xsl:value-of select="artist"/></td>
</xsl:otherwise>
</xsl:choose>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
上面的代码会在 CD 的价格高于 10 时向 "Artist" 列添加粉色的背景颜色,并在 CD 的价格高于 9 且低于等于 10 时向 "Artist" 列添加灰色的背景颜色。
把 XSL 样式表链接到 XML 文档:
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
</catalog>
如果您使用的浏览器兼容 XSLT,它会很顺利地把您的 XML 转换为 XHTML。
二JavaScript 解决方案(客户端)
通过使用 JavaScript,我们可以:
· 进行浏览器确认测试
· 根据浏览器和使用者的需求来使用不同的样式表
这就是 XSLT 的魅力所在!XSLT 的设计目的之一就是使一种格式到另一种格式的转换成为可能,同时支持不同类型的浏览器以及不同的用户需求。
XML 文档:
<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
</catalog>
请注意,这个 XML 文件没有包含对 XSL 文件的引用。这意味着,XML 文件可使用多个不同的 XSL 样式表来进行转换。
XSL 样式表:
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th align="left">Title</th>
<th align="left">Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title" /></td>
<td><xsl:value-of select="artist" /></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
在浏览器中把 XML 转换为 XHTML:
这是用于在客户端把 XML 文件转换为 XHTML 的源代码:
<html>
<body>
<script type="text/javascript">
var xml = new ActiveXObject("Microsoft.XMLDOM") // Load XML
xml.async = false
xml.load("cdcatalog.xml")
var xsl = new ActiveXObject("Microsoft.XMLDOM") // Load XSL
xsl.async = false
xsl.load("cdcatalog.xsl")
document.write(xml.transformNode(xsl)) // Transform
</script>
</body>
</html>
三跨浏览器解决方案(服务器端)
由于并非所有的浏览器都支持 XSLT,另一种解决方案是在服务器上完成 XML 至 XHTML 的转化。
为了让XML 数据适用于任何类型的浏览器,我们必须在服务器上对 XML 文档进行转换,然后将其作为 XHMTL 发送到浏览器。这是 XSLT 的另一个优点。XSLT 的设计目标之一是使数据在服务器上从一种格式转换到另一种格式成为可能,并向所有类型的浏览器返回可读的数据。
XML文件和XSL文件和上面的相同。
在服务器把 XML 转换为 XHTML(ASP):
<%
'Load XML
set xml = Server.CreateObject("Microsoft.XMLDOM")
xml.async = false
xml.load(Server.MapPath("cdcatalog.xml"))
'Load XSL
set xsl = Server.CreateObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load(Server.MapPath("cdcatalog.xsl"))
'Transform file
Response.Write(xml.transformNode(xsl))
%>
第一段代码创建了微软的 XML 解析器的一个实例,然后把 XML 文件载入了内存。第二段代码创建了解析器的另一个实例,然后把这个 XSL 文件载入了内存。最后一行代码使用 XSL 文档转换了 XML 文档,并把结果作为 XHTML 发送到您的浏览器。任务完成!
四 XSLT - 编辑 XML
我们将使用 XSL 把 XML 文档转换到一个 HTML 表单中。XML 元素的值会被写到 HTML 表单中的 HTML 输入域。此表单是可编辑的。在被编辑完成后,数据会被提交回服务器,XML 文件会得到更新(这部分由 ASP 完成)
XML 文档 ("tool.xml"):
<?xml version="1.0" encoding="ISO-8859-1"?>
<tool>
<field id="prodName">
<value>HAMMER HG2606</value>
</field>
<field id="prodNo">
<value>32456240</value>
</field>
<field id="price">
<value>$30.00</value>
</field>
</tool>
样式表("tool.xsl"):
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<form method="post" action="edittool.asp">
<h2>Tool Information (edit):</h2>
<table border="0">
<xsl:for-each select="tool/field">
<tr>
<td>
<xsl:value-of select="@id"/>
</td>
<td>
<input type="text">
<xsl:attribute name="id">
<xsl:value-of select="@id" />
</xsl:attribute>
<xsl:attribute name="name">
<xsl:value-of select="@id" />
</xsl:attribute>
<xsl:attribute name="value">
<xsl:value-of select="value" />
</xsl:attribute>
</input>
</td>
</tr>
</xsl:for-each>
</table>
<br />
<input type="submit" id="btn_sub" name="btn_sub" value="Submit" />
<input type="reset" id="btn_res" name="btn_res" value="Reset" />
</form>
</body>
</html>
</xsl:template>
</xsl:stylesheet >
上面这个 XSL 文件会循环遍历 XML 文件中的元素,并为每个 XML "field" 元素创建一个输入域。field 元素的 id 属性的值被添加到每个 HTML 输入域的 id 和 name 属性。"value" 元素的值被添加到每个 HTML 输入域的 "value" 属性。结果是,可以得到一个包含 XML 文件中值的可编辑的 HTML 表单。
然后,我们还有第二个样式表:"tool_updated.xsl"。这个 XSL 文件会被用来显示已更新的 XML 数据。这个样式表不会输出可编辑 HTML 表单,而是一个静态的 HTML 表格:
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>Updated Tool Information:</h2>
<table border="1">
<xsl:for-each select="tool/field">
<tr>
<td><xsl:value-of select="@id" /></td>
<td><xsl:value-of select="value" /></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
ASP 文件:
在上面 "tool.xsl" 文件中, HTML 表单的 action 属性的值是 "edittool.asp" 。"edittool.asp" 页面包含两个函数:loadFile() 载入并转换 XML 文件,updateFile() 函数更新 XML 文件:
<%
function loadFile(xmlfile,xslfile)
Dim xmlDoc,xslDoc
'加载 XML 文件
set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
xmlDoc.async = false
xmlDoc.load(xmlfile)
'加载 XSL 文件
set xslDoc = Server.CreateObject("Microsoft.XMLDOM")
xslDoc.async = false
xslDoc.load(xslfile)
'转换文件
Response.Write(xmlDoc.transformNode(xslDoc))
end function
function updateFile(xmlfile)
Dim xmlDoc,rootEl,f
Dim i
'加载 XML 文件
set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
xmlDoc.async = false
xmlDoc.load(xmlfile)
'设置 rootEl 变量为根元素
Set rootEl = xmlDoc.documentElement
'循环遍历 form 集
for i = 1 To Request.Form.Count
'除去表单中的按钮元素
if instr(1,Request.Form.Key(i),"btn_")=0 then
'selectSingleNode 方法可查询匹配某个查询的 XML 文件中的某个单一节点。
'此查询会请求 value 元素,此 value 元素是 field 元素的子元素,
'而此 field 元素拥有可匹配表单集中当前 key 值的 id 属性。
'如果存在匹配,则设置 text 属性为表单集中当前域的值。
set f = rootEl.selectSingleNode("field[@id='" & _
Request.Form.Key(i) & "']/value")
f.Text = Request.Form(i)
end if
next
'保存已修改的 XML 文件
xmlDoc.save xmlfile
'释放所有的对象引用
set xmlDoc=nothing
set rootEl=nothing
set f=nothing
'通过一个样式表加载已修改的 XML 文件,这样客户端就可以看到所编辑的信息
loadFile xmlfile,server.MapPath("tool_updated.xsl")
end function
'如果表单已被提交,则更新XML文件并显示结果,如果没有被提交,则转换此 XML 文件以供编辑
if Request.Form("btn_sub")="" then
loadFile server.MapPath("tool.xml"),server.MapPath("tool.xsl")
else
updateFile server.MapPath("tool.xml")
end if
%>
XSL、XSLT
最新推荐文章于 2024-04-07 21:28:33 发布