欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > cms使用教程 > 织梦仿站教程 >

织梦DEDECMS增加一个点赞的功能代码实例

发布时间:2017-02-05  编辑:杨雨个人博客网站   点击:   

给织梦dedecms增加一个点赞的功能。首先我们需要在后台执行一句php语句: ALTER TABLE dede_archives ADD zan int(11) NOT NULL DEFAULT 0 AFTER weight; 也就是在 dede_archives 表中增加 zan 这个


给织梦DEDECMS增加一个点赞的功能。首先我们需要在后台执行一句PHP语句: ALTER TABLE dede_archives ADD zan int(11) NOT NULL DEFAULT '0' AFTER weight; 也就是在 dede_archives 表中增加 zan 这个字段,加到weight这个字段后边。然后重新执行以下下面的语句: CREATE TABLE IF NOT EXISTS `dede_zan` ( `id` int(11) NOT NULL AUTO_INCREMENT, `aid` int(11) NOT NULL, `ip` varchar(40) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 这个表是保存被赞的文档aid 及IP的,为了检测是否赞过的IP,执行之后在include/extend.func.php 中增加以下函数,用来获取文档被赞次数的: function zan($aid) { global $dsql; $row = $dsql->GetOne("Select id,zan From dede_archives where"); return $row['zan']; } 然后再需要安装点赞功能的模板页面,我们这里选择默认的模板页面,打开模板templets/default/article_article.htm里面添加调用代码的Css控制代码: .zan p{background:#000; opacity:.8;filter:alpha(opacity=80);} .zan p a{padding-left:30px; height:24px; background:url(../images/heart.png) no-repeat 4px -1px;color:#fff; font-weight:bold; font-size:14px} .zan p a:hover{background-position:4px -25px;text-decoration:none} 同时在需要添加点赞代码的地方添加:

{dede:field.id function="zan(@me)"/}

上面的代码就是实际操作的代码,同时需要在模板页面引入一段JS函数文件: $(function(){ $("p a").click(function(){ var zan = $(this); var id = zan.attr("rel"); //对应id zan.fadeOut(300); //渐隐效果 $.ajax({ type:"POST", url:"/zan.php", data:"id="+id, cache:false, //不缓存此页面 success:function(data){ zan.HTML(data); zan.fadeIn(300); //渐显效果 } }); return false; }); }); 可以将上面的JS代码放到一个JS文件之中,例如加入的JS文件是jquery.js,记得引入jquery.js: 只不过需要注意这个JS文件的路径问题,最后是建一个zan.php 放到根目录,里面的代码为: 本文地址:http://itbyc.com/web/dedecms/15300.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1