XML Spy实例教程

2016-02-19 14:51 197 1 收藏

下面这个XML Spy实例教程教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

    选择菜单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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)


图3


图4

    2)为根结点movies添加子节点id,name,brief,time及属性type.

  &n

中变换后点击将结果文档存盘即可。最终显示效果如图18所示。以上代码在XML Spy5中调试通过。


图18

来源:http://www.tulaoshi.com/n/20160219/1608118.html

延伸阅读
标签: Web开发
使用JavaScript代替CGI 你可能对CGI脚本比较熟悉,利用CGI你可以通过表单将数字或者变量从一个网页上传递到另外一个网页。当然,你可以利用“POST”将变量以独立的线程进行传递而不显示在浏览器中,或者利用“GET”将变量编码到URL。 JavaScript不能在变量在服务器端被处理的时候利用POST方法;但是你可以注意到当你提交一个使用GET方法的表...
标签: FLASH flash教程
这种相册有一定立体感觉,但由于没有用到BITMAP类,而且在算法上,还有一定的问题。所以制作出来的效果,总不是很理想。让我有些头晕。或许是现在看得太多了的原故吧。呵呵...演示: http://www.taoshaw.com/taoshaw/study/qiang_xiangce/ 制作过程有点复杂。我写慢点吧。这个动画的代码其实不是很难,只是算法上有些麻烦。 1、新建一个...
标签: Web开发
在CSS规范中有一个渲染对象的概念,通常用一个盒子(box, rectangle)来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个: * 构造frame, 以建立对象树(DOM树) * reflow, 以确定对象位置,或者是调用mozilla的Layout(这里是指源码的实现) * 绘制,以便对象能显示在屏幕上 总的来说,reflow就是载入内容树(...
标签: Web开发
使用JavaScript的日期函数 Date(日期)对象可以使用Date()构造器来创建,在前面的教程中我们已经介绍了Date()构造器,这里就不重复叙述。它没有参数,返回的数值就是当前的日期。下面的表格显示了为日期构造器的有效输入: var today = new Date();  返回当前的日期和时间   var newyear = new Date("December 31, 1998 23:...
标签: FLASH flash教程
本例介绍使用Flash绘制唯美渔舟唱晚效果,教程详细讲解了鼠绘唯美的夕阳山水风景画,希望能给朋友来带来帮助~~ 新建文档,数值默认。 一、新建影片剪辑元件命名,太阳。放射状填充:左FF6600,右FF9900,画一个正圆。 二、新建图形元件,名遮片,画遮片。 三、新建影片剪辑元件,命名背景。共9个图层,从上至下,云、云倒影...

经验教程

744

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部