PHP+jQuery+MySql に基づく赤と青 (賛成票) 投票コードの実装、jquerymysql_PHP チュートリアル
- WBOYオリジナル
- 2016-07-13 09:44:22815ブラウズ
PHP+jQuery+MySql に基づいて赤と青 (賛成投票) 投票コードを実装した jquerymysql
最初にレンダリングを示します:
デモを見る ソースコードをダウンロードする
これは、二者間の視点による投票シナリオに適用された、非常に実用的な投票の例です。ユーザーは、自分の意見を代表する政党に投票することを選択できます。この記事では、フロントエンドとバックエンドのインタラクションを通じて、赤党と青党の投票を例として、投票数と割合を直感的に表示します。赤と青のパーティーで広く使用されています。
この記事は総合的な知識を応用した記事であり、PHP、jQuery、MySQL、html、css の基本的な知識が必要です。
HTML
ページ上に赤と青の政党の意見、対応する投票数と割合、投票インタラクションのための手の写真を表示する必要があります。この例では、#red と #blue は赤と青を表します。それぞれ青いパーティー。 .redhand と .bluehand は手の形の投票ボタンを作成するために使用されます。 .redbar と .bluebar は赤側と青側の割合を示し、#red_num と #blue_num は両側からの投票数を示します。
CSS
CSS を使用して、ページの美化、背景画像の読み込み、相対位置の決定などを行います。次のコードを直接コピーして、独自のプロジェクトにわずかな変更を加えることができます。
jQuery
ハンドボタンをクリックすると、jQueryの$.getJSON()を使用してバックグラウンドphpにAjaxリクエストが送信され、リクエストが成功するとバックグラウンドから返されたjsonデータが取得され、jQueryがそのjsonデータを処理します。 。次の関数: getdata(url,sid) は 2 つのパラメーターを渡します。URL はリクエストのバックエンド PHP アドレスであり、sid は現在の投票トピック ID を表します。この関数では、返される JSON データには両方の投票数が含まれます。青の政党と両党の割合、割合に基づいて割合バーの幅が計算され、投票効果がインタラクティブに非同期に表示されます。
リーリー初めてページが読み込まれるとき、getdata() が呼び出され、クリックして赤いチームに投票するか、青のチームに投票して getdata() も呼び出しますが、渡されるパラメーターは異なります。この例のパラメーター sid は 1 に設定されており、開発者は実際のプロジェクトに基づいて正確な ID を読み取ることができます。
PHP
フロントエンドはバックグラウンドで vote.php をリクエストし、vote.php はデータベースに接続し、受け取ったパラメータに基づいて関連関数を呼び出します。
関数 vote($type,$id,$ip) は投票アクションを行うために使用されます。 $type は投票者を表し、$id は投票トピックの ID を表し、$ip はユーザーの現在の IP を表します。まず、ユーザーの現在の IP に基づいて、現在の IP レコードが投票レコード テーブル votes_ip に存在するかどうかを照会します。存在する場合は、ユーザーが投票したことを意味します。それ以外の場合は、赤側または青側の投票数を更新します。側で、現在のユーザー投票レコードを votes_ip テーブルに書き込み、投票が繰り返されるのを防ぎます。
関数 jsons($id) は、現在の ID の投票数をクエリし、割合を計算し、フロントエンド呼び出し用の JSON データ形式を返します。
この記事には、ユーザーの実際の IP を取得する関数も含まれています: get_client_ip()、 ここをクリックして関連コードを参照してください: http://www.bkjia.com/article/58610.htm
MySQL
最後に、Mysql データ テーブルを添付します。votes テーブルは、赤党と青党の両方からの投票の合計数を記録するために使用され、votes_ip テーブルは、ユーザーの投票 IP レコードを保存するために使用されます。
リーリーPHP+MySql+jQueryは好き嫌い投票機能を実装します
この記事では、PHP+MySql+jQuery を使用して実装された「好き」と「嫌い」の投票機能を例を使って説明します。ユーザーの IP を記録することで、ユーザーの投票行動が有効かどうかを判断できます。投票システム。
まず、ページに「いいね」ボタンと「嫌い」ボタンを配置します。つまり、#dig_up と #dig_down の投票数と投票率がそれぞれボタンに記録されます。
リーリー上記のコンテンツは、PHP+jQuery+MySql に基づいて赤と青 (賛成票) の投票コードを実装しています。気に入っていただければ幸いです。