マウスをホバーすると星が点灯します
5つ星の評価システムを設計するためのすばらしいチュートリアルがWeb上にあります: http: //rog.ie/blog/css-star-rater
。純粋にCSSなので、Javascriptingは必要ありません。
スターがクリックされたときにページをリロードする必要はありません(実際には必要ありません)
Ajaxはあなたの友達です、私がしたことは<a class="one_star" href="javascript: submitRating(1, 5)">
を持つことでした ここで、<a>
星とsubmitRating()
を表しました 関数はAjaxを使用して私の評価(1/5)をサーバーに送信し、サーバーは評価を保存し(そして評価を与えたユーザーを割り当て)、新しい平均評価を再計算して結果をJSON形式で送信します。
星の横に表示されるある種の平均
簡単です。製品IDに基づいて、合計を受け取るSQLスクリプトを記述します 平均評価(つまり、1/5 + 2/5 + 4/5など)の、それ(合計)を評価の合計量で割り、100を掛けます。値をサーバーに戻し、サーバーから返します。クライアントに戻ります。
評価はMySQLデータベースのどこかに保存する必要があります(これは良い考えですか?)
これにはMySQLを使用していますが、これは魅力のように機能します。どのDBシステムでも問題ありません。