XML Spy实例教程

作者:网络 来源:佚名 更新时间:2008-03-26 23:49:50 点击:
注册会员,创建你的web开发资料库,

在读这篇教程之前,你至少应当确认自己对xml相当熟知,使用记事本或其他工具编辑过xml、dtd以及xslt文档,并且熟悉它们的语法及用途,否则请先补过课之后再来阅读本教程。

xml spy是icon information system开发的支持xml,xsl,xslt,dtd,schema等等多种文件格式的编辑器。它可以将xml展示为完美的树型结构,可以方便的使用各种html/xml/xslt标记,使用它可以大大节约我们的开发时间,不必把大量的时间浪费在代码的输入上。下面我们通过一个存储电影信息的实例来学习一下xml spy的使用方法。

第一步:我们要设计三个文件:saveit.xml,saveit.dtd和saveit.xslt;saveit.xml负责存储具体电影内容数据,saveit.dtd负责对saveit.xml的验证,而saveit.xslt则负责对saveit.xml进行样式变换,确定它在浏览器里的最终显示效果。先来看看我们需要建立的三个文件的代码:

----------saveit.xml------------------

<?xml version="1.0" encoding="gb2312"?>
<!doctype movies system "g:\\\\xmlspy\\\\saveit.dtd">
<?xml-stylesheet type="text/xsl" href="g:\\\\xmlspy\\\\saveit.xslt"?>
<movies type="动作片">
<id>1</id>
<name>致命摇篮</name>
<brief>李连杰最新力作!</brief>
<time>2003</time>
</movies>

----------saveit.dtd------------------

<?xml version="1.0" encoding="gb2312"?>
<!element movies (id, name, brief, time)>
<!attlist movies type cdata #required>
<!element id (#pcdata)>
<!element name (#pcdata)>
<!element brief (#pcdata)>
<!element time (#pcdata)>

----------saveit.xslt------------------

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform">
<xsl:output method="xml" version="1.0" encoding="gb2312" indent="yes"/>
<xsl:template match="/">
<html>
<head>
<title>
:::凌云的xml spy教程:::
</title>
</head>
<body>
<xsl:apply-templates></xsl:apply-templates>
</body>
</html>
</xsl:template>
<xsl:template match="movies">
第<xsl:value-of select="id"></xsl:value-of>部电影
<table>
<tbody>
<tr>
<td>名称</td>
<td>简介</td>
<td>时间</td>
<td>类型</td>
</tr>
<tr>
<td><xsl:value-of select="name"></xsl:value-of></td>
<td><xsl:value-of select="brief"></xsl:value-of></td>
<td><xsl:value-of select="time"></xsl:value-of></td>
<td><xsl:value-of select="@type"></xsl:value-of></td>
</tr>
</tbody>
</table>
</xsl:template>
</xsl:stylesheet>
 第二步: 使用xml spy建立saveit.dtd文档。

    1)建立根结点movies

    选择菜单file->new弹出create new document 对话框,选择里面的dtd(document tpye definition),这样一个空的dtd文档就会被建立在编辑区,如图1所示。点击左上角的黑三角会变成图2所示的样子。我们将编码方式项enconding默认值为utf-8,我们将其改为gb2312.在elm处双击,输入movies.完成后如图3所示。保持elm movies的选中状态,双击右侧elements框里的sequence of,结果如图4所示。这样根结点movies就建立完毕了。


图1


图2


图3


图4

    2)为根结点movies添加子节点id,name,brief,time及属性type.

    在movies sequence of上点右键,选择add child->element,为其增加四个子节点。如图5所示。再次在movies sequence of上点右键,选择append->attlist,然后如图6所示进行设置其名称为movies,设置name为type,设置type为cdata,设置presence为#required.


图5


图6

    3)建立子节点id,name,brief,time.在movies sequence of上点右键,选择append->element,增加四个节点,数据类型全部设为pcdata.如图7所示。这样dtd文档就建立好了。命名为saveit.dtd保存到g:\\\\xmlspy目录下。在view->text view方式下可以查看编辑所得到的源代码,选择view->enhanced grid view会回到树型编辑视图方式。


第三步: 使用xml spy建立saveit.xslt文档。

    1)选择菜单file->new弹出create new document 对话框,选择里面最后一项xslt(extensible stylesheet language)项,建立的新xslt文件如图8所示。此时xml spy会将视图自动转到代码编辑视图下,因为直接编辑xslt更为方便一些。将其编码方式改为:gb2312,如图9所示。


图8


图9

    2)其余的代码可以通过图10所示的elements面板方便的添加到编辑区中。添加完毕,设置相应的节点为各元素的属性值即可完成xslt文档的编写,具体过程不再细说。完成后如图11所示。命名为saveit.xslt保存到g:\\\\xmlspy目录下。


图10


图11
  第四步: 使用xml spy建立saveit.xml文档。

    1)选择菜单file->new弹出create new document 对话框,选择里面的xml(xml document),此时会弹出一个对话框,要求选择xml文档的验证方式是dtd还是schema,如图12所示,我们选择dtd验证方式,并且选择刚刚创建的saveit.dtd作为其验证文档,如图13所示。


图12


图13

    2)点击ok后xml spy就会为我们自动建好符合saveit.dtd验证的xml空白文档。如图14所示。填入内容数据。将编码方式项enconding更改为gb2312.结果如图15所示。


图14


图15

    3) 选择xsl->assign xsl菜单,并在弹出窗口(如图15所示)中选择g:\\\\xmlspy\\\\saveit.xslt文件,点击ok.


图16

    4)大功告成,xml文档终于编辑完毕。如图17所示。命名为saveit.xml,存盘到g:\\\\xmlspy目录下。


图17

    第五步:可以选择xslt->xsl transformation或点击来直接在xml spy中查看saveit.xml的最终显示效果。也可以到g:\\\\xmlspy目录下使用浏览器观看,但浏览器必须是ie6以上的版本。如果想输出变换结果文档,可以在xml spy中变换后点击将结果文档存盘即可。最终显示效果如图18所示。以上代码在xml spy5中调试通过。


图18