网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群

dreamweaver网站制作教程:DW8建立XSLT页可视化操作XML(3)

时间:2013-12-21 11:02 来源:dreamweaver教程 作者:DW8建立XSLT页可视化 阅读:

dreamweaver网站制作教程:DW8建立XSLT页可视化操作XML

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

 

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

 

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

dreamweaver网站制作教程:DW8建立XSLT页可视化操作XML

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

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

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

dreamweaver网站制作教程:DW8建立XSLT页可视化操作XML

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

dreamweaver网站制作教程:DW8建立XSLT页可视化操作XML

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

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

dreamweaver网站制作教程:DW8建立XSLT页可视化操作XML

至此,利用DW8建立XSLT页?墒踊?僮鱔ML数据的功能暂告一段落,相信您也已经对DW8的这个功能很感兴趣,并对 XML+XSL+CSS 也开始入门


提供三个文件进行参考

mysite.xml 
mysite.xsl 
mysite.css 

当然,为实现教程效果,我这个 XSL 文件处理欠妥了。奉上 forestgan 老哥的案例给大家一饱眼福。
PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程