1. 什么是XSLT
大家可能听说过XSL(eXtensible Stylesheet Language),XSL和我们这里说的XSLT从狭义上理解是一样的,而按照W3C的标准,XSLT的说法更严格些,因此我们在文章中统一使用 XSLT的称法。XSLT的英文标准名称为eXtensible Stylesheet Language Transformation。根据W3C的规范说明书(/TR/xslt),最早设计XSLT的用意是帮助XML文档(document)转换为其它文档。但是随着发展,XSLT已不仅仅用于将XML转换为HTML或其它文本格式,更全面的定义应该是: XSLT是一种用来转换XML文档结构的语言。
2. 为什么要用XSLT
(1).将数据和表达形式分离。就象天气预报的信息可以显示在不同的设备上,电视,手机或者其它。
(2).在不同的应用之间传输数据。电子商务数据交换的与日俱增使得这种需求越来越紧迫。
为了使数据便于人们的阅读理解,我们需要将信息显示出来或者打印出来,例如将数据变成一个HTML文件,一个PDF文件,甚至是一段声音;同样,为了使数据适合不同的应用程序,我们必须有能够将一种数据格式转换为另一种数据格式,比如需求格式可能是一个文本文件,一个SQL语句,一个HTTP信息,一定顺序的数据调用等。而XSLT就是我们用来实现这种转换功能的语言。将XML转换为HTML,是目前XSLT最主要的功能
前言
大家好,从今天起我们将一起来学习XML家族的另一种语言XSLT,XSLT类似HTML中的CSS,不过比CSS功能要强大的多。学习 XSLT的前提是你对XML已有一些了解,如果你没有学习过XML,能先点这里(http: //hnic/columns/xml_1.shtml)看我先前写的一篇文章《XML轻松入门手册》。XSLT能说更偏向是一种程式语言,但他没有常见程式语言复杂,甚至比js等脚本语言还简单,所以不必担心学习困难。阿捷将依然站在普通设计师的角度,用平实易懂的语言,由浅入深的介绍XSLT。好了,让我们一起来探索X
大家好,从今天起我们将一起来学习XML家族的另一种语言XSLT,XSLT类似HTML中的CSS,不过比CSS功能要强大的多。学习 XSLT的前提是你对XML已有一些了解,如果你没有学习过XML,能先点这里(http: //hnic/columns/xml_1.shtml)看我先前写的一篇文章《XML轻松入门手册》。XSLT能说更偏向是一种程式语言,但他没有常见程式语言复杂,甚至比js等脚本语言还简单,所以不必担心学习困难。阿捷将依然站在普通设计师的角度,用平实易懂的语言,由浅入深的介绍XSLT。好了,让我们一起来探索X
SLT的秘密吧!
声明:因为XSLT的标准在不断发展,语法也在不断扩充,我们下面所学习的知识是以1999年11月16日发布的XSLT 1.0为基准的,所以可能是不完整的,最新的资料请到W3C网站(/TR/xslt)。
提纲
本文共分五大章:XSLT概念,XSLT的实例,XSLT的元素语法,XPath的语法,XSLT的资源。
1.XSLT的概念
1.1 什么是XSLT
声明:因为XSLT的标准在不断发展,语法也在不断扩充,我们下面所学习的知识是以1999年11月16日发布的XSLT 1.0为基准的,所以可能是不完整的,最新的资料请到W3C网站(/TR/xslt)。
提纲
本文共分五大章:XSLT概念,XSLT的实例,XSLT的元素语法,XPath的语法,XSLT的资源。
1.XSLT的概念
1.1 什么是XSLT
1.2 为什么要用XSLT
1.3 XSLT的历史
1.4 什么是XPath
1.5 XSLT和CSS的比较
1.6 XSLT和IE5
1.XSLT的概念
我们首先来澄清一个概念,大家可能听说过XSL(eXtensible Stylesheet Language),XSL和我们这里说的XSLT从狭义上理解是相同的,而按照W3C的标准,XSLT的说法更严格些,因此我们在文章中统一使用 XSLT的称法。他们之间具体的关系我们会在下面讲述。
1.3 XSLT的历史
1.4 什么是XPath
1.5 XSLT和CSS的比较
1.6 XSLT和IE5
1.XSLT的概念
我们首先来澄清一个概念,大家可能听说过XSL(eXtensible Stylesheet Language),XSL和我们这里说的XSLT从狭义上理解是相同的,而按照W3C的标准,XSLT的说法更严格些,因此我们在文章中统一使用 XSLT的称法。他们之间具体的关系我们会在下面讲述。
1.1 什么是XSLT
XSLT的英文标准名称为eXtensible Stylesheet Language Transformation。根据W3C的规范说明书(/TR/xslt),最早设计XSLT的用意是帮助XML文件(document)转换为其他文件。不过随着发展,XSLT已不仅仅用于将XML转换为HTML或其他文本格式,更全方面的定义应该是:
XSLT是一种用来转换XML文件结构的语言。
1.2 为什么要用XSLT
我们已知道,XML是一种计算机程式间交换原始数据的简单而标准的方法。他的成功并不在于他容易被人们书写和阅读,更重要的是,他从根本上解决了应用系统间的信息交换。因为XML满足了两个基本的需求:
(1).将数据和表达形式分离。就象天气预告的信息能显示在不同的设备上,电视,手机或其他。
(2).在不同的应用之间传输数据。电子商务数据交换的和日俱增使得这种需求越来越紧迫。
为了使数据便于人们的阅读理解,我们需要将信息显示出来或打印出来,例如将数据变成一个HTML文件,一个PDF文件,甚至是一段声音;同样,为了使数据适合不同的应用程式,我们必须有能够将一种数据格式转换为另一种数据格式,比如需求格式可能是个文本文件,一个SQL语句,一个HTTP 信息,一定顺序的数据调用等。而XSLT就是我们用来实现这种转换功能的语言。将XML转换为HTML,是目前XSLT最主要的功能。
1.3 XSLT的历史
想非常多其他XML家族成员相同,XSLT是由W3C起草和制定的。他的主要发展历程如下:
.1995年由James Clark提议;
.1997年8月正式提案为XSL;
.1998年5月由Norman Walsh完成需求概要;
.1998年8月18日XSL草案发布;
.1999年11月16日正式发布XSL 1.0推荐版本。
目前,XSLT仍然在快速的发展中,XSLT1.1的草案已能在W3C网站(/TR/xslt11)上看到。
.1995年由James Clark提议;
.1997年8月正式提案为XSL;
.1998年5月由Norman Walsh完成需求概要;
.1998年8月18日XSL草案发布;
.1999年11月16日正式发布XSL 1.0推荐版本。
目前,XSLT仍然在快速的发展中,XSLT1.1的草案已能在W3C网站(/TR/xslt11)上看到。
1.4 什么是XPath
XPath是XSLT的重要组成部分,我们将在第四章讲解他的周详语法。那么XPath是什么呢?我们首先来了解一下XSL系列的"家族"关系。如下图:
XSL在转换XML文件时分为明显的两个过程,第一转换文件结构;其次将文件格式化输出。这两步能分离开来并独立处理,因此XSL在发展过程中逐渐分裂为XSLT(结构转换)和XSL-FO(formatting objects)(格式化输出)两种分支语言,其中XSL-FO的作用就类似CSS在HTML中的作用。而我们这里重点讨论的是第一步的转换过程,也就是 XSLT。
另外,在学习XML时我们已知道XML是个完整的树结构文件。在转换XML文件时可能需要处理其中的一部分(节点)数据,那么怎么查和定位XML文件中的信息呢,XPath就是一种专门用来在XML文件中查信息的语言。XPath隶属XSLT,因此我们通常会将XSLT语法和 XPath语法混在一起说。
用一种比较好理解的解释:如果将XML文件看作一个数据库,XPath就是SQL查询语言;如果将XML文件看成DOS目录结构,XPath就是cd,dir等目录操作命令的集合。
1.5 XSLT和CSS的比较
CSS同样能格式化XML文件,那么有了CSS为什么还需要XSLT呢?因为CSS虽然能够非常好的控制输出的样式,比如彩,字体,大小等,不过他有严重的局限性,就是:
(1) CSS不能重新排序文件中的元素;
(2) CSS不能判断和控制哪个元素被显示,哪个不被显示;
xml文件怎么打开 (3) CSS不能统计计算元素中的数据;
换句话说,CSS只适合用于输出比较固定的最终文件。CSS的好处是简洁,消耗系统资源少;而XSLT虽然功能强大,但因为要重新索引XML结构树,所以消耗内存比较多。
因此,我们常常将他们结合起来使用,比如在服务器端用XSLT处理文件,在客户端用CSS来控制显示。能减少响应时间。
1.6 XSLT和IE5
在XSLT草案发布不久,微软就在IE4中提供了支持XSL功能的预览版本,到IE5.0发布时,正式全方面支持XSLT,可是由于IE5发布的比XSLT1.0标准时间早,因此在IE5.0中支持的XSTL功能和XSLT 1.0略有不同。(呵呵~~XML推行的主要原因之一就是解决HTML过分依赖浏览器的问题,目前微软又想标新立异?)。好在微软的IE5.5中执行的标准已和W3C的XSLT1.0基本相近。但令人头疼的是IE5.0已发行了几百万套,你使用的XSLT非常可能不能被客户的浏览器正确执行。目前 XSLT 1.1仍在发展中,W3C及有关组织也在和微软协商争取获得统一。呵呵~~故事还远远没有结束噢。
因此,我们常常将他们结合起来使用,比如在服务器端用XSLT处理文件,在客户端用CSS来控制显示。能减少响应时间。
1.6 XSLT和IE5
在XSLT草案发布不久,微软就在IE4中提供了支持XSL功能的预览版本,到IE5.0发布时,正式全方面支持XSLT,可是由于IE5发布的比XSLT1.0标准时间早,因此在IE5.0中支持的XSTL功能和XSLT 1.0略有不同。(呵呵~~XML推行的主要原因之一就是解决HTML过分依赖浏览器的问题,目前微软又想标新立异?)。好在微软的IE5.5中执行的标准已和W3C的XSLT1.0基本相近。但令人头疼的是IE5.0已发行了几百万套,你使用的XSLT非常可能不能被客户的浏览器正确执行。目前 XSLT 1.1仍在发展中,W3C及有关组织也在和微软协商争取获得统一。呵呵~~故事还远远没有结束噢。
注意:本文中提到的语法都是根据XSLT 1.0的标准来讲的,没有所有微软的"方言"。
第二章
2.XSLT的实例
2.1 XSLT怎么转换XML
2.2 一个实例
2.3 过程解析
2.4 XSLT的用途
2.1 XSLT怎么转换XML
2.1 XSLT怎么转换XML
2.2 一个实例
2.3 过程解析
2.4 XSLT的用途
2.1 XSLT怎么转换XML
我们打个有趣的比方,你玩过橡皮泥吧,用不同的模子按上去,就能做出需要的形状。如果我们假设XML数据文件是一块大橡皮泥,XSLT就象是个模子,用力一按,就做出需要的形状来---符合不同需要的HTML文件。
具体看下面的过程示意图:
我们将XML原文件输入,用XSL作为模板,通过转换引擎,最终输出需要的HTML文件。其中的转换引擎就是比喻中"用力一按"的过程。在具体应用中,有专门的软件来实现这个转换过程,名为XML Processor。目前已有非常多 Processor 软件(下面将周详提到),在IE5.5中也已内嵌了XML Processor。
2.2 一个实例
目前我们来看一个简单的XSLT实际应用例子,获得一些感官上的认识。非常多网页设计
师看到类似HTML的代码才会放心,代码是那样的亲切和熟悉。
例子1: "Hello, world!"
hello world作为第一个教程已是程式语言中的惯例了。我们也遵守这个惯例,看看怎么利用XSLT来显示"hello world"。虽然这个例子没有什么实际用途,不过请大家不要急,后面更有更周详的例子。
第一步:建立要输入XML文件l。
<?xml version="1.0" encoding="iso-8859-1"?>
<greeting>Hello, world!</greeting>
这是个非常简单XML文件,只包含一个节点的XML结构树。
例子1: "Hello, world!"
hello world作为第一个教程已是程式语言中的惯例了。我们也遵守这个惯例,看看怎么利用XSLT来显示"hello world"。虽然这个例子没有什么实际用途,不过请大家不要急,后面更有更周详的例子。
第一步:建立要输入XML文件l。
<?xml version="1.0" encoding="iso-8859-1"?>
<greeting>Hello, world!</greeting>
这是个非常简单XML文件,只包含一个节点的XML结构树。
第二步:建立XSLT文件hello.xsl。提示:默认的XSLT文件的后缀名为.xsl。
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet xmlns:xsl="/TR/WD-xsl">
<xsl:template match="/">
<html>
<head>
<title>First XSLT example</title>
</head>
<body>
<p><xsl:value-of select="greeting"/></p>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
你目前能用IE5.0以上版本浏览器打开这个hello.xsl文件,看到XSL的结构树。
<body>
<p><xsl:value-of select="greeting"/></p>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
你目前能用IE5.0以上版本浏览器打开这个hello.xsl文件,看到XSL的结构树。
第三步:在XML中调用这个XSL文件。修改l的代码为:
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="hello.xsl"?>
<greeting>Hello, world!</greeting>
ok,到这一步原理上已完成了所有的代码,接下来只要用一个XSLT的处理器(XML Processor)来执行l就能看到"hello world"的显示结果了。流行的处理器软件有以下几种:
(1).James Clark的XT。下载网址:www.jclark/xml/xt.html
(2).IBM的XML for Java软件包,名为LotusXSL。下载网址:www.alphaworks.ibm/tech/xml4j
(3).Saxon。下载网址:www.wrox
(4).微软的MSXML3。下载网址:www.microsoft/xml
有网友要问,我想在浏览器中看到"hello world"的效果应该怎么做?在微软的IE5.5内嵌了MSXML3解释器,你能用IE5.5打开l文件,就能看到结果。如果只看到XML结构树,不是独立的"hello world"字样,说明你的浏览器没有安装MSXML3版本。
如果没有安装又想看效果怎么办?那还是用我们在XML教程中的老办法,采用JS实现。(这已超出了本文要讲的范围,但为了更加直观,便于理解,我们在这里提供实例代码。)下面是一种实现的代码,能保存为hello.htm,和上面的l,hello.xsl放在同一目录下面。最后用IE5.0以上版本打开hello.htm就能看到效果了。
(3).Saxon。下载网址:www.wrox
(4).微软的MSXML3。下载网址:www.microsoft/xml
有网友要问,我想在浏览器中看到"hello world"的效果应该怎么做?在微软的IE5.5内嵌了MSXML3解释器,你能用IE5.5打开l文件,就能看到结果。如果只看到XML结构树,不是独立的"hello world"字样,说明你的浏览器没有安装MSXML3版本。
如果没有安装又想看效果怎么办?那还是用我们在XML教程中的老办法,采用JS实现。(这已超出了本文要讲的范围,但为了更加直观,便于理解,我们在这里提供实例代码。)下面是一种实现的代码,能保存为hello.htm,和上面的l,hello.xsl放在同一目录下面。最后用IE5.0以上版本打开hello.htm就能看到效果了。
<html>
<head>
<script language="JavaScript" for="window" event="onload">
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("l");
nodes = xmlDoc.documentElement.childNodes;
greeting.innerText = nodes.item(0).text;
</script>
<title>First XSLT Example</title>
</head>
<body bgcolor="#FFFFFF">
<span id="greeting"></span>
</body>
</html>
</script>
<title>First XSLT Example</title>
</head>
<body bgcolor="#FFFFFF">
<span id="greeting"></span>
</body>
</html>
2.3 过程解析
如果你成功的看到效果,你也许想知道这些代码的具体含义,我们来周详解说:看hello.xsl文件
<?xml version="1.0" encoding="iso-8859-1"?>
这是标准的XML文件的首行代码,因为XSLT本身也是XML文件。encoding属性用来定义文件使用的编码形式,iso-8859-1主要支持西欧和北美的语言编码。如果你想使用简体中文,那么就应该写成:
<?xml version="1.0" encoding="GB2312"?>
接下去的代码是:
<xsl:stylesheet
xmlns:xsl="/1999/XSL/Transform"
version="1.0">
这是标准的XSLT文件首行代码。xsl:stylesheet代码的意思是将文件作为一个样式表来(stylesheet)处理。 xmlns:xsl属性是个名字空间声明,和XML中的名字空间使用方法相同,用来防止元素名称重复和混乱。其中前缀xsl的意思是文件中使用的元素遵守W3C的XSLT规范。最后的version属性说明样式表只采用XSLT 1.0的标准功能,这也是目前仅有的标准。
<xsl:template match="/">
一个<xsl:template>元素定义一个模板规则。属性match="/"说明XML源文件中,这个模板规则作用的起点。"/"是一种XPath语法,我们在后面将周详讲述,这里的"/"代表XML结构树的根(root)。
接下去的代码是:
<html>
<head>
<title>First XSLT Example</title>
</head>
<body>
接下去的代码是:
<html>
<head>
<title>First XSLT Example</title>
</head>
<body>
<p><xsl:value-of select="greeting"/></p>
</body>
</html>
说明:当模板规则被触发,模板的内容就会控制输出的结果。例子中,模板大部分内容由HTML元素和文本构成。只有<xsl:value -of>元素是XSLT语法,这里<xsl:value-of>的作用是拷贝原文件中的一个节点的值到输出文件。而select属性则周详指定要处理的节点名称。这是XPath语法,"greeting"的意思就是寻根节点名为greeting的元素,并用模板来处理这个节点。具体的就是到<greeting>元素,然后将元素的值"hello world"按模板样式拷贝到输出文件。
提示:由于XML文件是严格的层级结构(用IE5查看XML文件,会看见XML文件类似多级关
联菜单),所以我们形象的称XML文件为文件树,其中每一对元素称作树的一个节点。根元素就是根节点。
最后关闭所有元素:
</xsl:template>
</xsl:stylesheet>
好,例子解说完毕。你是否想过为什么要用这么复杂的方法来显示"hello world"呢?
关键不在表面,而在于实质:用这种方法,hello world能从XML文件中被提取出来,并用各种不同的XSLT模板处理,来输出不同需求的文件。我们来看看XSLT的主要用途:
2.4 XSLT的用途
最后关闭所有元素:
</xsl:template>
</xsl:stylesheet>
好,例子解说完毕。你是否想过为什么要用这么复杂的方法来显示"hello world"呢?
关键不在表面,而在于实质:用这种方法,hello world能从XML文件中被提取出来,并用各种不同的XSLT模板处理,来输出不同需求的文件。我们来看看XSLT的主要用途:
2.4 XSLT的用途
XSLT的主要用途就是数据转换应用。
由于以XML为基础的电子商务广泛普及,XSLT作为数据转换的角也越来越重要。例如直接将电视新闻的数据格式转换成报纸新闻需要的数据格式;将股票数据直接转换成图片显示在网页上;对EDI(电子数据交换)数据进行统计,排序等等。
XSLT是处理类似工作的最佳工具。
发布评论