分享
 
 
 

XML Spy实例教程

王朝other·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

在读这篇教程之前,你至少应当确认自己对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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有