xmlspy php,XML Spy实例代码详解(图)
在读这篇教程之前,你至少应当确认自己对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:xmlspysaveit.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
xmlspy php,XML Spy实例代码详解(图)相关推荐
- yii mysql 事务处理_Yii2中事务的使用实例代码详解
前言 一般我们做业务逻辑,都不会仅仅关联一个数据表,所以,会面临事务问题. 数据库事务(Database Transaction) ,是指作为单个逻辑工作单元执行的一系列操作,要么完全地执行,要么完全 ...
- vue build text html,Vue中v-text / v-HTML使用实例代码详解_放手_前端开发者
废话少说,代码如下所述: /p> 显示123 /p> 补充:vuejs {{}},v-text 和 v-html的区别 {{message}} let app = new Vue({ el ...
- java 文件下载详解_Java 从网上下载文件的几种方式实例代码详解
废话不多说了,直接给大家贴代码了,具体代码如下所示: package com.github.pandafang.tool; import java.io.BufferedOutputStream; i ...
- vue中 点击事件的写法_vue实现绑定事件的方法实例代码详解
一.前言 vuejs中的事件绑定,使用来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法. 二.事件绑定方式 1. 直接在标签中写js方法 执行方法的第 ...
- pos请求 微信小程序_微信小程序蓝牙连接小票打印机实例代码详解
1.连接蓝牙 (第一次发表博客) 第一步打开蓝牙并搜索附近打印机设备// startSearch: function() { var that = this wx.openBluetoothAdapt ...
- [小白系列][线性回归模型]股票回归分析实例代码详解
代码详解 P.S:记录下第一个搞明白的模型哦! import statsmodels.api as sm # 基本api import statsmodels.formula.api as smf # ...
- java多线程代码_java多线程实例代码详解
原文:http://blog.csdn.net/paranoidyang/article/details/70184523 作者:Paranoidyang 线程与进程的区别 (1)程序是一段静态的代码 ...
- PHP JSON格式数据交互实例代码详解_php技巧_脚本之家
http://www.jb51.net/article/26007.htm 此前我写了不少在PHP网站开发中应用XML进行数据交互的实例,这两天通过PHP解析JSON并进行交互的实例学习和了解了JSO ...
- Unity ShaderLab特效教程 适用于贴图、sprite和ugui的2d着色器实例 代码+详解注释 【将贴图转为马赛克效果】
如果代码中有什么不清楚请查看以下基础知识 Shader基础知识 unity3d 中 七种坐标知识详解 一个将贴图转为马赛克效果的shader: 万恶的马赛克其实也是一种艺术风格,如果你在开发2d游戏不 ...
- Unity ShaderLab特效教程 适用于贴图、sprite和ugui的2d着色器实例 代码+详解注释 【锐化效果】
如果代码中有什么不清楚请查看以下基础知识 Shader基础知识 unity3d 中 七种坐标知识详解 锐化效果 笑狗图 代码 Shader "Custom/BlurBox" {Pr ...
最新文章
- [转][小结][三种方法]实现WPF不规则窗体
- C++字符串函数与C字符串函数比较
- [原创]SQL Server 阻止了对组件 'Ad Hoc Distributed Queries' 的 STATEMENT 'OpenRowset/OpenDatasource' 的访问...
- java8避免null_在 Java 8 中避免 Null 检查
- boost::program_options模块实现处理响应文件的测试程序
- javascript 倒计时插件
- python球的体积公式_鬼斧神工:求n维球的体积
- python登录qq邮箱爬邮件_如何使用Python登录邮箱发送邮件
- Unity -- UI -- Scroll Rect
- 重新编译CDH版本hadoop报错:Non-resolvable parent POM: Could not transfer artifact com.
- 关于为什么频宽越大传输越快 、 频率越高传输距离越短
- 字节跳动校招——运维工程师-系统架构岗位面经分享
- 豆瓣读书top250数据爬取与可视化
- ADX,DSP,SSP广告系统搭建
- Python | 使用时间模块编写倒计时程序
- Kubernetes更优雅的监控工具Prometheus Operator
- 珞珈一号全国一张图相关信息及对于影像校正的一些思考
- 命令行查看Linux机器配置
- 机器学习回归模型精度_机器学习模型实施精度召回和概率截止。
- 多账户的统一登录方案