本日志标题：DW8新功能之建立XSLT页可视化操作XML数据(二) [2005-10-19]

下面，打开DW8（如何您还没有DW8，那么请到这里下载：）

1，以却才的 mysite.xml 所在文件夹建立好DW站点（这是基础了，不会建立DW站点的朋友在论坛开新帖咨询）

2，打开“文件”菜单选择“新建”（或者直接Ctrl+N），打开“新建文档”对话框，选择“常规”类别的“XSLT（整页）”为基本页

3，因为XSLT页面是为实现筛选XML数据功能而存在的，所以，必须要为XSLT页面“定位XML源”。选择“附加到我的计算机或局域网上的本地文件”，单击“浏览”按钮选择已经保存在本机的“mysite.xml”文档，“确定”完成定位操作/

4，Ctrl+S将新建立的XSLT文件保存到当前DW站点内，文件名为 “mysite.xsl”。如图，在“应用程序”面板的“绑定”标签内，即可看到已经定位连接的XML数据源的主要标签。

5，其实现在就可以通过“绑定”标签内已有的XML标签进行XML数据的可视化操作了。具体，将XSL页就当作普通HTML页，在其中插入一行两列的表格。

6，将XML标签“站点地址”和“建立时间”分别拖入两个单元格

切换至“代码”视图，你可以观察到刚拖入到页面的两个标签分别由代码

<xsl:value-of select="我的站点/站点信息/站点地址"/>

<xsl:value-of select="我的站点/站点信息/建立时间"/>

来表示，其实其中的<xsl:value-of>即为XSL模式语言中的选择模式，我们通过DW8不费吹灰之力完成了。

7，接着为页面中的“站点地址”制作超级链接，该链接地址即为其本身的值。选择单元格子中的“站点地址”系列文本，从属性面板中单击黄色“浏览文件”文件夹按钮

8，在弹出的“选择文件”对话框中，选择文件名自选择为“数据源”，同时从“选择要显示的节点”中选择“站点地址”，“确定”完成链接的添加。

9，在XSLT页建立CSS样式表，并建立对各HTML标签的样式修饰的定义

至此，一个XSLT页页算是建立完成，其主要的操作是：只提取了“站点地址”和“建立时间”两个XML数据源，并对他们进行了简单的排版布局。

接着，就是让XML文件附加应用该XSLT文件。
（注意：我们最终要的是对XML文件中的数据信息进行的筛选，所以最终查看的是XML文件的效果，建立的XSLT文件只是可视化了最终的效果，而非查看该XSLT文件）

10，选择“mysite.xml”文档，打开菜单“命令”，选择“附加XSLT文件”。弹出对话框选择浏览到已建立的XSLT文件“mysite.xls”。

附加了该XSLT文件后，在XML文件中即加入了如下代码

<?xml-stylesheet href="mysite.xsl" type="text/xsl"?>

11，此时预览“mysite.xml”文件，即可查看到已经 XSL筛选和CSS修饰过的数据内容了，注意该图和起始预览“mysite.xml”的情况图的对比

但你也许会发现，其只显示了一条数据记录，而实际上XML数据源中满足是“站点地址”或“建立时间”的数据有四条。

那么，该如何将所有的记录全部显示出来呢？这时，XSLT的具有“重复区域”的功能可以大显身手了。

12，重新返回“mysite.xsl”文件进行进一步的设置，首先需要明确需要循环的区域是某个表格行。所以，选择数据所在表格行（快速方法即从标签选择器中选择“<tr>”标签）

13，从“插入”面板中选择“XSLT”类别中的“重复区域”按钮。弹出的“XPATH表达式创建器（重复区域）”对话框中选择重复的节点为“站点信息”（能重复一般在其右上角有+号）

其实设置完毕后即加入了 XSL语句 <xsl:for-each>

14，再次浏览 mysite.xml 文件，则会显示了XML文档中所有的数据记录。

至此，利用DW8建立XSLT页，可视化操作XML数据的功能暂告一段落，相信您也已经对DW8的这个功能很感兴趣，并对 XML+XSL+CSS 也开始入门

提供三个文件进行参考

 http://dw8.cn/forum/upload/2005_10_18/testxml/mysite.xml
http://dw8.cn/forum/upload/2005_10_18/testxml/mysite.xsl
http://dw8.cn/forum/upload/2005_10_18/testxml/mysite.css

当然，为实现教程效果，我这个 XSL 文件处理欠妥了。奉上 forestgan 老哥的案例给大家一饱眼福。

地址： http://www.forest53.com/test/lernplus/index.xml

http://www.forest53.com/test/lernplus/xsl/home.xsl

还没问 forestgan 老哥，估计他这三个文件都是手写的了，那还不赶紧用DW8:D

[Edit on 2006-1-22 11:12:21 By cnbruce]

在百度搜索完整的DW8新功能之建立XSLT页可视化操作XML数据(二)内容，或者用Google搜索相关的更多内容

By [cnbruce] at 9:20:57 | 评论 [6] | 浏览 [25075] | TrackBack| 返回顶部

9 [摘录]AJAX忧虑与启发：成... :篇一上

下一篇: DW8新功能之建立XSLT... :