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
我们已经知道,XML是一种电脑程序间交换原始数据的简单而标准的方法。它的成功并不在于它容易被人们书写和阅读,更重要的是,它从根本上解决了应用系统间的信息交换。因为XML满足了两个基本的需求:
(1).将数据和表达形式分离。就象天气预报的信息可以显示在不同的设备上,电视,手机或者其它。
(2).在不同的应用之间传输数据。电子商务数据交换的与日俱增使得这种需求越来越紧迫。
为了使数据便于人们的阅读理解,我们需要将信息显示出来或者打印出来,例如将数据变成一个HTML文件,一个PDF文件,甚至是一段声音;同样,为了使数据适合不同的应用程序,我们必须有能够将一种数据格式转换为另一种数据格式,比如需求格式可能是一个文本文件,一个SQL语句,一个HTTP信息,一定顺序的数据调用等。而XSLT就是我们用来实现这种转换功能的语言。将XML转换为HTML,是目前XSLT最主要的功能
前言

  大家好,从今天起我们将一起来学习XML家族的另一种语言XSLTXSLT类似HTML中的CSS,不过比CSS功能要强大的多。学习 XSLT的前提是你对XML已有一些了解,如果你没有学习过XML,能先点这里(http: //hnic/columns/xml_1.shtml)看我先前写的一篇文章《XML轻松入门手册》。XSLT能说更偏向是一种程式语言,但他没有常见程式语言复杂,甚至比js等脚本语言还简单,所以不必担心学习困难。阿捷将依然站在普通设计师的角度,用平实易懂的语言,由浅入深的介绍XSLT。好了,让我们一起来探索XSLT的秘
密吧!

  声明:因为XSLT的标准在不断发展,语法也在不断扩充,我们下面所学习的知识是以19991116日发布的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 XSLTCSS的比较

  1.6 XSLTIE5

  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提议;

  .19978月正式提案为XSL

  .19985月由Norman Walsh完成需求概要;

  .1998818XSL草案发布;

  .19991116日正式发布XSL 1.0推荐版本。

  目前,XSLT仍然在快速的发展中,XSLT1.1的草案已能在W3C网站(/TR/xslt11)上看到。

  1.4 什么是XPath


  XPathXSLT的重要组成部分,我们将在第四章讲解他的周详语法。那么XPath是什么呢?我们首先来了解一下XSL系列的"家族"关系。如下图:

  XSL在转换XML文件时分为明显的两个过程,第一转换文件结构;其次将文件格式化输出。这两步能分离开来并独立处理,因此XSL在发展过程中逐渐分裂为XSLT(结构转换)XSL-FO(formatting objects)(格式化输出)两种分支语言,其中XSL-FO的作用就类似CSSHTML中的作用。而我们这里重点讨论的是第一步的转换过程,也就是 XSLT

  另外,在学习XML时我们已知道XML是个完整的树结构文件。在转换XML文件时可能需要处理其中的一部分(节点)数据,那么怎么查和定位XML文件中的信息呢,XPath就是一种专门用来在XML文件中查信息的语言。XPath隶属XSLT,因此我们通常会将XSLT语法和 XPath语法混在一起说。

  用一种比较好理解的解释:如果将XML文件看作一个数据库,XPath就是SQL查询语言;如
果将XML文件看成DOS目录结构,XPath就是cd,dir等目录操作命令的集合。

  1.5 XSLTCSS的比较

  CSS同样能格式化XML文件,那么有了CSS为什么还需要XSLT呢?因为CSS虽然能够非常好的控制输出的样式,比如彩,字体,大小等,不过他有严重的局限性,就是:

  (1) CSS不能重新排序文件中的元素;

  (2) CSS不能判断和控制哪个元素被显示,哪个不被显示;

  (3) CSS不能统计计算元素中的数据;

  换句话说,CSS只适合用于输出比较固定的最终文件。CSS的好处是简洁,消耗系统资源少;而XSLT虽然功能强大,但因为要重新索引XML结构树,所以消耗内存比较多。


  因此,我们常常将他们结合起来使用,比如在服务器端用XSLT处理文件,在客户端用CSS来控制显示。能减少响应时间。

  1.6 XSLTIE5

  在XSLT草案发布不久,微软就在IE4中提供了支持XSL功能的预览版本,到IE5.0发布时,正式全方面支持XSLT,可是由于IE5发布的比XSLT1.0标准时间早,因此在IE5.0中支持的XSTL功能和XSLT 1.0略有不同。(呵呵~~XML推行的主要原因之一就是解决HTML过分依赖浏览器的问题,目前微软又想标新立异?)。好在微软的IE5.5中执行的标准已和W3CXSLT1.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

  我们打个有趣的比方,你玩过橡皮泥吧,用不同的模子按上去,就能做出需要的形状。如果我们假设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结构树。

  第二步:建立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的结构树。

  第三步:在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 ClarkXT。下载网址:www.jclark/xml/xt.html

  (2).IBMXML 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,和上面的lhello.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>

  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的意思是文件中使用的元素遵守W3CXSLT规范。最后的version属性说明样式表只采用XSLT 1.0的标准功能,这也是目前仅有的标准。

  <xsl:template match="/">

  一个<xsl:template>元素定义一个模板规则。属性match="/"说明XML源文件中,这个模板规则作用的起点。"/"是一种XPath语法,我们在后面将周详讲述,这里的"/"代表XML结构树的根(root)

  接下去的代码是:

  <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的用途

  XSLT的主要用途就是数据转换应用。

  由于以XML为基础的电子商务广泛普及,XSLThtml文件格式化作为数据转换的角也越来越重要。例如直
接将电视新闻的数据格式转换成报纸新闻需要的数据格式;将股票数据直接转换成图片显示在网页上;对EDI(电子数据交换)数据进行统计,排序等等。

  XSLT是处理类似工作的最佳工具。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。