jQuery+Ajax+PHP「いいね」評価機能実装コード、jqueryajax_PHPチュートリアル-PHPチュートリアル-php.cn

jQuery+Ajax+PHP「いいね」評価機能実装コード、jqueryajax_PHPチュートリアル

WBOY

リリース： 2016-07-12 09:07:59

オリジナル

831 人が閲覧しました

jQuery+Ajax+PHPの「いいね！」評価関数の実装コード、jqueryajax

この記事では、jQuery+Ajax+PHPの「いいね！」評価関数の実装コードを紹介します。ユーザーは気に入った画像の赤いハートをクリックします。ページ上でボタンを押すと、フロントエンドページは ajax リクエストをバックグラウンドに送信します。リクエストを受信した後、バックグラウンドの PHP プログラムは IP ライブラリにユーザーのクリックレコードが存在するかどうかを確認します。対応する値は +1 で、ユーザーの IP 情報が IP データベースに書き込まれます。そうでない場合は、ユーザーに「いいね」したことが通知されます。

データベース設計
まず、2 つのテーブルを用意します。pic テーブルには、ユーザーがクリックした後の写真の名前、パス、「いいね！」の総数などの写真情報が保存されます。

リーリーリーリー

index.php
index.phpでは、PHPを通じてpic table内の画像情報を読み込んで表示し、CSSと組み合わせてページの表示効果を高めています。
コードは次のとおりです

リーリー

CSS で、マウスが赤いハートボタンに近づいたり遠ざかったりする動的な効果を定義し、ボタンを配置します。
コードは次のとおりです

リーリー

jQueryコード
ユーザーが気に入った画像の赤いハートのボタンをクリックすると、バックグラウンドの love.php に ajax リクエストが送信され、リクエストの応答が成功すると、元の値が更新されます。
コードは次のとおりです

リーリー

love.php
バックグラウンドの love.php は、フロントエンドから ajax リクエストを受け取り、送信された画像 ID 値に基づいて IP テーブルを検索し、ユーザーの IP のクリック記録があるかどうかを確認します。存在する場合は、その旨をユーザーに伝えます。それ以外の場合は、次の操作を実行します:
1. 画像テーブル内の対応する画像愛フィールド値を更新し、値に 1 を加算します。
2. ユーザーが繰り返しクリックすることを防ぐために、ユーザーの IP 情報を pic_ip テーブルに書き込みます。
3. 更新されたラブ値、つまり写真を気に入っているユーザーの総数を取得し、その合計をフロントエンドページに出力します。
コードは次のとおりです

リーリー

コード内の get_client_ip() 関数は、ユーザーの実際の IP を取得するために使用されます。

上記は、PHP で「いいね！」評価機能を実装するための主要なコードです。注意深く学習して、そこから何かを得ていただければ幸いです。

。