练习 1.4:创建并编辑 XSL 样式表
在开始之前,必须完成练习 1.3:创建并编辑 XML 文件。
样式表是可以用来将 XML 文档变换为其它文档类型并格式化输出的文件。在此练习中,将创建一个简单的
XSL 样式表来将 XML 文件数据排放到 HTML 的表中。
创建样式表
遵循下列步骤来创建新的空白样式表:
- 单击文件 > 新建 > 其它 > XML > XSL。单击下一步。
- 选择 MyProject 目录。
- 在文件名字段中,输入 CDTitle.xsl 并单击下一步。
- 在“选择 XML 文件”页中,选择 CDTitle.xml 文件。这将使 CDTitle.xml 文件与 CDTitle.xsl 文件相关联。
- 单击完成。
这就创建了 CDTitle.xsl 文件并且在 XSL 编辑器中自动打开它。
编辑样式表
XSL 编辑器提供了许多向导来帮助您在样式表中创建内容。
- 要创建 HTML 文档,将添加一个模板以生成 HTML 头信息以及定义文档的输出方法。
- 在 XSL 编辑器中,将光标定位在 CDTitle.xsl 文件中 <xsl:stylesheet> 元素后面的空白行上。
-
单击片段选项卡并打开 XSL 抽屉。
-
双击缺省 HTML 头。这将创建一个将以 HTML 形式输出变换的
<xsl:output> 元素(即,将 CDTitle.xsl 应用于 CDTitle.xml 的结果)和一个模板(此模板将使用
<xsl:apply-templates> 规则生成 HTML 头来处理
CDTitle.xml 文件中的所有直系子代)。
- 接下来,将创建一个模板,此模板将生成一个 HTML 表:
- 将光标定位在上面“步骤 1”中生成的 </xsl:template> 元素后面的空白行上。
- 在
XSL 抽屉中,双击 XSL 中的 HTML 表。
- 选择第一个 CD 元素作为用于构建 HTML 表的上下文节点。
- 单击将表合并在模板中复选框。这指示您想将此表合并在新模板中。
- 单击包含头复选框以指示您想将头包含在此表中。
- 单击下一步并在单元格间距字段中输入 20。这将增大表中各单元格之间的间距,从而使表更美观。
- 单击完成。这将创建一个新的模板,此模板将在 CDTitle.xsl 文件中生成一个 HTML 表。
- 单击文件 > 保存以保存文件。
将 XML 文件变换为 HTML
- 在“导航器”视图中,按住 Ctrl 键并选择 CDTitle.xml 和 CDTitle.xsl。
-
右键单击并单击运行 > XSL 变换。
-
结果文件名为 _CDTitle_transform.html。它将在
Page Designer 中自动打开且在表中包含了 XML 文件的内容。
-
要查看表在 Web 浏览器中将具有的外观,关闭 _CDTitle_transform.html 文件,在“导航器”视图中右键单击它并单击打开方式 > Web 浏览器。它看起来应如下所示:

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