本文用戶登錄的簡單點(diǎn)贊功能,主要使用了Ajax,配置
2021-08-12
本文基于簡單的like函數(shù),無需用戶登錄,主要使用Ajax,
配置
$ composer require predis/predis
'redis' => [
'client' => 'predis',
'cluster' => false,
'default' => [
'host' => env('REDIS_HOST', 'localhost'),
'password' => env('REDIS_PASSWORD', null),
'port' => env('REDIS_PORT', 6379),
'database' => 0,
],
],
注意:如果系統(tǒng)是用pecl下載的,那么上面配置中對應(yīng)的值要改成。如果不是本地環(huán)境添加,作者不會報錯。當(dāng)然,還是要看個人本地或者生產(chǎn)環(huán)境的配置。
use Illuminate\Support\Facades\Redis;
您可以查看手冊以了解如何使用它。
點(diǎn)贊的基本原理和實現(xiàn)思路
原理:用戶點(diǎn)贊后,會通過ajax向后臺發(fā)起請求,后臺先檢查用戶是否點(diǎn)贊了(取key值,喜歡為1,不點(diǎn)贊是0).返回對應(yīng)的狀態(tài)碼對于js.BTW,如果添加用戶登錄等,那么當(dāng)前用戶喜歡后會生成一個直接判斷用戶是否已經(jīng)喜歡過,不需要后臺查詢數(shù)據(jù)庫,提高響應(yīng)速度。
實現(xiàn)思路:在點(diǎn)贊頁面的控制器中將當(dāng)前點(diǎn)贊狀態(tài)綁定到視圖php點(diǎn)贊功能實現(xiàn)php點(diǎn)贊功能實現(xiàn),通過視圖中的js監(jiān)控點(diǎn)贊按鈕。點(diǎn)擊后會訪問后臺邏輯頁面進(jìn)行邏輯處理。
class IndexController extends Controller
{
public function index()
{
$allClick = Redis::get("click");
return view('index',['click' => $allClick]);
}
public function isLike()
{
$click = Redis::get("click");
if($click) {
Redis::set("click",0);
return ['status' => 0,'msg' => '取消點(diǎn)贊','count' => 0];
} else {
Redis::set("click",1);
return ['status' => 1,'msg' => '點(diǎn)贊成功','count' => 1];
}
}
<script type="text/javascript">
$(function($) {
var event = $("#like").click(function () {
$.ajax({
url : "api/islike"
}).success(function (data1) {
if(data1.status) {
alert("點(diǎn)贊成功");
$("#count").text('');
$("#count").text(data1.count);
} else {
alert("Yummy" + data1.msg);
$("#count").text('');
$("#count").text(data1.count);
}
});
});
})
script>
需要注意的是,如果代碼中使用了$.post,可能會出現(xiàn)[%]之類的錯誤。