XMLSpy

 

XML Spy是Icon Information System开发的支持XML，XSL，XSLT，DTD，Schema等等多种文件格式的编辑器。它可以将XML展示为完美的树型结构，可以方便的使用各种HTML/XML/XSLT标记，使用它可以大大节约我们的开发时间，不必把大量的时间浪费在代码的输入上。以下是一个实例： 第一步：要设计三个文件：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:xmlspysaveit.dtd"＞ ＜?xml-stylesheet type="text/xsl" href="G:xmlspysaveit.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＞ :::angela的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会回到树型编辑视图方式。 图7 第三步： 使用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：xmlspysaveit.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