本日志标题: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| 返回顶部

About Comments
狼哥,问一下xml记录如何分页呢? 比如1 ,2 ,3,4,5,6,7,8
不可能就做这么简单的吧.要应用到网站中去分页是必须的.
By [ad] at 2005-10-19 12:03:29
支持!!期待……
By [ieidea] at 2005-10-19 17:19:53
不太明白,用数据库不是更容易吗? 为什么还要做XML?
By [wewfwef] at 2005-10-20 5:47:27


Post a Comment
呢称: 验证码: 
禁止笑脸转换 禁止UBB | 缩放输入框:6 5 | [Ctrl+Enter提交](1000个字符限制)