十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章给大家分享的是有关XML Spy的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
成都创新互联公司专注于网站建设|企业网站维护|优化|托管以及网络推广,积累了大量的网站设计与制作经验,为许多企业提供了网站定制设计服务,案例作品覆盖成都服务器租用等行业。能根据企业所处的行业与销售的产品,结合品牌形象的塑造,量身设计品质网站。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的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!