PHP发表心情投票功能示例(附源码)

发布:smiling　来源: PHP粉丝网　添加日期：2018-08-31 11:07:01　浏览: 评论：0　

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

本文需要熟悉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){

        var str = "<li><span>"+array['mood_val']+"</span><div class=\"pillar\" style=\"height:"+array['height']+"px;\"></div><div class=\"face\" rel=\""+array['mid']+"\"><img src=\"images/"+array['mood_pic']+"\"><br/>"+array['mood_name']+"</div></li>";

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

      });

    }

  }

});

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

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

  var face = $(this);

  var mid = face.attr("rel");

  var value = face.parent().find("span").html();

  var val = 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<$num;$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<$num;$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) unsigned NOT NULL,

`mood1` int(9) unsigned NOT NULL,

`mood2` int(9) unsigned NOT NULL,

`mood3` int(9) unsigned NOT NULL,

`mood4` int(9) unsigned NOT NULL,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;