五角星评论功能经常在一些文章内容底部评论见到，就比如淘宝上的星级评论，原理都差不多，
html部分
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>星级评分</title>
<link href="start.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript" src="start.js" ></script>
<script type="text/javascript">
$(function(){
get_rate_a(<?php echo $a_score;?>,'a');
get_rate_b(<?php echo $b_score;?>,'b');
get_rate_c(<?php echo $c_score;?>,'c');
get_rate_d(<?php echo $d_score;?>,'d');
get_rate_e(<?php echo $e_score;?>,'e');
});
</script>
</head>
<body>
<div id="main" class="main">
<div class="rate_a">
<em>视频是否全面展示了整个手术流程</em>
<div class="big_rate_a" >
<span rate_a="1"> </span>
<span rate_a="2"> </span>
<span rate_a="3"> </span>
<span rate_a="4"> </span>
<span rate_a="5"> </span>
<div style="width:0px;" class="big_rate_up_a"></div>
</div>
<p><span id="s_a" class="s_a"></span></p>
<div id="my_rate_a"></div>
<span class="pf" id="span_count_a">(<?php echo $a_rs['a_total_num']==null?0:$a_rs['a_total_num'];?>人评分，平均分为<?php echo $a_rs['a_avg_score']==null?0:$a_rs['a_avg_score'];?>)</span>
</div>
<div class="rate_b">
<em>手术操作是否满足疾病治疗的要求</em>
<div class="big_rate_b">
<span rate_b="1"> </span>
<span rate_b="2"> </span>
<span rate_b="3"> </span>
<span rate_b="4"> </span>
<span rate_b="5"> </span>
<div style="width:0px;" class="big_rate_up_b"></div>
</div>
<p><span id="s_b" class="s_b"></span></p>
<div id="my_rate_b"></div>
<span class="pf" id="span_count_b">(<?php echo $b_rs['b_total_num']==null?0:$b_rs['b_total_num'];?>人评分，平均分为<?php echo $b_rs['b_avg_score']==null?0:$b_rs['b_avg_score'];?>)</span>
</div>
<div class="rate_c">
<em>手术操作的器械使用是否恰当</em>
<div class="big_rate_c">
<span rate_c="1"> </span>
<span rate_c="2"> </span>
<span rate_c="3"> </span>
<span rate_c="4"> </span>
<span rate_c="5"> </span>
<div style="width:0px;" class="big_rate_up_c"></div>
</div>
<p><span id="s_c" class="s_c"></span></p>
<div id="my_rate_c"></div>
<span class="pf" id="span_count_c">(<?php echo $c_rs['c_total_num']==null?0:$c_rs['c_total_num'];?>人评分，平均分为<?php echo $c_rs['c_avg_score']==null?0:$c_rs['c_avg_score'];?>)</span>
</div>
<div class="rate_d">
<em>手术操作是否符合相同疗效下最小损伤的概念</em>
<div class="big_rate_d">
<span rate_d="1"> </span>
<span rate_d="2"> </span>
<span rate_d="3"> </span>
<span rate_d="4"> </span>
<span rate_d="5"> </span>
<div style="width:0px;" class="big_rate_up_d"></div>
</div>
<p><span id="s_d" class="s_d"></span></p>
<div id="my_rate_d"></div>
<span class="pf" id="span_count_d">(<?php echo $d_rs['d_total_num']==null?0:$d_rs['d_total_num'];?>人评分，平均分为<?php echo $d_rs['d_avg_score']==null?0:$d_rs['d_avg_score'];?>)</span>
</div>
<div class="rate_e">
<em>如存在意外损伤，其是否处理得当</em>
<div class="big_rate_e">
<span rate_e="1"> </span>
<span rate_e="2"> </span>
<span rate_e="3"> </span>
<span rate_e="4"> </span>
<span rate_e="5"> </span>
<div style="width:0px;" class="big_rate_up_e"></div>
</div>
<p><span id="s_e" class="s_e"></span></p>
<div id="my_rate_e"></div>
<span class="pf" id="span_count_e">(<?php echo $e_rs['e_total_num']==null?0:$e_rs['e_total_num'];?>人评分，平均分为<?php echo $e_rs['e_avg_score']==null?0:$e_rs['e_avg_score'];?>)</span>
</div>
</div>
</body>
</html>
index.php
<?php
include_once('connect.php');
$vid = 3;
$uid = 5;
//查询初始值
$query=mysql_query("select `id`,`a_score`,`b_score`,`c_score`,`d_score`,`e_score` from start_info where uid=$uid and vid=$vid ");
$rs=mysql_fetch_array($query);
$a_score = 0;
$b_score = 0;
$c_score = 0;
$d_score = 0;
$e_score = 0;
if (isset($rs['a_score'])){
$a_score=$rs['a_score'];
}
if (isset($rs['b_score'])){
$b_score=$rs['b_score'];
}
if (isset($rs['c_score'])){
$c_score=$rs['c_score'];
}
if (isset($rs['d_score'])){
$d_score=$rs['d_score'];
}
if (isset($rs['e_score'])){
$e_score=$rs['e_score'];
}
$a_query = mysql_query("select a_total_num, ROUND(a_total_score/a_total_num,2) as a_avg_score from start_count where a_total_score <> 0 and vid=$vid");
$a_rs = mysql_fetch_array($a_query);
$b_query = mysql_query("select b_total_num, ROUND(b_total_score/b_total_num,2) as b_avg_score from start_count where b_total_score <> 0 and vid=$vid");
$b_rs = mysql_fetch_array($b_query);
$c_query = mysql_query("select c_total_num, ROUND(c_total_score/c_total_num,2) as c_avg_score from start_count where c_total_score <> 0 and vid=$vid");
$c_rs = mysql_fetch_array($c_query);
$d_query = mysql_query("select d_total_num, ROUND(d_total_score/d_total_num,2) as d_avg_score from start_count where d_total_score <> 0 and vid=$vid");
$d_rs = mysql_fetch_array($d_query);
$e_query = mysql_query("select e_total_num, ROUND(e_total_score/e_total_num,2) as e_avg_score from start_count where e_total_score <> 0 and vid=$vid");
$e_rs = mysql_fetch_array($e_query);
?>
start.js部分源码
//五角星评分
//TODO 增加新方法时 get_rate_a需要改
function get_rate_a(rate,rate_type){
rate=rate.toString();
var s = rate+"分";
$("#s_"+rate_type).text(s);
$(".big_rate_up_"+rate_type).animate({width:rate*28});
$(".big_rate_"+rate_type+" span").each(function(){
if(rate>0){//如果评过了就不再往下执行
$(".big_rate_"+rate_type+" span").css("cursor","default");//讲5角星的手势样式去掉
$("#my_rate_"+rate_type).html("<span>您已经评过分了，您的评分是"+rate+"分</span>");
return;
}
$(this).mouseover(function(){
$(".big_rate_up_"+rate_type).width($(this).attr("rate_"+rate_type) * 28 );//显示选亮的星星
$("#s_"+rate_type).text($(this).attr("rate_"+rate_type)+"分");//显示你选的分数
}).click(function(){
$(".big_rate_"+rate_type+" span").unbind("mouseover");//禁用mouseover事件
$(".big_rate_"+rate_type+" span").unbind("click");//禁用click事件
$(".big_rate_"+rate_type+" span").css("cursor","default");//讲5角星的手势样式去掉
var score = $(this).attr("rate_"+rate_type);//显示评分
$.ajax({
type: "POST",
url: "action.php",
data:rate_type+"_score="+score,
success: function(msg){
eval("var msg_s = " +msg);//设置对象
msg_score = msg_s.a_score;
msg_total_num = msg_s.a_total_num;
msg_avg_score = msg_s.a_avg_score;
if(msg_score>0){
$("#my_rate_"+rate_type).html("<span>评分成功，您的评分是"+msg_score+"分！</span>");
$("#span_count_"+rate_type).text("("+msg_total_num+"人评分，平均分为"+msg_avg_score+")");
}
}
});
})
})
}
action.php用来处理post过来的数据
<?php
include_once ('connect.php');
$a_score = 0;
$b_score = 0;
$c_score = 0;
$d_score = 0;
$e_score = 0;
if (isset($_POST['a_score'])){
$a_score= $_POST['a_score'];
}
if (isset($_POST['b_score'])){
$b_score=$_POST['b_score'];
}
if (isset($_POST['c_score'])){
$c_score=$_POST['c_score'];
}
if (isset($_POST['d_score'])){
$d_score=$_POST['d_score'];
}
if (isset($_POST['e_score'])){
$e_score=$_POST['e_score'];
}
$vid = 3;
$uid = 5;
if (isset ($vid) && isset ($uid)) {
$query_info_id_sql = mysql_query("select id from start_info where uid=$uid and vid=$vid");
$query_info_id_rs = mysql_fetch_array($query_info_id_sql);
// 如果星星信息表里面没有数据，就插入
if(!$query_info_id_rs){
// 插入info表
$ins_info_sql = "insert into start_info(`uid`,`vid`,`a_score`,`b_score`,`c_score`,`d_score`,`e_score`) values($uid,$vid,$a_score,$b_score,$c_score,$d_score,$e_score)";
mysql_query($ins_info_sql);
// 查询info表
$query_info_sql = mysql_query("select `a_score`,`b_score`,`c_score`,`d_score`,`e_score` from start_info where uid=$uid and vid=$vid");
$query_info_rs = mysql_fetch_array($query_info_sql);
// 查询count表
$query_count_sql = mysql_query("SELECT `id`, `vid`, `a_total_score`, `b_total_score`, `c_total_score`, `d_total_score`, `e_total_score`, `a_total_num`, `b_total_num`, `c_total_num`, `d_total_num`, `e_total_num` FROM `start_count` WHERE vid=$vid");
$query_count_rs = mysql_fetch_array($query_count_sql);
if(!$query_count_rs) {
// 插入count表
$ins_count_sql = "";
if ($a_score > 0){
$a_total_score = $query_count_rs['a_total_score'] + $a_score; // 最新总分
$a_total_num = $query_count_rs['a_total_num'] + 1; // 最新总数
$ins_count_sql = "INSERT INTO `start_count` (`vid`, `a_total_score`, `a_total_num`) VALUES ($vid, $a_total_score, $a_total_num)";
mysql_query($ins_count_sql);
}
if ($b_score > 0){
$b_total_score = $query_count_rs['b_total_score'] + $b_score; // 最新总分
$b_total_num = $query_count_rs['b_total_num'] + 1; // 最新总数
$ins_count_sql = "INSERT INTO `start_count` (`vid`, `b_total_score`, `b_total_num`) VALUES ($vid, $b_total_score, $b_total_num)";
mysql_query($ins_count_sql);
}
if ($c_score > 0){
$c_total_score = $query_count_rs['c_total_score'] + $c_score; // 最新总分
$c_total_num = $query_count_rs['c_total_num'] + 1; // 最新总数
$ins_count_sql = "INSERT INTO `start_count` (`vid`, `c_total_score`, `c_total_num`) VALUES ($vid, $c_total_score, $c_total_num)";
mysql_query($ins_count_sql);
}
if ($d_score > 0){
$d_total_score = $query_count_rs['d_total_score'] + $d_score; // 最新总分
$d_total_num = $query_count_rs['d_total_num'] + 1; // 最新总数
$ins_count_sql = "INSERT INTO `start_count` (`vid`, `d_total_score`, `d_total_num`) VALUES ($vid, $d_total_score, $d_total_num)";
mysql_query($ins_count_sql);
}
if ($e_score > 0){
$e_total_score = $query_count_rs['e_total_score'] + $e_score; // 最新总分
$e_total_num = $query_count_rs['e_total_num'] + 1; // 最新总数
$ins_count_sql = "INSERT INTO `start_count` (`vid`, `e_total_score`, `e_total_num`) VALUES ($vid, $e_total_score, $e_total_num)";
mysql_query($ins_count_sql);
}
}else{
if($a_score > 0){
$update_count_sql = mysql_query("update start_count set a_total_score=a_total_score+$a_score,a_total_num=a_total_num+1 where vid=$vid");
}elseif($b_score > 0){
$update_count_sql = mysql_query("update start_count set b_total_score=b_total_score+$b_score,b_total_num=b_total_num+1 where vid=$vid");
}elseif ($c_score > 0){
$update_count_sql = mysql_query("update start_count set c_total_score=c_total_score+$c_score,c_total_num=c_total_num+1 where vid=$vid");
}elseif ($d_score > 0){
$update_count_sql = mysql_query("update start_count set d_total_score=d_total_score+$d_score,d_total_num=d_total_num+1 where vid=$vid");
}elseif ($e_score > 0){
$update_count_sql = mysql_query("update start_count set e_total_score=e_total_score+$e_score,e_total_num=e_total_num+1 where vid=$vid");
}
}
// 查询count表
$query_count_sql = mysql_query("SELECT `id`, `vid`, `a_total_score`, `b_total_score`, `c_total_score`, `d_total_score`, `e_total_score`, `a_total_num`, `b_total_num`, `c_total_num`, `d_total_num`, `e_total_num`, ROUND(a_total_score/a_total_num,2) as a_avg_score, ROUND(b_total_score/b_total_num,2) as b_avg_score, ROUND(c_total_score/c_total_num,2) as c_avg_score, ROUND(d_total_score/d_total_num,2) as d_avg_score, ROUND(e_total_score/e_total_num,2) as e_avg_score FROM `start_count` WHERE vid=$vid");
$query_count_rs = mysql_fetch_array($query_count_sql);
// 将2个数组合并$query_info_rs、$query_count_rs
$rs = array_merge($query_info_rs, $query_count_rs);
echo json_encode($rs);
} else {
if($a_score > 0){
$update_info_sql = mysql_query("update start_info set a_score=$a_score where uid=$uid and vid=$vid");
$update_count_sql = mysql_query("update start_count set a_total_score=a_total_score+$a_score,a_total_num=a_total_num+1 where vid=$vid");
}elseif($b_score > 0){
$update_info_sql = mysql_query("update start_info set b_score=$b_score where uid=$uid and vid=$vid");
$update_count_sql = mysql_query("update start_count set b_total_score=b_total_score+$b_score,b_total_num=b_total_num+1 where vid=$vid");
}elseif ($c_score > 0){
$update_info_sql = mysql_query("update start_info set c_score=$c_score where uid=$uid and vid=$vid");
$update_count_sql = mysql_query("update start_count set c_total_score=c_total_score+$c_score,c_total_num=c_total_num+1 where vid=$vid");
}elseif ($d_score > 0){
$update_info_sql = mysql_query("update start_info set d_score=$d_score where uid=$uid and vid=$vid");
$update_count_sql = mysql_query("update start_count set d_total_score=d_total_score+$d_score,d_total_num=d_total_num+1 where vid=$vid");
}elseif ($e_score > 0){
$update_info_sql = mysql_query("update start_info set e_score=$e_score where uid=$uid and vid=$vid");
$update_count_sql = mysql_query("update start_count set e_total_score=e_total_score+$e_score,e_total_num=e_total_num+1 where vid=$vid");
}
// 查询info表
$query_info_sql = mysql_query("select `a_score`,`b_score`,`c_score`,`d_score`,`e_score` from start_info where uid=$uid and vid=$vid");
$query_info_rs = mysql_fetch_array($query_info_sql);
// 查询count表
$query_count_sql = mysql_query("SELECT `id`, `vid`, `a_total_score`, `b_total_score`, `c_total_score`, `d_total_score`, `e_total_score`, `a_total_num`, `b_total_num`, `c_total_num`, `d_total_num`, `e_total_num`, ROUND(a_total_score/a_total_num,2) as a_avg_score, ROUND(b_total_score/b_total_num,2) as b_avg_score, ROUND(c_total_score/c_total_num,2) as c_avg_score, ROUND(d_total_score/d_total_num,2) as d_avg_score, ROUND(e_total_score/e_total_num,2) as e_avg_score FROM `start_count` WHERE vid=$vid");
$query_count_rs = mysql_fetch_array($query_count_sql);
// 将2个数组合并$query_info_rs、$query_count_rs
$rs = array_merge($query_info_rs, $query_count_rs);
echo json_encode($rs);
}
}
