XML应用－利用XML 与XSL_Asp.Net XML
日期：2008-07-24 浏览次数：20412 次
本文将介绍利用XML与XSL技术内容与表示相分离的特点，创建一个易于扩充，结构灵活的用户手册文档。当然，本文的重点在于阐述一种利用XML的方法，并不仅限于用户手册文档，您可以利用在任何您认为需要的地方。
本文介绍的内容基于XML、XSL与DTD技术规范，您可以使用IE5.0及其以上版本进行测试。
用户的需求
从用户的视角，我们要实现的用户手册包含以下几个部分：
在页面左侧的导航栏，利用树状显示每一个级别的标题，每个标题前按顺序标有标题序号，形如2.1或2.1.8，对于包含子标题的标题要与不包含子标题的标题，即叶子标题区分显示，前面用不同的图片区分。
页面右侧是内容栏，除包含各级标题外，还包含各级标题下的具体内容，内容类型有文字和图片。不同级别的标题要使用不同的现实方式，每个标题前也加有标题序号，与左侧导航栏一致。
对于含有图片的内容部分，图片显示为缩略图，通过点击可以在正常大小与缩略图之间切换。
点击左侧导航栏的标题，可以定位到右侧的相关内容。
对于手册的标题和内容，应该可以方便添加与删除，修改了一个标题的级别，比如从一级标题换到三级标题的位置，其显示风格可以自动更改。理论上，标题的级别可能会有无限多层。
无论是左侧的导航栏，还是右侧的内容区域，用户只对标题的相对位置和级别负责，标题前面的序号要求自动生成。
对应的技术实现
我们打算开发如下几个部分来实现这个用户手册：
一个DTD定义文件，即Document Type Defination（文档类型定义）。定义这个文件需要根据客户对于手册的需求来做，这也是我们需要首先着手去做的部分。
一个XML文档，包含了用户手册的真实的、具体的内容，这个文档当然应该是良构的，需要遵循我们在上面DTD文件中定义的规则。这个文档的内容由手册的编写者来提供，他无需了解其他的技术细节，只需遵照一个简单的规则即可，如果能够使用像XMLSPY这样的工具编辑会更省力。
两个XSL文件，这是我们需要开发的主体部分，也就是决定内容将如何呈现给用户，共有两个XSL文件，分别针对左侧的导航栏和右侧的内容主体。
一个超文本文件，构成用户手册的框架，实现导航栏与内容主体的分割。
定义DTD
通过前面的需求陈述，可以抽象出如下页面元素：
标题，会有不同的级别
内容，包括文本和图片
为此我们定义如下DTD元素：
<!ELEMENT Image (#PCDATA)>
<!ELEMENT Para (#PCDATA)>
<!ELEMENT Name (#PCDATA)>
分别表示图片、段落文本和标题。为了表示标题的嵌套关系，我们又定义一个Item元素，把它作为一个块，不同的Item之间可以是平行关系，也可以是嵌套关系，所有的基本元素（图片、段落文本和标题）必须从属于一个Item。具体的关系描述如下：
一个Item中只能包含、并且必须包含一个标题（Name）
一个Item中可以同时包含多段文字或者多张图片，或者只包含其中一种
一个Item中可以嵌套一个或多个Item，也可以不嵌套任何Item，嵌套的Item具有相同的属性
通过以上描述，我们可以定义元素Item：
<!ELEMENT Item (Name, (Para | Image)*, Item*)>
元素名称后面的'*' 代表此元素可以为0个或者多个。
'(Para | Image)*' 与 'Para*, Image*' 同义。
作为DTD，还必须定义一个根元素，我们起名为'PMS_Help'，它将包含Item元素，进而间接的包含了所有的元素。
<!ELEMENT PMS_Help (Item*)>
上面表示为，使用了这个DTD的XML文档中可以定义0个或者多个Item元素。
此外，我们还需要为图片的缩略图定义：
<!ATTLIST Image small ID #IMPLIED>
至此，DTD文件我们就已经定义完了，我们将其保存为PMS_Help.dtd，这里下载完整的DTD文件。
如何准备手册内容
接下来我们要根据上面定义的DTD文件，整理含有实际内容的XML文件，文件内容示例如下：
<PMS_Help>
<Item>
<Name>第一级别标题</Name>
<Item>
<Name>第二级别标题</Name>
<Item>
<Name>第三级别标题</Name>
<Para>段落文本1</Para>
<Image small="image1_small.gif">image1.gif</Image>
<Para>段落文本2</Para>
<Para>段落文本3</Para>
</Item>
<Item>
...
</Item>
</Item>
<Item>
...
</Item>
</Item>
<Item>
...
</Item>
</PMS_Help>
在第三级标题下面，当然还可以继续嵌套Item元素，有更多级别的标题，只要你在下面的XSL样式文件中对应说明了这个级别标题如何显示即可。
在Para标记之间的文本在显示时会被格式化为一个段落，如果你有多段文本，应该分别用Para进行标记。
Image标记中有一个属性字段small，其值应是一个图片文件名，这个图片用作默认的缩略图显示，当点击这个图片，会显示出Image标记之间的图片文件，当然您也可以对着两个图片使用同一个文件名。图片文件的路径不需要在这里指定，路径是写在下面XSL文件中的。
当我们把包含手册内容的XML文件准备好之后，我们还需要做一个额外的工作，就是将此XML文件复制一份，两个文件分别取名为：PMS_Help.XML, PMS_Help_Lf.XML，两个文件分别绑定不同的XSL样式文件，以取得不同的显示效果，除此以外，两个XML文件是完全相同的。下载两个XML文件：导航栏XML文件，内容栏XML文件
最关键的部分: 开发XSL
1. 首先实现相对简单一点的对应左侧导航栏的XSL文件。
XML文件以一定的结构描述了我们要展现的内容，而在XSL当中，决定了这些内容将以何种方式展现，实际上是XSL是将XML文档格式化为浏览器可以理解的HTML格式文本，在XSL中首先需要定义根级的模板，实际对应了HTML文档的Head以及Body部分，代码如下：
<xsl:template match="PMS_Help">
<HTML>
<head>
<title>Index</title>
<style media="screen">
<xsl:c
本文介绍的内容基于XML、XSL与DTD技术规范，您可以使用IE5.0及其以上版本进行测试。
用户的需求
从用户的视角，我们要实现的用户手册包含以下几个部分：
在页面左侧的导航栏，利用树状显示每一个级别的标题，每个标题前按顺序标有标题序号，形如2.1或2.1.8，对于包含子标题的标题要与不包含子标题的标题，即叶子标题区分显示，前面用不同的图片区分。
页面右侧是内容栏，除包含各级标题外，还包含各级标题下的具体内容，内容类型有文字和图片。不同级别的标题要使用不同的现实方式，每个标题前也加有标题序号，与左侧导航栏一致。
对于含有图片的内容部分，图片显示为缩略图，通过点击可以在正常大小与缩略图之间切换。
点击左侧导航栏的标题，可以定位到右侧的相关内容。
对于手册的标题和内容，应该可以方便添加与删除，修改了一个标题的级别，比如从一级标题换到三级标题的位置，其显示风格可以自动更改。理论上，标题的级别可能会有无限多层。
无论是左侧的导航栏，还是右侧的内容区域，用户只对标题的相对位置和级别负责，标题前面的序号要求自动生成。
对应的技术实现
我们打算开发如下几个部分来实现这个用户手册：
一个DTD定义文件，即Document Type Defination（文档类型定义）。定义这个文件需要根据客户对于手册的需求来做，这也是我们需要首先着手去做的部分。
一个XML文档，包含了用户手册的真实的、具体的内容，这个文档当然应该是良构的，需要遵循我们在上面DTD文件中定义的规则。这个文档的内容由手册的编写者来提供，他无需了解其他的技术细节，只需遵照一个简单的规则即可，如果能够使用像XMLSPY这样的工具编辑会更省力。
两个XSL文件，这是我们需要开发的主体部分，也就是决定内容将如何呈现给用户，共有两个XSL文件，分别针对左侧的导航栏和右侧的内容主体。
一个超文本文件，构成用户手册的框架，实现导航栏与内容主体的分割。
定义DTD
通过前面的需求陈述，可以抽象出如下页面元素：
标题，会有不同的级别
内容，包括文本和图片
为此我们定义如下DTD元素：
<!ELEMENT Image (#PCDATA)>
<!ELEMENT Para (#PCDATA)>
<!ELEMENT Name (#PCDATA)>
分别表示图片、段落文本和标题。为了表示标题的嵌套关系，我们又定义一个Item元素，把它作为一个块，不同的Item之间可以是平行关系，也可以是嵌套关系，所有的基本元素（图片、段落文本和标题）必须从属于一个Item。具体的关系描述如下：
一个Item中只能包含、并且必须包含一个标题（Name）
一个Item中可以同时包含多段文字或者多张图片，或者只包含其中一种
一个Item中可以嵌套一个或多个Item，也可以不嵌套任何Item，嵌套的Item具有相同的属性
通过以上描述，我们可以定义元素Item：
<!ELEMENT Item (Name, (Para | Image)*, Item*)>
元素名称后面的'*' 代表此元素可以为0个或者多个。
'(Para | Image)*' 与 'Para*, Image*' 同义。
作为DTD，还必须定义一个根元素，我们起名为'PMS_Help'，它将包含Item元素，进而间接的包含了所有的元素。
<!ELEMENT PMS_Help (Item*)>
上面表示为，使用了这个DTD的XML文档中可以定义0个或者多个Item元素。
此外，我们还需要为图片的缩略图定义：
<!ATTLIST Image small ID #IMPLIED>
至此，DTD文件我们就已经定义完了，我们将其保存为PMS_Help.dtd，这里下载完整的DTD文件。
如何准备手册内容
接下来我们要根据上面定义的DTD文件，整理含有实际内容的XML文件，文件内容示例如下：
<PMS_Help>
<Item>
<Name>第一级别标题</Name>
<Item>
<Name>第二级别标题</Name>
<Item>
<Name>第三级别标题</Name>
<Para>段落文本1</Para>
<Image small="image1_small.gif">image1.gif</Image>
<Para>段落文本2</Para>
<Para>段落文本3</Para>
</Item>
<Item>
...
</Item>
</Item>
<Item>
...
</Item>
</Item>
<Item>
...
</Item>
</PMS_Help>
在第三级标题下面，当然还可以继续嵌套Item元素，有更多级别的标题，只要你在下面的XSL样式文件中对应说明了这个级别标题如何显示即可。
在Para标记之间的文本在显示时会被格式化为一个段落，如果你有多段文本，应该分别用Para进行标记。
Image标记中有一个属性字段small，其值应是一个图片文件名，这个图片用作默认的缩略图显示，当点击这个图片，会显示出Image标记之间的图片文件，当然您也可以对着两个图片使用同一个文件名。图片文件的路径不需要在这里指定，路径是写在下面XSL文件中的。
当我们把包含手册内容的XML文件准备好之后，我们还需要做一个额外的工作，就是将此XML文件复制一份，两个文件分别取名为：PMS_Help.XML, PMS_Help_Lf.XML，两个文件分别绑定不同的XSL样式文件，以取得不同的显示效果，除此以外，两个XML文件是完全相同的。下载两个XML文件：导航栏XML文件，内容栏XML文件
最关键的部分: 开发XSL
1. 首先实现相对简单一点的对应左侧导航栏的XSL文件。
XML文件以一定的结构描述了我们要展现的内容，而在XSL当中，决定了这些内容将以何种方式展现，实际上是XSL是将XML文档格式化为浏览器可以理解的HTML格式文本，在XSL中首先需要定义根级的模板，实际对应了HTML文档的Head以及Body部分，代码如下：
<xsl:template match="PMS_Help">
<HTML>
<head>
<title>Index</title>
<style media="screen">
<xsl:c
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
