< 上一课 | 下一课 >

课程 1.4:创建并编辑 XSL 样式表

样式表是一些文件,用以将 XML 文档变换为其他文档类型并对输出进行格式化。在本课程中,将创建一个简单的 XSL 样式表,以便将 XML 文件数据格式化到 HTML 文件的表中。

开始之前,您必须完成课程 1.3:创建并编辑 XML 文件

创建样式表

执行下列步骤来创建新的空白样式表:
  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 头。这将创建一个 <xsl:output> 元素和一个模板:<xsl:output> 元素将以 HTML 格式输出变换的结果,即,将 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.xml 和 CDTitle.xsl。
  2. 右键单击并选择运行方式 > XSL 变换
  3. 结果文件名为 _CDTitle_transform.html。它将在 Page Designer 中自动打开,并且在表中包含了 XML 文件的内容。
  4. 要查看表在 Web 浏览器中将具有的外观,请关闭 _CDTitle_transform.html 文件,在“导航器”视图中右键单击它并选择打开方式 > Web 浏览器
它看起来应类似如下:

Web 浏览器

课程要点

XSL 编辑器提供许多向导来帮助您创建使用内容填充的样式表。此外,它还提供一种根据该样式表来创建 HTML 表的方法。

在完成本课程之后,您应该能够完成下列任务:
  • 创建 XSL 样式表。
  • 使用将生成 HTML 表的内容来填充该样式表。
  • 将 XML 文件变换为 HTML 文件。
< 上一课 | 下一课 >