调用链接文章数据的自定义视图之点点使用技巧

使用过点点的都清楚就是点点的内容发布分为了文字、图片、视频、链接等几个部分，如何分别调用其中的各个部分内容已完成网页的部署是一个值得研究的话题，今天小编抛出此技巧也算是抛砖引玉吧，希望大家分线更多的模块出来，让更多的人免费使用这些资源。

同样这个调用因为是使用自定义视图的方式进行调用，所以也包含了js调用模版、DIV容器、js输出代码（为了防止过多js相互冲突，我使用了jqure输出模块）三部分：

第一部分代码：js调用模版

<!--提取链接列表的接口-->
<script type="server/javascript">
    // 将数据视图的定义放到主体模板渲染之前
    if (dian.request.action === 'getList.html') {
        var posts = dian.data.posts,
            obj = new Array();

        // 这是一个取链接列表的接口示例
        if (posts && posts.length > 0) {
            posts.forEach(function(post) {
                if (post.link) {
                  obj.push('<a href="' + post.url + '" title="'+ dian.tools.nohtmlTruncate(post.description,"36","…") +'">' + post.title +'</a>');
                }
            });
        }

        write(obj.join(""));
        return;
    }
</script>

老规矩，这个也必须放在所有代码之前！而且使用时将注释部分（即<!–提取链接列表的接口–>）去掉。

第二部分：DIV容器

<div id="top59588">
	<ul>
		<li id="ad59588t"><a href="http://www.59588.cn/post/2012-08-31/40038362737" rel="nofollow" target="_blank">【精品导航】</a></li>
		<li id="ad59588"></li>
	</ul>
	</div>

至于css代码也不提供了，大家根据自己需要设定即可！

第三部分：jqure输出模块

<script type="text/javascript">
		 /* <![CDATA[  */		 
		var J = jQuery.noConflict();
		J(document).ready(function(){	
//导航下的链接所需js
			 J("#ad59588").load("/do/getList.html?_posts[limit]=20&_posts[offset]=0&_posts[type][]=link");
			});
			//导航下的链接所需js结束

		/* ]]> */  
	</script>

好了，链接文章的调用就说到这里，如果有时间我还会研究关于视频文章的调用方式，具体视情况而定，敬请期待！

最后编辑：2012-09-02

作者：xindao

这个作者貌似有点懒，什么都没有留下。

站内专栏