Dreamweaver8新功能 之 建立XSLT页可视化操作XML数据(一)3

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

<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