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

45 阅读 0 评论 0 点赞

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

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

<xml id="blog"> <blog>     <title>Test xml</title>     <a href="https://freeymw.com/addons/cms/go/index.html?url=https%3A%2F%2Fwww.jb51.net%2Farticle%2F23421.htm"  title="查看具体详情" target="_blank">引入外部Js需再刷新一下页面才能执行</a>]</div><br>当然，还可以<a href="https://freeymw.com/addons/cms/go/index.html?url=http%3A%2F%2Fwww.cnbruce.com%2Fblog%2Fshowlog.asp%3Fcat_id%3D34%26amp%3Blog_id%3D969"  target="_blank">使用XSLT将XML显示到页面</a>中，不过现在使用了Dreamweaver CS3集成Spry功能，就能很轻松的将XML数据嵌入到HTML中，同时还能进行XML数据的重新排序以及定时的数据更新和无刷新显示等——标准的Spry AJAX应用。<br><br><b>1，XML数据文件：site.xml</b><br><br>
<table cellspacing="1" width="100%" bgcolor="#cccccc" border="0">
<tbody>
<tr>
<td bgcolor="#efefef"><br><?xml version="1.0" encoding="utf-8"?><br><mysite><br>    <site><br>        <name>CNBRUCE</name><br>        <url>http://www.cnbruce.com</url><br>        <desc>cnbruce's blog</desc><br>        <atime>2003</atime><br>    </site><br>    <site><br>        <name>DW8</name><br>        <url>http://www.dw8.cn</url><br>        <desc>About dreamweaver and web</desc><br>        <atime>2006</atime><br>    </site><br>    <site><br>        <name>164</name><br>        <url>http://www.164.cc</url><br>        <desc>Music Blog</desc><br>        <atime>2005</atime><br>    </site><br></mysite><br><br></td></tr></tbody></table><br><a href="https://freeymw.com/addons/cms/go/index.html?url=http%3A%2F%2Fwww.cnbruce.com%2Ftest%2Fspry%2Fsite.xml"  target="_blank">http://www.cnbruce.com/test/spry/site.xml</a> <br><br><b>2，在Dreamweaver CS3中添加“Spry XML Date Set”</b><br><br><a href="/upload/200753120517957.jpg"  rel="lightbox[roadtrip]"><img src="/upload/200753120517957.jpg" border="0"></a><br><br><b>3，打开的对话框中浏览选择XML数据源</b>，再单击“Get schema”提取XML节点显示，在“Row element”内选择节点即自动获得了“XPath”（注意：当选择不同的XPath，最终能显示的信息也不相同），在“Sort”栏选择分类排序的参考节点，比如选择时间的降序或升序，在“Options”中就可以来设置XML数据的自动更新并且是无刷新机制的显示。<br><br><a href="/upload/200753120517909.jpg"  rel="lightbox[roadtrip]"><img src="/upload/200753120517909.jpg" border="0"></a><br><br>4，完成了XML数据的绑定后，就可以在HTML页面中将XML数据(循环)显示了。<br><br><a href="/upload/200753120517935.jpg"  rel="lightbox[roadtrip]"><img src="/upload/200753120517935.jpg" border="0"></a><br><br>总的说来很容易上手，回头到【代码】视图下看代码也很简洁，所有的工作都让Spry框架给完成了。<br><br>测试地址： <a href="https://freeymw.com/addons/cms/go/index.html?url=http%3A%2F%2Fwww.cnbruce.com%2Ftest%2Fspry%2Fsite.html"  target="_blank">http://www.cnbruce.com/test/spry/site.html</a> <br><br>不过目前的问题和考虑是：<br>1，对中文XML节点的数据源不能很好支持<br>2，XML在HTML显示的超级链接好像打不开<br>3，需要解决远程XML数据源的问题，也就是类似RSS聚合的功能了

</div>                        </p>
                        
                    </div>
                    <div class="copyright-box alert alert-warning"><p>本站资源均来自互联网，仅供研究学习，禁止违法使用和商用，产生法律纠纷本站概不负责！如果侵犯了您的权益请与我们联系！</p>
                        <p>
                            转载请注明出处：
                            <a href="/">免费源码网-免费的源码资源网站</a> »
                            <a href="https://freeymw.com/article/9227.html">使用Spry轻松将XML数据显示到HTML页的方法</a>
                        </p>
                    </div>

<div class="article-donate">
    <a href="javascript:" class="btn btn-primary btn-like btn-lg" data-action="vote" data-type="like" data-id="9227" data-tag="archives"><i class="fa fa-thumbs-up"></i> 点赞(<span>0</span>)</a>
        <a href="javascript:" class="btn btn-outline-primary btn-donate btn-lg" data-action="donate" data-id="9227" data-image="https://freeymw.oss-cn-shenzhen.aliyuncs.com/uploads/20240619/a8038d024d1e47ae98988b1f225ec16c.png"><i class="fa fa-cny"></i> 打赏</a>
    </div>

<div class="social-share text-center mt-2 mb-1" data-initialized="true" data-mode="prepend" data-image="/upload/200753120517909.jpg">
    <a href="javascript:" class="social-share-icon icon-heart addbookbark" data-type="archives" data-aid="9227" data-action="/addons/cms/ajax/collection.html"></a>
    <a href="#" class="social-share-icon icon-weibo" target="_blank"></a>
    <a href="#" class="social-share-icon icon-qq" target="_blank"></a>
    <a href="#" class="social-share-icon icon-qzone" target="_blank"></a>
    <a href="javascript:" class="social-share-icon icon-wechat"></a>
</div>

<div class="entry-meta">
    <ul>
        
        <li>本文分类：<a href="/article.html">文章资讯</a></li>
        <li>本文标签：<a href="/t/使用Spry轻松将XML数据显示到HTML页的方法.html" class="tag" rel="tag">使用Spry轻松将XML数据显示到HTML页的方法</a></li>
        <li>浏览次数：<span>45</span> 次浏览</li>
        
        <li>本文链接：<a href="https://freeymw.com/article/9227.html">https://freeymw.com/article/9227.html</a></li>
        
    </ul>

<ul class="article-prevnext">
        
                <li>
            <span>上一篇 ></span>
            <a href="/article/9226.html">xml中的空格之完全解说</a>
        </li>
                <li>
            <span>下一篇 ></span>
            <a href="/article/9228.html">XML中显示HTML的小技巧</a>
        </li>
                
    </ul>
</div>

<div id="commentpager" class="text-center">
            </div>

<div id="postcomment">
        <h3>发表评论 <a href="javascript:;">
            <small>取消回复</small>
        </a></h3>
        <form action="/addons/cms/comment/post.html" method="post" id="postform">
            <input type="hidden" name="__token__" value="6b6221a256792ebec812e3fff20d286f" />            <input type="hidden" name="type" value="archives"/>
            <input type="hidden" name="aid" value="9227"/>
            <input type="hidden" name="pid" id="pid" value="0"/>
            <div class="form-group">
                <textarea name="content" class="form-control" disabled placeholder="请登录后再发表评论"  id="commentcontent" cols="6" rows="5" tabindex="4">

登录注册新账号