萌娃投票程序php+mysql,PHP+MySql+jQuery实现的顶和踩投票功能
本文实例为大家分享了基于PHP+jQuery+MySql实现红蓝(顶踩)投票代码,供大家参考,具体内容如下
数据库操作:
CREATE TABLE IF NOT EXISTS `votes` (
`id` int(10) NOT NULL AUTO_INCREMENT,
`likes` int(10) NOT NULL DEFAULT '0',
`unlikes` int(10) NOT NULL DEFAULT '0',
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
INSERT INTO `votes` (`id`, `likes`, `unlikes`) VALUES
(1, 30, 10);
CREATE TABLE IF NOT EXISTS `votes_ip` (
`id` int(10) NOT NULL,
`vid` int(10) NOT NULL,
`ip` varchar(40) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
div:
很好,很强大!
太差劲了!
css:
.digg{width:420px; height:120px; margin:80px auto 20px auto; position:relative}
#dig_up,#dig_down{width:200px; height:48px; margin:10px; position:relative;
border:1px solid #d3d3d3; padding-left:42px; cursor:pointer}
.digup{background:url(diggs.png) no-repeat 4px 2px;}
.digup_on{background:url(diggs.png) no-repeat 4px -49px;}
.digdown{background:url(diggs.png) no-repeat 4px -102px;}
.digdown_on{background:url(diggs.png) no-repeat 4px -154px;}
#num_up,#num_down{position:absolute; right:6px; top:18px; font-size:20px;}
#dig_up p{height:24px; line-height:24px; color:#360}
#dig_down p{height:24px; line-height:24px; color:#f30}
.bar{width:100px; height:12px; line-height:12px; border:1px solid #f0f0f0;
position:relative; text-align:center}
.bar span{display:block; height:12px; }
.bar i{position:absolute; top:0; left:104px;}
#bar_up span{background:#360}
#bar_down span{background:#f60}
#msg{position:absolute; right:20px; top:40px; font-size:18px; color:#f00}
jquery:
$(function(){
//鼠标滑向和离开投票按钮时,变换背景样式
$("#dig_up").hover(function(){
$(this).addClass("digup_on");
},function(){
$(this).removeClass("digup_on");
});
$("#dig_down").hover(function(){
$(this).addClass("digdown_on");
},function(){
$(this).removeClass("digdown_on");
});
//初始化数据
getdata("do.php",1);
//单击“顶”时
$("#dig_up").click(function(){
getdata("do.php?action=like",1);
});
//单击“踩”时
$("#dig_down").click(function(){
getdata("do.php?action=unlike",1);
});
});
---------------------------------------
function getdata(url,sid){
$.getJSON(url,{id:sid},function(data){
if(data.success==1){//投票成功
$("#num_up").html(data.like);
//通过控制宽度来显示百分比进度条效果
$("#bar_up span").css("width",data.like_percent);
$("#bar_up i").html(data.like_percent);
$("#num_down").html(data.unlike);
$("#bar_down span").css("width",data.unlike_percent);
$("#bar_down i").html(data.unlike_percent);
}else{//投票失败
$("#msg").html(data.msg).show().css({'opacity':1,'top':'40px'})
.animate({top:'-50px',opacity:0}, "slow");
}
});
}
php:
include_once("connect.php");//连接数据库
$action = $_GET['action'];
$id = 1;
$ip = get_client_ip();//获取ip
if($action=='like'){//顶
likes(1,$id,$ip);
}elseif($action=='unlike'){//踩
likes(0,$id,$ip);
}else{
echo jsons($id);
}
------------------------------------
function likes($type,$id,$ip){
$ip_sql=mysql_query("select ip from votes_ip where vid='$id' and ip='$ip'");
$count=mysql_num_rows($ip_sql);
if($count==0){//还没有顶过
if($type==1){//顶
$sql = "update votes set likes=likes+1 where id=".$id;
}else{//踩
$sql = "update votes set unlikes=unlikes+1 where id=".$id;
}
mysql_query($sql);
$sql_in = "insert into votes_ip (vid,ip) values ('$id','$ip')";
mysql_query($sql_in);
if(mysql_insert_id()>0){
echo jsons($id);
}else{
$arr['success'] = 0;
$arr['msg'] = '操作失败,请重试';
echo json_encode($arr);
}
}else{
$msg = $type==1?'您已经顶过了':'您已经踩过了';
$arr['success'] = 0;
$arr['msg'] = $msg;
echo json_encode($arr);
}
}
-----------php-------------------------
function jsons($id){
$query = mysql_query("select * from votes where id=".$id);
$row = mysql_fetch_array($query);
$like = $row['likes'];
$unlike = $row['unlikes'];
$arr['success']=1;
$arr['like'] = $like;
$arr['unlike'] = $unlike;
$like_percent = round($like/($like+$unlike),3)*100;
$arr['like_percent'] = $like_percent.'%';
$arr['unlike_percent'] = (100-$like_percent).'%';
return json_encode($arr);
}
以上就是本文的全部内容,希望对大家学习php程序设计有所帮助。
萌娃投票程序php+mysql,PHP+MySql+jQuery实现的顶和踩投票功能相关推荐
- PHP+MySql+jQuery实现的“顶”和“踩”投票功能
当我们浏览网页时,我们想对网页内容如文章.评论中的观点持赞同或反对意见时,可以通过点击网页中的"顶"和"踩"来进行投票.而整个交互过程,开发者可以通过ajax异 ...
- mysql投票网站_PHP+Mysql实现网站顶和踩投票功能实例
PHP+Mysql实现网站顶和踩投票功能实例,通过记录用户IP,判断用户的投票行为是否有效,该实例也可以扩展到投票系统中. 首先我们在页面上放置"顶"和"踩"的 ...
- 用python写投票程序_大话python最终篇,web.py 开发的投票程序demo
概述 开发语言 python Web开发框架 web.py 前端开发框架 vuejs+elementui 数据库 mysql 设计思路 首先是数据库设计 ...
- 萌娃六一对程序员老爸说:再不陪我玩我就长大了
web前端教程 用大白话,来讲编程 明天就是六一儿童节了,作为程序员,一直是网上较为活跃的一个群体.他们以工作辛苦.赚钱多.老得快出名,网上也有不少黑程序员或者程序员自黑的段子. 不过,身为程序员家庭 ...
- 用python做一个简单的投票程序_如何编写一个自动投票程序
展开全部 此文章为ocean所有32313133353236313431303231363533e59b9ee7ad9431333335346138,版权归ocean所有 如何编写投票程序,大致分为这 ...
- java自动投票软件_如何编写一个自动投票程序
*********************************************************************************** * ...
- 如何编写一个自动投票程序
*********************************************************************************** * ...
- 如何编写一个自动投票程序 1
*********************************************************************************** * ...
- Bluemix云端数据库服务ClearDB MySQL使用示例———Python开发投票程序
越来越多的服务走向云端,看不见摸不着,让没接触过的我感觉有些茫然,IBM的云平台Blumemix上提供了很多服务,我这里就把学习使用ClearDBMySQL Database服务的过程给大家分享一下. ...
最新文章
- 20165204 第十周课下作业补做
- 记一次性能优化,限制tcp_timewait数量,快速回收和重用
- Java 设计模式之工厂模式(二)
- link linux 跨设备,Linux中的两种link方式
- 关于JAVA中的synchronized,一段不错的解释...
- 曾火爆一时的五笔输入法,为什么彻底衰落了?
- 阿里云轻量应用服务器/腾讯云轻量应用服务器如何安装宝塔面板?
- 进一步优化SPA的首屏打开速度(模块化与懒载入) by 嗡
- 赛车游戏代码大全html,赛车游戏代码
- js 获取字符长度(英文1,中文2)
- 一个非常naive的分数阶微积分介绍
- python 对接萤石云,录制可播放的MP4视频
- C 语言中 求余运算 具体例子,C++中求余运算符(%)示例详解
- 「SQL数据分析系列」4.过滤操作
- Android AOSP基础(三)Android系统源码的整编和单编
- switch语句和for循环的认识与使用
- tablepc是什么平板电脑_平板电脑是什么
- Flink中Window详解之Window的聚合函数AggregateFunction
- [转帖]Photoshop把美女照片转成清爽的矢量图
- 景点查询系统c语言程序,《C语言程序设计》课程计报告-景点查询系统.doc
热门文章
- 用matlab做音乐仿真,Matlab课程设计报告--MATLAB GUI的音乐键盘仿真
- SDCard权限设置
- 计算机增加一个硬盘怎么设置方法,电脑加硬盘【操作教程】
- JavaScript:在一个JS文件中引入另外的一个JS文件
- 致敬平凡程序员妙优车助力1024程序员节
- sspanel php,sspanelv3魔改版邮件设置指南及常用配置
- 02.springMVC设计思想及springAOP
- Git操作流程(非常详细)
- 分布式系列_MQ_01_MQ简介
- 福清龙华职业中专计算机应用学校什么,福建省福清龙华职业中专学校招生专业|福建省福清龙华职业中专学校有哪些专业...