使用Spry轻松将XML数据显示到HTML页的方法_Xml教程

缂佸洦鈪礑edeCMS鐟欏棝顣堕弫娆戔柤娑旀壆鈹栭梻锟� 缁夌喐婀囬崝鈥虫珤闁缍夌涵鏇氱鞍閼辨棑绱� 閺冪姴鍜栫粩娆撴毐瀹搞儱鍙�,閻ф儳瀹抽弶鍐櫢娑撯偓闁款喖鍙忛弻锟�!

随着对Dreamweavse cs3中集成Spry功能的深入学习，了解并掌握到Spry框架的一些功能模块，其中就有通过Dreamweavse cs3可视化操作轻松将XML数据显示到HTML页中。

当然，谈到如何将XML数据插入显示到HTML页中，通常立即想到的就是数据岛。比如：

<<a href="http://www.mb5u.com/biancheng/xml/">xml</a> id="blog"> 
<blog> 
    <title>Test xml</title> 
    ]</div><BR>当然，还可以中，不过现在使用了Dreamweaver CS3集成Spry功能，就能很轻松的将XML数据嵌入到HTML中，同时还能进行XML数据的重新排序以及定时的数据更新和无刷新显示等——标准的Spry AJAX应用。<br><br><B>1，XML数据文件：site.xml</B><br><br>
<BR> <br><br><B>2，在Dreamweaver CS3中添加“Spry XML Date Set”</B><br><br><br><br><B>3，打开的对话框中浏览选择XML数据源</B>，再单击“Get schema”提取XML节点显示，在“Row element”内选择节点即自动获得了“XPath”（注意：当选择不同的XPath，最终能显示的信息也不相同），在“Sort”栏选择分类排序的参考节点，比如选择时间的降序或升序，在“Options”中就可以来设置XML数据的自动更新并且是无刷新机制的显示。<br><br><br><br>4，完成了XML数据的绑定后，就可以在HTML页面中将XML数据(循环)显示了。<br><br><br><br>总的说来很容易上手，回头到【<a href="http://www.mb5u.com/changyongdaima/">代码</a>】视图下看代码也很简洁，所有的工作都让Spry框架给完成了。<br><br>测试地址：  <br><br>不过目前的问题和考虑是：<BR>1，对中文XML节点的数据源不能很好支持<BR>2，XML在HTML显示的超级链接好像打不开<BR>3，需要解决远程XML数据源的问题，也就是类似RSS聚合的功能了<p style="padding: 8px 16px;background: #F5FCEE;border: 1px solid #DCDDDD; margin:8px auto; font-size:12px;">分享：<a href='http://www.mb5u.com/biancheng/xml/xml_96504.html'>SixSix翻译的XAML教程 语法简介</a></br>SixSix翻译的XAML教程 语法简介</p>

<div class="nr_info mb10"><span class="one">来源：模板无忧</span>/<em style="display:none;"><span></span>/</em><span>所属分类：<a href="http://www.mb5u.com/biancheng/xml/">Xml教程</a></span>/<span>更新时间：2013-04-22</span>
<script src="/plus/count.php?aid=96538&mid=1" type='text/javascript'></script>
</div><div class="wz_nr_r"><a href="javascript:sc(96538);" title="收藏使用Spry轻松将XML数据显示到HTML页的方法到会员收藏夹">[收藏]</a><a href="javascript:bc('使用Spry轻松将XML数据显示到HTML页的方法',window.location.href,96538);">[报错]</a><a href="http://www.mb5u.com/biancheng/xml/" title="返回Xml教程教程列表">[返回列表]</a></div>

</div>

<div id="ajax_ts"></div><div id="comment"></div>
<script language="javascript">comment(96538);</script>
<div class="l_ad"><script src="/ajs/8.js" type="text/javascript"></script></div>

