zoukankan      html  css  js  c++  java
  • XSL 简 明 教 程(上)

    XSL 简 明 教 程(上)

     
    一 .XSL 入 门 章 节 导 航 

      1.XSL---XML 的样式表 

    HTML 网页使用预先确定的标识 (tags) ,这就是说所有的标记都有明确的含义,例如 <p> 是另起一行 <h1> 是标题字体。所有的浏览器都知道如何解析和显示 HTML 网页。 
    然而, XML 没有固定的标识 , 我们可以建立我们自己需要的标识,所以浏览 器不能 自动解析它们,例如 <table> 可以理解为表格,也可以理解为桌子。由于 XML 的可扩展性,使我们没有一个标准的办法来显示 XML 文档。 
    为了控制 XML 文档的显示,我们有必要建立一种机制, CSS 就是其中的一种,但是 XSL( eXtensible Stylesheet Language) 是显示 XML 文档的首选样式语言,它比 CSS 更适合于 XML 。 

    2.XSL --- 不仅仅是一种样式表 

    XSL 由两部分组成: 

    一是转化 XML 文档;二是格式化 XML 文档。 

    如果你不理解这个意思,可以这样想: XSL 是一种可以将 XML 转化成 HTML 的语言,一种可以过滤和选择 XML 数据的语言,一种能够格式化 XML 数据的语言。 ( 比如用红色显示负数。 ) 

    3.XSL --- 它能做什么? 

    XSL 可以被用来定义 XML 文档如何显示,可以将 XML 文档转换成能被浏览器识别的 HTML 文件,通常的, XSL 是通过将每一个 XML 元素 " 翻译 " 为 HTML 元素,来实现这种转换的。 

    XSL 能够向输出文件里添加新的元素,或则移动元素。 XSL 也能够重新排列或者索引数据,它可以检测并决定哪些元素 被显示 ,显示多少。 

    4.XSL 在 IE5 中的显示 

    注意: IE5.0 中,并不能完全兼容 W3C 组织发布的最新 XSL 标准。因为 IE5.0 是在 XSL 标准最终确定以前发布的。微软已经承诺在 IE5.5 中修正。 


     

    一 .XSL 入 门 

    二 .XSL的转换 

    三 .XSL--在客户端的实现

    四 .XSL --- 在服务器端的实现 


    五 . XSL 的索引 

    六 . XSL的过滤和查询

    七 . XSL 的控制语句
     
    二 .XSL的转换  章 节 导 航 
    1.将XML转换成HTML 

    XSL是如何将XML文档转换成HTML文件的呢?我们来看一个例子,下面是XML文档的一部分: 

    <?xml version="1.0" encoding="ISO8859-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> 

    ... 

    然后我们将下面的 XSL文件作为HTML的模板将XML数据转换为HTML文件: 

    <?xml version='1.0'?> 

    < xsl:stylesheet xmlns:xsl ="http://www.w3.org/TR/WD-xsl"> 

    < xsl:template match="/"> 

    <html> 

    <body> 

    <table border="2" bgcolor ="yellow"> 

    < tr > 

    < th >Title</ th > 

    < th >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 > 

    在上面的代码中, xsl:for -each元素的作用是定位XML文档中的哪些元素需要按以下模板显示。select属性用来定义源文件中的元素名。指定属性的这种语法又称为XML 
    Pattern(模式),类似文件子目录的表示形式。 xsl:value -of元素用来在当前层次中插入子元素的内容模板。 

    因为XSL样式表自身也是一个XML文档,因此,XSL文件的开头以一个XML声明开始。 xsl:stylesheet 元素用来声明这是一个样式表文件。< xsl:template 
    match="/">语句表示XML的源文档在当前目录下。 

    如果为XML文档加上XSL样式表,看下面代码第2行,你的浏览器就可以精确的将XML 文档转换为HTML文件。 

    <?xml version="1.0" encoding="ISO8859-1" ?> 

    <?xml- stylesheet type="text/ xsl " href =" cd_catalog.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> 


     

    一 .XSL 入 门 

    二 .XSL的转换 

    三 .XSL--在客户端的实现

    四 .XSL --- 在服务器端的实现 


    五 . XSL 的索引 

    六 . XSL的过滤和查询

    七 . XSL 的控制语句
     
    三 . XSL--在客户端的实现   
    1.JavaScript解决方案 

    在上面的章节中我们已经解释了XSL是如何将XML转换成HTML文件。方法就是在XML文档的头部加入一个XSL样式 表信息 ,然后让浏览 器执行 转换过程。 

    这种方法在大部分情况下都做得很好,但是在不支持XML的浏览器中就无法正确显示了。 

    一个更好的更全面的解决方案是使用 Javascript 来实现XML到HTML的转换。但是使用JavaScript必须得到以下功能支持: 

    a.允许 Javascript 代替浏览器进行细节检测; 

    b.根据不同的需要和不同的浏览器使用不同的样式表。 

    对于XSL来说这是完全可行的。设计XSL的目标之一就是允许将一种格式转换成另一种格式,支持不同的浏览器,支持不同的用户需求。未来的浏览器的重要任务就是在客户端执行XSL的转换工作。 

    2.一个具体的实例 

    下面是我们上面提到的一个XML文档( cd_catalog.xml )例子的部分代码: 

    <?xml version="1.0" encoding="ISO8859-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> 

    下面是完整的XSL文件( cd_catalog.xsl ): 

    <?xml version='1.0'?> 

    < xsl:stylesheet xmlns:xsl ="http://www.w3.org/TR/WD-xsl"> 

    < xsl:template match="/"> 

    <html> 

    <body> 

    <table border="2" bgcolor ="yellow"> 

    < tr > 

    < th >Title</ th > 

    < th >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文件还没有加入XSL样式表,还没有被转换成HTML文件。 

    下面是用 JavaSript 来实现最后转换的HTML代码: 

    < html > 

    <body> 

    <script language=" javascript "> 

    // Load XML 

    var xml = new ActiveXObject (" Microsoft.XMLDOM ") 

    xml.async = false 

    xml.load (" cd_catalog.xml ") 

    // Load the XSL 

    var xsl = new ActiveXObject ( " Microsoft.XMLDOM ") 

    xsl.async = false 

    xsl.load (" cd_catalog.xsl ") 

    // Transform 

    document.write ( xml.transformNode ( xsl )) 

    </script> 

    </body> 

    </html> 

    上面代码中使用了 Javascript ,如果你不知道如何写 JavaScript,您最好专门学习一下。 

    第一段代码建立一个Microsoft Parser(XMLDOM)解析的对象,并将XML文档读入内存;第二段代码建立另外一个对象并导入XSL文档;最后一行代码将XML文档用XSL文档转换,并将结果输出到HTML文件中。


     

     
     
    四 : XSL --- 在服务器端的实现   
    1.兼容所有的浏览器 

    在上面一章我们介绍了可以通过JavaScript调用浏览器的XML parser(解析软件)来转换XML文档。但是这个方案依然有个问题:如果浏览器没有XML 
    parser插件怎么办?(注:IE5内自带XML parser) 

    为了使我们的XML数据能被所有的浏览 器正确 显示,我们不得不在 服务器端将 XML转换成纯HTML代码,再输出给浏览器。 

    这也是使用XSL的另一个好处。在 服务器端将一种 格式转换为另一种格式也是XSL的设计目标之一。 

    同样,转换工作也将成为未来服务器段的主要工作。 

    2.一个具体实例 

    下面是我们上面提到的一个XML文档( cd_catalog.xml )例子的部分代码: 

    <?xml version="1.0" encoding="ISO8859-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> 

    下面是完整的 XSL文件( cd_catalog.xsl ): 

    <?xml version='1.0'?> 

    < xsl:stylesheet xmlns:xsl ="http://www.w3.org/TR/WD-xsl"> 

    < xsl:template match="/"> 

    <html> 

    <body> 

    <table border="2" bgcolor ="yellow"> 

    < tr > 

    < th >Title</ th > 

    < th >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文件为HTML文件的原代码: 

    <% 

    'Load the XML 

    set xml = Server.CreateObject ( " Microsoft.XMLDOM ") 

    xml.async = false 

    xml.load ( Server.MapPath (" cd_catalog.xml ")) 

    'Load the XSL 

    set xsl = Server.CreateObject ( " Microsoft.XMLDOM ") 

    xsl.async = false 

    xsl.load ( Server.MapPath (" cd_catalog.xsl ")) 

    Response.Write ( xml.transformNode ( xsl )) 

    %> 

    注意:我们这里的例子采用的是 ASP文件,用VBScript编写的。如果您不了解ASP或者VBScript,建议阅读有关书籍。(当然,也可以采用其他的语言编写服务器端程序) 

    第一段代码建立一个 Microsoft Parser(XMLDOM)解析的对象,并将XML文档读入内存;第二段代码建立另外一个对象并导入XSL文档;最后一行代码将XML文档用XSL文档转换,并将结果输出到HTML文件中。 

  • 相关阅读:
    项目总结
    css的div垂直居中的方法,百分比div垂直居中
    HTTP 协议
    web和网络基础
    设计模式--策略模式
    设计模式--单例模式
    mockjs的基本使用入门
    浏览器标签页切换时jquery动画的问题
    javascript中的vavigator对象
    编写可维护的JavaScript-随笔(七)
  • 原文地址:https://www.cnblogs.com/lengzhijun/p/4209994.html
Copyright © 2011-2022 走看看