首先后臺執行SQL
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 id='".$aid."'");
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}
加入JS,記得引入jquery.js
<script type="text/javascript" src="/jquery.js"></script>
$(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;
});
});
加入
<div class="zan"><p><a href="#"
title="贊一個 "class="img_on" rel="{dede:field.id/}">{dede:field.id function="zan(@me)"/}</a></p></div>
建立zan.php 放到根目錄
<?php
require_once (dirname(__FILE__) . "/include/common.inc.php");
$ip =getip(); //獲取用戶IP
$id = $_POST['id'];
if(!isset($id) || empty($id)) exit;
//查詢已贊過的IP
$dsql->SetQuery("SELECT ip FROM dede_zan WHERE aid='".$id."' and ip='$ip'");
$dsql->Execute();
$count = $dsql->GetTotalRow();
if($count==0){ //如果沒有記錄
$dsql->ExecuteNoneQuery("update dede_archives set zan=zan+1 where id='$id'; ");//寫入贊數
$dsql->ExecuteNoneQuery("insert into dede_zan (aid,ip) values ('$id','$ip'); ");//寫入IP,及被贊的AID
$rows = $dsql->GetOne("Select zan from dede_archives where id='".$id."'");//獲取被贊的數量
$zan = $rows['zan']; //獲取贊數值
echo $zan;
}else{
echo "贊過了..";
}
好了,點贊功能開發好了。
