SiteFactory / BizIdea 用Ajax实现Digg标签(我顶,我踩) hits
“我顶、我踩”功能已经流行好久。这种看起来颇为时尚的用户互动功能,深受众多论坛、博客、资讯网站的喜爱。
SiteFactory / BizIdea 实现这个功能是比较容易的,系统也带了这样的标签,NT老师还专门做了段教学视频来讲解制作原理。但出于安全原因,SF没将这样的功能作为推广重点。在论坛上看到的也是求助多,成功例子少。
于是制作本教程,一起来体验下SF的强大与灵活!
标签名称:Digg标签
功能说明:在内容页面实现“我顶”、“我踩”的互动功能;通过AJAX读取和刷新支持数据;cookie记录用户的支持或反对,避免重复评价
关联标签:Digg统计.config;读取支持反对率.config;
使用范围:内容页模板
效果示例1:http://www.ks-pe.com/Item/1.aspx
效果示例2:http://www.ks-pe.com/Item/127.aspx
效果示例3:本页文章标题下方
使用说明:
1, 下载并解压本文后附带的例子到网站目录。若为正式使用,要作好充分的测试以及相关的数据备份。
2, 后台“内容模型管理”,在您准备添加DIG功能的模型中添加两个数字型字段。本文以“文章模型”为例。


3, 指定内容模板为本文附带例子中的模板。可以在节点中指定,也可以在单独的内容中指定。

4, 也可以在现有的内容页模板上添加。在模板头部增加以下引用
<link href="/Skin/PEDesign/Digg.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.pack.js"></script>
在需要调用Digg功能的地方加入:
{PE.Label id="Digg标签" /}

至此,应该可以看到效果了。当然,这样的功能也不是只能用在内容页的,稍加修改和灵活调用,就可以用在列表页或者其他页面。
使用中有任何问题欢迎留言指出。
本文假定您熟悉SF/BI后台基本操作,并知道如何在“内容模型”中添加自定义字段。若您要修改例子标签中的内容,应该对 JS/AJAX/SQL 以及系统安全有一定程度的了解。
标签下载:[2009-12-13更新]
http://www.ks-pe.com/Common/ShowDownloadUrl.aspx?urlid=0&id=63
更新说明:
[2009-12-13] 无法动态更新数值的BUG,该BUG会影响在静态页下的使用;
[2009-04-05] “Digg标签.config”中增加jQuery.noConflict(),解决和默认模板的评论冲突的问题(如果引用此标签的页面本来也使用了JQuery库并且用到了$,则需要在Digg标签.config中把jQuery.noConflict()去掉)
[2009-03-01] 增加一种呈现样式
[2009-02-28] JS代码优化;查询数据时,增加对字段是否为NULL的判断
[2009-02-02] 增加AJAX读取数据功能,使得静态访问时,内容页不用重新生成也可以看到新的支持结果
- 我顶(114人顶)
- 我踩(97人踩)
- 上一篇: SF导航菜单标签 -- 可根据当前所属节点高…
- 下一篇: BizIdea京东商城商品导航菜单标签
