在读这篇教程之前，你至少应当确认自己对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
以上就是xml spy实例代码详解（图）的详细内容。