城乡投票源码php_PHP发表心情投票功能示例(附源码)

当浏览新闻页面或者其它页面的时候会有阅读后的感受,比如给力、淡定、打酱油、加油、坑爹等等的表情。让读者打分,看看自己的感受是否与其他读者一样。很不错的交互!

0c245b017198db906288fda3823a4abe.png

立即下载:moodjb51.rar(http://xiazai.jb51.net/201709/yuanma/moodjb51.rar)

本文需要熟悉jquery,mysql,ajax相关的知识,不过用的不多。本文有三个文件:index.html,mood.php,sql.php

index.html,页面展示和请求ajax数据 mood.php,后台文件 处理get请求来的数据,并返回数据 sql.php,数据库文件,存数据库信息 直接进入代码吧。

index.html 首先导入jquery

//cdn.bootcss.com/jquery/1.7.2/jquery.min.js

当文档载入完毕就请求(ajax-get)投票人数数据

$.ajax({

type:'GET',

url:'mood.php',

cache:false,

data:'id=1',

dataType:'json',

error:function(){

alert('出错了!');

},

success:function(json){

if(json){

$.each(json,function(index,array){

varstr="

"+array['mood_val']+"
%22+array%5B'mood_pic'%5D+%22%5C%22
"+array['mood_name']+"
";

$("#mood ul").append(str);

});

}

}

});

返回就添加到网页里,然后就点击表情逻辑,也ajax到后台

$(".face").live('click',function(){

varface=$(this);

varmid=face.attr("rel");

varvalue=face.parent().find("span").html();

varval=parseInt(value)+1;

$.post("mood.php?action=send",{moodid:mid,id:1},function(data){

if(data>0){

face.prev().css("height",data+"px");

face.parent().find("span").html(val);

face.find("img").addClass("selected");

}else{

alert(data);

}

});

});

这样整个前台就完成了工作

mood.php 首先要导入sql.php数据库文件

include_once("sql.php"); 这个文件处理的是整个功能的核心,处理数据库,cookies...

1.处理获取投票人数代码

$mname=explode(',',$moodname);//心情说明

$num=count($mname);

$mpic=explode(',',$moodpic);//心情图标

$id=(int)$_GET['id'];

$query=mysql_query("select * from mood where id=$id");

$rs=mysql_fetch_array($query);

if($rs){

$total=$rs['mood0']+$rs['mood1']+$rs['mood2']+$rs['mood3']+$rs['mood4'];

for($i=0;$i

$field='mood'.$i;

$m_val=intval($rs[$field]);

$height=0;//柱图高度

if($total&&$m_val){

$height=round(($m_val/$total)*$moodpicheight);//计算高度

}

$arr[]=array(

'mid'=>$i,

'mood_name'=>$mname[$i],

'mood_pic'=>$mpic[$i],

'mood_val'=>$m_val,

'height'=>$height

);

}

echo json_encode($arr);

}else{

for($i=0;$i

$arr[]=array(

'mid'=>$i,

'mood_name'=>$mname[$i],

'mood_pic'=>$mpic[$i],

'mood_val'=>0,

'height'=>0

);

}

echo json_encode($arr);

}

2.处理投票功能

$id=(int)$_POST['id'];

$mid=(int)$_POST['moodid'];

if($mid<0||!$id){

echo"错误";

exit;

}

$havemood=chk_mood($id);

if($havemood==1){

echo"您已表达过了";exit;

}

$field='mood'.$mid;

//查询是否有这个id

$result=mysql_query("select 1 from mood where id='{$id}'");

$row=mysql_fetch_array($result);

if(is_array($row)){

$query=mysql_query("update mood set ".$field."=".$field."+1 where id=".$id);

if($query){

setcookie("mood".$id,$mid.$id,time()+3600);

$query2=mysql_query("select * from mood where id=$id");

$rs=mysql_fetch_array($query2);

$total=$rs['mood0']+$rs['mood1']+$rs['mood2']+$rs['mood3']+$rs['mood4'];

$height=round(($rs[$field]/$total)*$moodpicheight);

echo $height;

}else{

echo-1;

}

}else{

mysql_query("INSERT INTO mood(id,mood0,mood1,mood2,mood3,mood4)VALUES ('{$id}','0','0','0','0','0')");

$query=mysql_query("update mood set ".$field."=".$field."+1 where id=".$id);

setcookie("mood".$id,$mid.$id,time()+3600);

echo $moodpicheight;

}

这个文件很简单,基本都是在处理数据库,逻辑也不是很复杂。可以自己下来细心看。

sql.php 一个通用的数据库信息储存文件,数据库的ip、帐号、密码、数据库名等等

$host="localhost";

$db_user="root";

$db_pass="";

$db_name="demo";

$timezone="Asia/Shanghai";

$link=mysql_connect($host,$db_user,$db_pass);

mysql_select_db($db_name,$link);

mysql_query("SET names UTF8");

header("Content-Type: text/html; charset=utf-8");

到目前所有的核心代码都也贴出,大神就跳过,如果有需要就下载来看一看 对了,还有一个数据库,行吧DDL也贴出来

CREATE TABLE`mood`(

`id`tinyint(5)NOT NULL,

`mood0`int(9)unsignedNOT NULL,

`mood1`int(9)unsignedNOT NULL,

`mood2`int(9)unsignedNOT NULL,

`mood3`int(9)unsignedNOT NULL,

`mood4`int(9)unsignedNOT NULL,

PRIMARY KEY(`id`)

)ENGINE=InnoDBDEFAULT CHARSET=utf8mb4;

b9d4013dd0f01e4451c66980c722d7c3.gif

更多分享,敬请关注

精彩不落幕Q群:374155314

本文来源网络,侵立删!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值