头像

PHP+jQuery星级评分

2017-07-15 09:16:04 收藏    来源:PHP代码   浏览()   评论 ( 0 )   

PHP+jQuery星级评分
我们经常看到各大商城购买商品后,会有个评分功能。本文将讲解如何使用jQuery和PHP来实现星级评分效果。
查看演示 下载资源:0

手机扫码访问:

下载资源 下载积分:30

  HTML

  首先我们在.rate里面加入显示的灰星星div#big_rate、亮星星div#big_rate_up、分数span#s及span#g和提示信息div#my_rate。

  ajax.php

  接收前端发送过来的分数值,通过cookie判断用户IP和评分时间,防止重复评分。

    $score = $_POST['score']; 
    if (isset($score)) { 
        $cookiestr = getip(); 
        $time = time(); 
        if (isset($_COOKIE['person']) && $_COOKIE['person'] == $cookiestr) { 
            echo "1"; 
        } elseif (isset($_COOKIE['rate_time']) && ($time - intval($_COOKIE['rate_time'])) < 60) { 
            echo "2"; 
        } else { 
            $query = mysql_query("update raty set voter=voter+1,total=total+'$score' where id=1"); 
            $query = mysql_query("select * from raty where id=1"); 
            $rs = mysql_fetch_array($query); 
            $aver = 0; 
            if ($rs) { 
                $aver = $rs['total'] / $rs['voter']; 
                $aver = round($aver, 1) * 10; 
            } 
            //设置COOKIE 
            setcookie("person", $cookiestr, time() + 3600 * 365); 
            setcookie("rate_time", time(), time() + 3600 * 365); 
            echo $aver; 
        } 
    }

  附上数据库信息:

    CREATE TABLE IF NOT EXISTS `raty` (  
      `id` int(11) NOT NULL auto_increment,  
      `voter` int(10) NOT NULL default '0' COMMENT '评分次数',  
      `total` int(11) NOT NULL default '0' COMMENT '总分',  
      PRIMARY KEY  (`id`)  
    ) ENGINE=MyISAM  DEFAULT CHARSET=utf8;


标签: 评分
声明:转载请注明来源(PHP代码)并保留原文链接:http://www.phpdaima.com/hanshu-22.html
广告不存在
评论0

后面还有条评论,点击查看>>

温馨提示:为规范评论内容,垃圾评论一律封号...

PHP+jQuery星级评分
我的积分余额: 0.0 已下载次数: 0
所需积分:3030 开始下载
×