<div class="vtitle">相关<strong>Xml教程</strong>：</div>
<div class="xg_list"><ul><li><a href="http://www.mb5u.com/biancheng/xml/xml_97882.html">xml创建节点(根节点、子节点)</a></li>
<li><a href="http://www.mb5u.com/biancheng/xml/xml_96900.html">WML开发教程之 WAP网站服务器配置方法</a></li>
<li><a href="http://www.mb5u.com/biancheng/xml/xml_96869.html">WMLScript的语法基础</a></li>
<li><a href="http://www.mb5u.com/biancheng/xml/xml_96837.html">收集的WML Script标准函数库</a></li>
<li><a href="http://www.mb5u.com/biancheng/xml/xml_96807.html">WML教程之文本框控件Input</a></li>
<li><a href="http://www.mb5u.com/biancheng/xml/xml_96769.html">无线标记语言(WML)基础之WMLScript 基础</a></li>
<li><a href="http://www.mb5u.com/biancheng/xml/xml_96738.html">xml文件的结构解读</a></li>
<li><a href="http://www.mb5u.com/biancheng/xml/xml_96705.html">关于XSL - XSL教程</a></li>
<li><a href="http://www.mb5u.com/biancheng/xml/xml_96674.html">选择模式 - XSL教程 - 2</a></li>
<li><a href="http://www.mb5u.com/biancheng/xml/xml_96652.html">XPath入门 - XSL教程 - 3</a></li>
<li><a href="http://www.mb5u.com/biancheng/xml/xml_96631.html">匹配模式 - XSL教程 - 4</a></li>
<li><a href="http://www.mb5u.com/biancheng/xml/xml_96614.html">测试模式 - XSL教程 - 5</a></li>
</ul></div>

</div><div id="main_r">
<h3><a href="/rss/166.xml" class="addrss" title="订阅Xml教程更新">Xml教程Rss订阅</a>编程教程搜索</h3>

<div class="sublist">
<h3>Xml教程推荐</h3>
<ul><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_24037.html">AJAX基础教程及初步使用</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_96614.html">测试模式 - XSL教程 - 5</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_41200.html">解读Ajax清理缓存</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_24153.html">XSL基础教程第三章</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_40926.html">如何使用XML语言</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_28489.html">如何用XSLT把ADO记录集转换成XML</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_96504.html">SixSix翻译的XAML教程 语法简介</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_40766.html">WML入门基本情况概述</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_41171.html">浅析XML规范和学习资源小结</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_24039.html">在SQLServer中用XQuery分解XML数据</a></li></ul>
</div>
<div class="sublist xglm"><h3>猜你也喜欢看这些</h3>
<ul><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_41179.html">详解XML语法概述</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_24020.html">XML数据库中几个容易混淆的概念</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_24162.html">XML技巧五则</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_40598.html">xml数据存入数据库的解决办法</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_41129.html">如何了解认识XML</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_24043.html">使用PHP和AJAX的XML编程(1)</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_24045.html">XML HttpRequst对象基础方法学习</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_28322.html">解读XML入门的常见问题(二)</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_40608.html">怎样解决xml编码问题在VB,PHP,JAVA下的问题</a></li><li><a target="_blank" href="http://www.mb5u.com/biancheng/xml/xml_24148.html">XML 中的常见问题(一)</a></li></ul>
</div>
<script src="/ajs/17.js" type="text/javascript"></script>
<div class="r_ad"><script src="/ajs/4.js" type="text/javascript"></script></div></div>

</div>
<div class="site_info"><ul><li><span>相关链接：</span><p><a href="javascript:copyToClipBoard();">复制本页链接</a>|   <a rel="nofollow" href="http://www.mb5u.com/s.php?q=使用Spry轻松将XML数据显示到HTML页的方法" target="_blank">搜索使用Spry轻松将XML数据显示到HTML页的方法</a></p></li><li class="s_i_a"><span>教程说明：</span><p><a class="s_i_a" href="http://www.mb5u.com/biancheng/xml/">Xml教程</a>-<strong>使用Spry轻松将XML数据显示到HTML页的方法</strong><img src="http://i1.mb5u.com/img/11.gif" />。</p></li></ul><div class="cl"></div></div>
</div><script src="/ajs/6.js" type="text/javascript" language="javascript"></script></body></html>