练习 1.4:创建并编辑 XSL 样式表

在开始之前,必须完成练习 1.3:创建并编辑 XML 文件

样式表是可以用来将 XML 文档变换为其它文档类型并格式化输出的文件。在此练习中,将创建一个简单的 XSL 样式表来将 XML 文件数据排放到 HTML 的表中。

创建样式表

遵循下列步骤来创建新的空白样式表:

  1. 单击文件 > 新建 > 其它 > XML > XSL。单击下一步
  2. 选择 MyProject 目录。
  3. 文件名字段中,输入 CDTitle.xsl 并单击下一步
  4. 在“选择 XML 文件”页中,选择 CDTitle.xml 文件。这将使 CDTitle.xml 文件与 CDTitle.xsl 文件相关联。
  5. 单击完成

这就创建了 CDTitle.xsl 文件并且在 XSL 编辑器中自动打开它。

编辑样式表

XSL 编辑器提供了许多向导来帮助您在样式表中创建内容。

  1. 要创建 HTML 文档,将添加一个模板以生成 HTML 头信息以及定义文档的输出方法。
    1. 在 XSL 编辑器中,将光标定位在 CDTitle.xsl 文件中 <xsl:stylesheet> 元素后面的空白行上。
    2. 单击片段选项卡并打开 XSL 抽屉。
    3. 双击缺省 HTML 头这将创建一个将以 HTML 形式输出变换的 <xsl:output> 元素(即,将 CDTitle.xsl 应用于 CDTitle.xml 的结果)和一个模板(此模板将使用 <xsl:apply-templates>  规则生成 HTML 头来处理 CDTitle.xml 文件中的所有直系子代)。
  2. 接下来,将创建一个模板,此模板将生成一个 HTML 表:
    1. 将光标定位在上面“步骤 1”中生成的 </xsl:template> 元素后面的空白行上。
    2. XSL 抽屉中,双击 XSL 中的 HTML 表
    3. 选择第一个 CD 元素作为用于构建 HTML 表的上下文节点。
    4. 单击将表合并在模板中复选框。这指示您想将此表合并在新模板中。
    5. 单击包含头复选框以指示您想将头包含在此表中。
    6. 单击下一步并在单元格间距字段中输入 20。这将增大表中各单元格之间的间距,从而使表更美观。
    7. 单击完成这将创建一个新的模板,此模板将在 CDTitle.xsl 文件中生成一个 HTML 表。

  3. 单击文件 > 保存以保存文件。

将 XML 文件变换为 HTML

  1. 在“导航器”视图中,按住 Ctrl 键并选择 CDTitle.xmlCDTitle.xsl
  2. 右键单击并单击运行 > XSL 变换
  3. 结果文件名为 _CDTitle_transform.html。它将在 Page Designer 中自动打开且在表中包含了 XML 文件的内容。
  4. 要查看表在 Web 浏览器中将具有的外观,关闭 _CDTitle_transform.html 文件,在“导航器”视图中右键单击它并单击打开方式 > Web 浏览器。它看起来应如下所示:

Web 浏览器中结果文件的图像

通过查看总结中的内容来完成教程。

使用条款 | 反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.