php mysql 星级评分_jQuery+PHP实现星级评分效果
码农公社 210.net.cn 210= 1024 10月24日一个重要的节日--码农(程序员)节
jQuery+PHP实现星级评分效果,评分功能比较常用,例如商城平台就会有个评分功能,本实例就来说说实现方法。
Jq脚本如下:
function get_rate(rate) {
rate = rate.toString();
var s;
var g;
$("#g").show();
if (rate.length >= 3) {
s = 10;
g = 0;
$("#g").hide();
} else if (rate == "0") {
s = 0;
g = 0;
} else {
s = rate.substr(0, 1);
g = rate.substr(1, 1);
}
$("#s").text(s);
$("#g").text("." + g);
$(".big_rate_up").animate({
width: (parseInt(s) + parseInt(g) / 10) * 14,
height: 26
},
1000);
$(".big_rate span").each(function() {
$(this).mouseover(function() {
$(".big_rate_up").width($(this).attr("rate") * 14);
$("#s").text($(this).attr("rate"));
$("#g").text("");
}).click(function() {
var score = $(this).attr("rate");
$("#my_rate").html("您的评分:" + score + "");
$.ajax({
type: "POST",
url: "ajax.php",
data: "score=" + score,
success: function(msg) {
//alert(msg);
if (msg == 1) {
$("#my_rate").html("您已经评过分了!");
} else if (msg == 2) {
$("#my_rate").html("您评过分了!");
} else {
get_rate(msg);
}
}
});
})
}) $(".big_rate").mouseout(function() {
$("#s").text(s);
$("#g").text("." + g);
$(".big_rate_up").width((parseInt(s) + parseInt(g) / 10) * 14);
})
}
然后直接调用该方法即可:
get_rate(<?php echo $aver; ?>);
php后台脚本如下:
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;
}
}
raty表结构:
1 CREATE TABLE IF NOT EXISTS `raty` (
2 `id` int(11) NOT NULL auto_increment,
3 `voter` int(10) NOT NULL default '0' COMMENT '评分次数',
4 `total` int(11) NOT NULL default '0' COMMENT '总分',
5 PRIMARY KEY (`id`)
6 ) ENGINE=MyISAM DEFAULT CHARSET=utf8;
最后记得在raty评分表里面加一条数据。
php mysql 星级评分_jQuery+PHP实现星级评分效果相关推荐
- php mysql 星级评分_jQuery+PHP实现星级评分
本例实现的效果: 过渡动画显示评分操作. 及时更新平均得分和用户所评的分数. 后台限制用户重复评分操作,并在前端及时显示. XHTML HTML结构分为用于显示灰星星div#big_rate.亮星星d ...
- php mysql 星级评分_jQuery+PHP星级评分实现方法_jquery
本例实现的效果: 过渡动画显示评分操作. 及时更新平均得分和用户所评的分数. 后台限制用户重复评分操作,并在前端及时显示. XHTML HTML结构分为用于显示灰星星div#big_rate.亮星星d ...
- 评论星级 php,JS实现评价星级
这次给大家带来JS实现评价星级,JS实现评价星级的注意事项有哪些,下面就是实战案例,一起来看一下. 虽然简单,还是有几个注意的地方: 1. 未点击时的hover效果,星星会随鼠标移动亮起来喔. 2. ...
- apache评分表的意义_APACHE评分系统及评分表
<APACHE评分系统及评分表>由会员分享,可在线阅读,更多相关<APACHE评分系统及评分表(2页珍藏版)>请在人人文库网上搜索. 1.APACHE评分系统急性生理学及慢性健 ...
- 评分模型前奏:启发式评分模型开发
模型是对策略的补充,可以具体量化每一位客户的风险值.信贷评分卡是风控领域应用最广泛的模型,不论是零售信贷.小微信贷还是对公等的众多业务领域,都试着想用评分模型来量化客群的风险. 但想要开发相关的评分模 ...
- 计算机平面设计评分标准,竞赛各专业评分标准.DOC
竞赛各专业评分标准 附件3:????????? 竞赛各专业评分标准 一.计算机操作竞赛评分标准 评审项目分值评分标准得分计算机操作技术竞赛汉字录入151.汉字和标点必须与样稿一致,符号.标点均按一个字 ...
- 多媒体计算机音乐大赛评分表,歌唱比赛的评分标准
很完善的评分标准 歌唱比赛的评分标准 扣分项目(10分) 1. 外在形象(1分) 着装打扮形象(0.3分):仪态举止形象(0.2分):整体台风及演唱印象(0.5分): 2. 作品完整度(1分) 歌词出 ...
- 金融风控-- >申请评分卡模型-- >申请评分卡介绍
从这篇博文开始,我将总结金融风控中的另外一个模型:申请评分卡模型.这篇博文将主要来介绍申请评分卡的一些基本概念. 本篇博文将以以下四个主题来进行介绍说明: 信用风险和评分卡模型的基本概念 申请评分卡在 ...
- java实现星级评分功能_JavaScript实现星级评分
JavaScript星级评分 *{margin:0;padding:0;} .wrapper{height:20px;padding:5px;width:130px;margin:100px auto ...
最新文章
- 伊利诺伊大学厄巴纳-香槟分校
- 八、mini2440裸机程序之UART(2)UART0与PC串口通信【转】
- Google要推输入法 是战略布局还是战术需要?
- 万能电子狗升级工具_六个常用电脑工具,你知道吗?必收!
- 深入理解MyBatis的原理(三):配置文件(上)
- spring源码分析之spring-core-io
- minimum-depth-of-binary-tree (搜索)
- tensorflow从入门到放弃(三)
- PHP中使用redis 执行lua脚本
- storm安装笔记以及提交拓扑任务
- C#3.0学习笔记(8)浅谈接口interface
- 图像融合亮度一致_博文精选 | 基于深度学习的低光照图像增强方法总结
- 【华为云技术分享】【极客思考】设计模式:你确定你真的理解了单例模式吗?
- linux mail 使用外部邮箱地址发邮件
- type(img).__module__ == np.__name__
- Android证书签名生成
- android wps mac 下载地址,wps for mac下载
- 数据仓库:金融/银行业的分层架构篇
- 用计算机建立电子表格,求计算机作业电子表格演示文稿。
- 微型计算机故障分为哪几类,西南大学19秋[0240] 计算机维修技术在线作业
热门文章
- 和远程ip_【漏洞预警】Windows TCP/IP远程执行代码漏洞(CVE202016898)
- ssh远程工具_良心国产工具,比Xshell好用还免费!
- 是单片机高手还是菜鸟?看看你的程序框架就知道了
- 神器在手,代码命名从此高大上!
- java解析sql查询字段_sql解析json格式字段 如何获取json中某个字段的值?
- HDLBits答案(22)_基于有限状态机的计数器
- 数字图像处理—亮度变换与空间滤波—亮度变换函数
- 基于VHDL语言的数字秒表实现
- 《c语言从入门到精通》看书笔记——第9章 函数
- jenkins pipeline php,Jenkins pipeline 系列二-为什么选择Pipeline