实验指导五 编写XSL样式表
1实验目的
(1)掌握链接XSL到XML文档的方法。
(2)学会编写简单的XSL文件。
2、实验内容
根据下述XML文档,编写XSL样式表,要求其显示效果如图5-9所示。
?xml version=”1.0″ encoding=”GB2312″?>
<?xml-stylesheet type=”text/xsl” href=”单元五.xsl”?>
<中餐价目表>
<食品>
<名称>鱼香肉丝</名称>
<价格>10元</价格>
<描述>正宗的四川口味</描述>
<状态>有售</状态>
</食品>
<食品>
<名称>水煮鱼片</名称>
<价格>25元</价格>
<描述>一道名菜!麻辣鲜香!</描述>
<状态>有售</状态>
</食品>
<食品>
<名称>熊掌鲍鱼</名称>
<价格>300元</价格>
<描述>引进广州口味,希望大家喜欢!</描述>
<状态>缺货</状态>
</食品>
<食品>
<名称>天山雪莲煲</名称>
<价格>299元</价格>
<描述>来自西城,品味人生!</描述>
<状态>缺货</状态>
</食品>
<食品>
<名称>麻婆豆腐</名称>
<价格>20元</价格>
<描述>四川口味就是好!</描述>
<状态>有售</状态>
</食品>
</中餐价目表>
3、实验步骤
(1)打开Altova XMLSpy 2011,选择“文件”-“新建”菜单命令,弹出如图1所示的“创建新文档”对话框。
图1
(2)在图1所示的对话框中,选中“xsl XSL Stylesheet v1.0″一项,单击“确定”按钮,弹出如图2所示的“创建新的XSL/XSLT文件”对话框。
(3)在图2所示的对话框中,选中“生成XSL/XSLT变换”单选项,单击“确定”按钮,进入Altova XMLSpy的文本窗口中,开始编写XSL文档“单元五.xsl”。
(4)输入如下的文本:
<?xml version=”1.0″ encoding=”GB2312″?>
<xsl:stylesheet version=”1.0″ xmlns:xsl=”http://www.w3.org/1999/XSL/Transform” xmlns:fo=”http://www.w3.org/1999/XSL/Format”>
<xsl:template match=”/”>
<html>
<body style=”font-family:Arial,helvetica,sans-serif;font-size:12pt;background-color:#fefefe”>
<xsl:for-each select=”中餐价目表/食品”>
<div style=”background-color:red;color:white;padding:4px”>
<span style=”font-weight:bold;color:white”>
<xsl:value-of select=”名称”/>
</span>
<xsl:value-of select=”价格”/>
</div>
<div style=”margin-left:20px;margin-bottom:lem;font-size:10pt”>
<xsl:value-of select=”描述”></xsl:value-of>
<span style=”font-style:italic”>
(<xsl:value-of select=”状态”/>成都美味馆一楼)</span>
</div>
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
(5)输入完成后,选择“文件”-“保存”菜单命令,保存文档,文档名为“单元五.Xsl”。
(6)打开Altova XMLSpy 2011,创建题目中所给的XML文档,步骤略。
(7)在所创建的XML文档的声明语句之后,添加如下语句:
<?xml-stylesheet type=”text/xsl” href=”单元五.xsl”?>
(8)保存XML文档,并在浏览器中浏览,观察显示效果是否与题目中给出的效果一致。
评论0