XMLSPY实例教程

XMLSpy实例教程青创网络在读这篇教程之前，你至少应当确认自己对XML相当熟知，使用记事本或其他工具编辑过XML、DTD以及XSLT文档，并且熟悉它们的语法及用途，否则请先补过课之后再来阅读本教程。XMLSpy是IconInformationSystem开发的支持XML，XSL，XSLT，DTD，Schema等等多种文件格式的编辑器。它可以将XML展示为完美的树型结构，可以方便的使用各种HTML/XML/XSLT标记，使用它可以大大节约我们的开发时间，不必把大量的时间浪费在代码的输入上。下面我们通过一个存储电影信息的实例来学习一下XMLSpy的使用方法。saveit.xml，saveit.dtd和saveit.xslt；saveit.xml负责存储具体电影内容数据，saveit.dtd负责对saveit.xml的验证，而saveit.xslt则负责对saveit.xml进行样式变换，确定它在浏览器里的最终显示效果。先来看看我们需要建立的三个文件的代码：----------saveit.xml------------------＜?xmlversion=1.0encoding=GB2312?＞＜!DOCTYPEmoviesSYSTEMG:\xmlspy\saveit.dtd＞＜?xml-stylesheettype=text/xslhref=G:\xmlspy\saveit.xslt?＞＜moviestype=动作片＞＜id＞1＜/id＞＜name＞致命摇篮＜/name＞＜brief＞李连杰最新力作！＜/brief＞＜time＞2003＜/time＞＜/movies＞----------saveit.dtd------------------＜?xmlversion=1.0encoding=GB2312?＞＜!ELEMENTmovies(id,name,brief,time)＞＜!ATTLISTmoviestypeCDATA#REQUIRED＞＜!ELEMENTid(#PCDATA)＞＜!ELEMENTname(#PCDATA)＞＜!ELEMENTbrief(#PCDATA)＞＜!ELEMENTtime(#PCDATA)＞----------saveit.xslt------------------＜?xmlversion=1.0encoding=UTF-8?＞＜xsl:stylesheetversion=1.0xmlns:xsl=＞＜xsl:outputmethod=xmlversion=1.0encoding=GB2312indent=yes/＞＜xsl:templatematch=/＞＜html＞＜head＞＜title＞:::凌云的XMLSpy教程:::＜/title＞＜/head＞＜body＞＜xsl:apply-templates＞＜/xsl:apply-templates＞＜/body＞＜/html＞＜/xsl:template＞＜xsl:templatematch=movies＞第＜xsl:value-ofselect=id＞＜/xsl:value-of＞部电影＜table＞＜tbody＞＜tr＞＜td＞名称＜/td＞＜td＞简介＜/td＞＜td＞时间＜/td＞＜td＞类型＜/td＞＜/tr＞＜tr＞＜td＞＜xsl:value-ofselect=name＞＜/xsl:value-of＞＜/td＞＜td＞＜xsl:value-ofselect=brief＞＜/xsl:value-of＞＜/td＞＜td＞＜xsl:value-ofselect=time＞＜/xsl:value-of＞＜/td＞＜td＞＜xsl:value-ofselect=@type＞＜/xsl:value-of＞＜/td＞＜/tr＞＜/tbody＞＜/table＞＜/xsl:template＞＜/xsl:stylesheet＞第二步：使用XMLSpy建立saveit.dtd文档。1）建立根结点moviesFile-＞New弹出Createnewdocument对话框，选择里面的dtd（DocumentTpyeDefinition），这样一个空的DTD文档就会被建立在编辑区，如图1所示。点击左上角的黑三角会变成图2所示的样子。我们将编码方式项enconding默认值为UTF-8，我们将其改为GB2312。在Elm处双击，输入movies。完成后如图3所示。保持Elmmovies的选中状态，双击右侧Elements框里的sequenceof，结果如图4所示。这样根结点movies就建立完毕了。2）为根结点movies添加子节点id，name，brief，time及属性type。moviessequenceof上点右键，选择Addchild-＞ELEMENT，为其增加四个子节点。如图5所示。再次在moviessequenceof上点右键，选择Append-＞ATTLIST，然后如图6所示进行设置其名称为movies，设置Name为type，设置Type为CDATA，设置Presence为#REQUIRED。3）建立子节点id，name，brief，time。在moviessequenceof上点右键，选择Append-＞ELEMENT，增加四个节点，数据类型全部设为PCDATA。如图7所示。这样DTD文档就建立好了。命名为saveit.dtd保存到G:\xmlspy目录下。在View-＞Textview方式下可以查看编辑所得到的源代码，选择View-＞EnhancedGridview会回到树型编辑视图方式。第三步：使用XMLSpy建立saveit.xslt文档。1）选择菜单File-＞New弹出Createnewdocument对话框，选择里面最后一项xslt(ExtensibleStylesheetLanguage)项，建立的新xslt文件如图8所示。此时XMLSpy会将视图自动转到代码编辑视图下，因为直接编辑xslt更为方便一些。将其编码方式改为：GB2312，如图9所示。2）其余的代码可以通过图10所示的Elements面板方便的添加到编辑区中。添加完毕，设置相应的节点为各元素的属性值即可完成XSLT文档的编写，具体过程不再细说。完成后如图11所示。命名为saveit.xslt保存到G:\xmlspy目录下。第四步：使用XMLSpy建立saveit.xml文档。1）选择菜单File-＞New弹出Createnewdocument对话框，选择里面的xml（XMLDocument），此时会弹出一个对话框，要求选择XML文档的验证方式是DTD还是Schema，如图12所示，我们选择DTD验证方式，并且选择刚刚创建的saveit.dtd作为其验证文档，如图13所示。2）点击OK后XMLSpy就会为我们自动建好符合saveit.dtd验证的XML空白文档。如图14所示。填入内容数据。将编码方式项enconding更改为GB2312。结果如图15所示。3）选择XSL-＞AssignXSL菜单，并在弹出窗口（如图15所示）中选择G:\xmlspy\saveit.xslt文件，点击OK。4）大功告成，XML文档终于编辑完毕。如图17所示。命名为saveit.xml，存盘到G:\xmlspy目录下。XSLT-＞XSLTransformation或点击来直接在XMLSpy中查看saveit.xml的最终显示效果。也可以到G:\xmlspy目录下使用浏览器观看，但浏览器必须是IE6以上的版本。如果想输出变换结果文档，可以在XMLSpy中变换后点击将结果文档存盘即可。最终显示效果如图18所示。以上代码在XMLSpy5中调试通过。