新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   XML论坛     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
  •   Add to Google

    >> XML编辑器,XML解析器,XML开发环境
    [返回] 中文XML论坛 - 专业的XML技术讨论区XML.ORG.CN讨论区 - XML技术『 XML工具及XML开发环境 』 → [转帖]XML Spy实例教程 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 30245 个阅读者浏览上一篇主题  刷新本主题   平板显示贴子 浏览下一篇主题
     * 贴子主题: [转帖]XML Spy实例教程 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     admin 帅哥哟,离线,有人找我吗?
      
      
      
      威望:9
      头衔:W3China站长
      等级:计算机硕士学位(管理员)
      文章:5255
      积分:18406
      门派:W3CHINA.ORG
      注册:2003/10/5

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给admin发送一个短消息 把admin加入好友 查看admin的个人资料 搜索admin在『 XML工具及XML开发环境 』的所有贴子 点击这里发送电邮给admin  访问admin的主页 引用回复这个贴子 回复这个贴子 查看admin的博客楼主
    发贴心情 [转帖]XML Spy实例教程

    http://www.yesky.com/SoftChannel/72342376223342592/20030919/1729909.shtml

    XML Spy实例教程
    2003-09-19■凌云(saveit)■yesky

    在读这篇教程之前,你至少应当确认自己对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会回到树型编辑视图方式。


    此主题相关图片如下:
    按此在新窗口浏览图片
    图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:\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


    [此贴子已经被作者于2004-3-16 21:59:56编辑过]

       收藏   分享  
    顶(1)
      




    ----------------------------------------------

    -----------------------------------------------

    第十二章第一节《用ROR创建面向资源的服务》
    第十二章第二节《用Restlet创建面向资源的服务》
    第三章《REST式服务有什么不同》
    InfoQ SOA首席编辑胡键评《RESTful Web Services中文版》
    [InfoQ文章]解答有关REST的十点疑惑

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2004/1/27 11:50:00
     
     GoogleAdSense
      
      
      等级:大一新生
      文章:1
      积分:50
      门派:无门无派
      院校:未填写
      注册:2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 XML工具及XML开发环境 』的所有贴子 点击这里发送电邮给Google AdSense  访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/5/3 11:30:28

    本主题贴数16,分页: [1] [2]

     *树形目录 (最近20个回帖) 顶端 
    主题:  [转帖]XML Spy实例教程(6243字) - admin,2004年1月27日
        回复:  活雷锋呀!!(12字) - Betteronly,2004年3月31日
        回复:  正在学习中啊(12字) - lisa,2004年3月29日
        回复:  you are a great guy(19字) - liur1919,2004年3月29日
        回复:  敬业的(8字) - houya,2004年3月26日
        回复:  很好啊^_^正愁不会用呢^_^(26字) - lisa,2004年3月25日
        回复:  very good! 现在学xml就容易多了,谢谢老大啊(43字) - zffred,2004年3月24日
        回复:  好啊,谢谢了(12字) - lflimao1023,2004年3月17日
        回复:  fantasitic(10字) - liur1919,2004年3月16日
        回复:  谢谢啊,真是实用的教程(22字) - acrobatboy,2004年3月10日
        回复:  我怎么做出来是乱码?我都是选的GB2312啊!(42字) - lsaturn,2004年3月9日
            回复:  [quote][b]以下是引用[i]lsaturn在2004-3-9 22:35:40[/i]的发..(219字) - lsaturn,2004年3月9日
        回复:  哇,还可以这样用啊,我才知道它有这样的功能耶!谢了!(52字) - mimidingdang,2004年3月9日
        回复:  (2字) - drinkpig,2004年3月4日
        回复:  Thanks(6字) - study.net,2004年3月2日
        回复:  goood!(6字) - sobil,2004年2月28日

    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    7,109.375ms