主要流程：
點贊—>判斷當前設備IP是否對當前文章有過點贊記錄—>若有記錄，彈出提示“已經贊過了”; 若無記錄，當前文章點贊數+1，並在記錄設備IP點贊記錄的表中插入信息。
文章表 article 必不可少的字段：article_id(必須設置為自增), cat_id, praise
圖文表 image_article 必不可少的字段：article_id(必須設置為自增), cat_id, praise
設備IP點贊記錄表 client_ip 必不可少的字段：id(必須設置為自增), article_id, cat_id, ip
HTML部分：
<button class="praise" rel="{$sentence.article_id}" rev="{$sentence.cat_id}">
({$sentence.praise})
</button>
JS部分( praise.js )：
$(function (){
$(".praise").click(function () {
var praise = $(this);
var article_id = praise.attr("rel"); //獲取HTML頁面POST過來的article_id
var cat_id = praise.attr("rev"); //獲取HTML頁面POST過來的cat_id
$.ajax({
type: "POST",
url: "praise.php",
data: "article_id=" + article_id + "&cat_id=" + cat_id,//數據拼接
cache: false, //不緩存此頁面
success: function (data) {
praise.html(data); //顯示data並局部刷新
},
error: function () {
alert("error");
}
});
});
});
PHP部分( praise.php )：
<?php
$connect = mysql_connect("數據庫地址","數據庫用戶名","數據庫密碼");//鏈接數據庫
if (!$connect){die('Could not connect: ' . mysql_error());}
mysql_select_db("數據庫名稱",$connect);//選擇數據庫
由於圖片上的代碼直接貼上來會被 encode decode 變得錯亂，所以直接上圖了。