页面网页设计实验中Dreamweaver创建使用XSLT显示XML数据的页面

网页设计实验中D reamweaver创建使用XS LT显示XML数据的页面

目录

二、技术准备

1 XML简介

15. 30

18. 20

18. 10

2 XSLT简介

三、实现过程

1创建XSLT文件

2在XML文件插入对XSLT页面的引用

3测试

五、结语

正文

摘要摘 要本文通过一个页面实例的创建过程介绍了使用X SLT显示XML数据的方法

关键字 Dr eamweaver XSLT XML 网页

网站设计实验中我们经常遇到一些变动不太频繁的数据如果把这些数据写数据库里那么每次显示的时候都需要从数据库中读取这样明显会增加服务器的资源使用。为了减轻服务器的压力通常我们会将这部分数据静态化。这种情况使用XML技术会使问题变得简单。下面以创建一个显示某客户已购买图书列表为例为大家介绍如何使用Dr eamweaver建立XML数据并通过XSLT显示。

二、技术准备

1 XM L简介

可扩展标记语言(XML)可对信息进行结构化处理。与HTM L一样 XML允许您使用标签使信息结构化但XML标签与H TML标签不一样它不是预定义的。 XML允许您创建对数据结构架构进行最佳定义的标签。标签嵌套在其它标签中可创建一种父子标签的架构。

与大多数H TML标签一样 XML架构中的所有标签都有一个开始标签和一个结束标签。

王先生

123

图书1

15. 30

126

图书2

18. 20

143

图书3

18. 10

在此示例中每个父标签包含三个子标签 、 、和。但每个标签也是标签的子标签后者在架构中的级别比前者高一级。只要相应地将标签嵌套在其它标签中并为每个开始标签指定一个对应的结束标签您就可以随意命名XM L标签并安排它们的结构。

2 XSLT简介

XML文档不包含任何格式设置这类文档只是结构化信息的容器。有了XM L架构之后就可以使用可扩展样式表语言(X S L)来显示信息。与层叠样式表(C SS)允许您设置HTML的格式一样 XSL也允许您设置XML数据的格式。您可以在XS L文件中定义样式、页面元素和布局等并将X S L文件附加到XML文件 以便用户在浏览器中查看XML数据时数据格式会根据您在XSL文件中的定义进行设置。内容XML数据与表现形式由XSL文件定义是完全独立的这使您可以更好地控制信息在网页上的显示方式。本质上 X S L是XML的一种表示形式技术其中的主要输出是HT ML页面。

可扩展样式表语言转换(XSLT)是XSL的子集语言它允许您在网页上显示XM L数据并将XM L数据连同XS L样式“转换”为HTML形式的可读样式化信息。您可以使用Dreamwe ave r创建XS LT页面这种页面允许您使用应用程序服务器或浏览器执行XSL转换。在执行服务器端XSL转换时服务器执行XML和XSL的转换工作并将其显示在页面上。在执行客户端转换时浏览器如InternetExplorer执行操作。

链接的XSLT和XML页面之间的关系在概念上相似但不同于外部C S S/HTM L页面模型。当您拥有一个包含内容如文本的HT ML页面时可以使用外部样式表对该内容进行格式设置。 HTM L页面将决定内容而用户看不到的外部CSS代码则决定表现形式。而对于X S LT和XM L情况相反。 XM L文件用户看不到它的原始形式决定内容而XSLT页面决定表现形式。 XS LT页面包含标准HTML通常包

含的表格、布局和图形等。当用户在浏览器中查看XML文件时 XSL T页面将对内容进行格式设置。

三、实现过程

1创建XSLT文件

首先创建整个X S LT页并附加XM L数据源。 创建新页面时Dreamweaver会提示您附加数据源。  可以从头创建XSLT页面或者将现有HTML页面转换为XSL T页面。当您将现有HTML页面转换为XSLT页面时必须使用“绑定”面板 “窗口” > “绑定” 附加XML数据源。

绑定XML数据源后页面的代码中就多了一行

在页面BODY里添加如下代码

尊敬的客户您在本站曾经购买以下图书

<table border=""1"" cellspacing=""0"" cellpadding=""2"">

图书名称

价格

购买数量

2在XM L文件插入对X S LT页面的引用

创建XS LT页面后必须通过在XML文件本身中插入对XSLT页面的引用与在H TML页面的部分中插入对外部C S S样式表的引用非常类似 将该页面链接到包含XM L数据的XM L文件。站点访问者必须在浏览器中查看XML文件而不是X SLT页面 。当站点访问者查看页面时浏览器执行XSL转换并显示由链接的XSLT页面进行格式设置的XM L数据。

在test.xml文件中加入一行

3测试

双击test.xml结果如下图所示。

五、结语

综上所述通过使用XML、 XSLT技术我们可以很方便地不用程序运算就将未知数量的可变数据显示在设定的格式中。在进一步的应用中我们可以将其与动态页面结合并通过使用CSS使页面显示更加美观等篇幅有限无法在此讨论。

本程序在Dreamweaver CS4、 IE8.0中调试通过。

参考文献

[1]王龙 Dreamweaver MX标准教程 海洋出版社

[2]李彪 边用边学Dreamweaver网页设计与制作 人民邮电出版社