pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

PHP發(fā)表心情投票功能示例(附源碼)

這篇文章主要介紹了PHP發(fā)表心情投票功能示例(附源碼),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

當(dāng)瀏覽新聞頁(yè)面或者其它頁(yè)面的時(shí)候會(huì)有閱讀后的感受,比如給力、淡定、打醬油、加油、坑爹等等的表情。讓讀者打分,看看自己的感受是否與其他讀者一樣。很不錯(cuò)的交互!

PHP發(fā)表心情投票功能示例(附源碼)

立即下載:mood_jb51.rar

本文需要熟悉jquery,mysql,ajax相關(guān)的知識(shí),不過(guò)用的不多。本文有三個(gè)文件:index.html,mood.php,sql.php

  • index.html,頁(yè)面展示和請(qǐng)求ajax數(shù)據(jù)
  • mood.php,后臺(tái)文件 處理get請(qǐng)求來(lái)的數(shù)據(jù),并返回?cái)?shù)據(jù)
  • sql.php,數(shù)據(jù)庫(kù)文件,存數(shù)據(jù)庫(kù)信息

直接進(jìn)入代碼吧。

index.html

首先導(dǎo)入jquery

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

當(dāng)文檔載入完畢就請(qǐng)求(ajax-get)投票人數(shù)數(shù)據(jù)

$.ajax({
  type: 'GET',
  url: 'mood.php',
  cache: false,
  data: 'id=1',
  dataType: 'json',
  error: function(){
    alert('出錯(cuò)了!');
  },
  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);
      });
    }
  }
});

返回就添加到網(wǎng)頁(yè)里,然后就點(diǎn)擊表情邏輯,也ajax到后臺(tái)

$(".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);
    }
  });
});

這樣整個(gè)前臺(tái)就完成了工作

mood.php

首先要導(dǎo)入sql.php數(shù)據(jù)庫(kù)文件

include_once("sql.php");

這個(gè)文件處理的是整個(gè)功能的核心,處理數(shù)據(jù)庫(kù),cookies...

1.處理獲取投票人數(shù)代碼

$mname = explode(',',$moodname);//心情說(shuō)明
$num = count($mname);
$mpic = explode(',',$moodpic);//心情圖標(biāo)
$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); //計(jì)算高度
    }
    $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 "錯(cuò)誤";
  exit;
}

$havemood = chk_mood($id);
if($havemood==1){
  echo "您已表達(dá)過(guò)了";exit;
}
$field = 'mood'.$mid;
//查詢(xún)是否有這個(gè)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;
}

這個(gè)文件很簡(jiǎn)單,基本都是在處理數(shù)據(jù)庫(kù),邏輯也不是很復(fù)雜??梢宰约合聛?lái)細(xì)心看。

sql.php

一個(gè)通用的數(shù)據(jù)庫(kù)信息儲(chǔ)存文件,數(shù)據(jù)庫(kù)的ip、帳號(hào)、密碼、數(shù)據(jù)庫(kù)名等等

$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");

到目前所有的核心代碼都也貼出,大神就跳過(guò),如果有需要就下載來(lái)看一看

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章主要介紹了PHP定義字符串的四種方式,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
下面小編就為大家分享一篇php 替換文章中的圖片路徑,下載圖片到本地服務(wù)器的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
下面小編就為大家分享一篇PHP給源代碼加密的幾種方法匯總(推薦),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
下面小編就為大家分享一篇php打開(kāi)本地exe程序,js打開(kāi)本地exe應(yīng)用程序,并傳遞相關(guān)參數(shù)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
這篇文章主要介紹了PHP類(lèi)的反射來(lái)實(shí)現(xiàn)依賴(lài)注入過(guò)程以及相關(guān)知識(shí)點(diǎn)分享,對(duì)此有興趣的朋友跟著小編學(xué)習(xí)下吧。
php遍歷一個(gè)文件夾內(nèi)的所有文件和文件夾,并刪除所有文件夾和子文件夾下的所有文件的代碼,通過(guò)遞歸方式實(shí)現(xiàn)達(dá)到清空一個(gè)目錄的效果。本文給大家分享實(shí)例代碼,需要的朋友參考
主站蜘蛛池模板: 纯水电导率测定仪-万用气体检测仪-低钠测定仪-米沃奇科技(北京)有限公司www.milwaukeeinst.cn 锂辉石检测仪器,水泥成分快速分析仪-湘潭宇科分析仪器有限公司 手术室净化装修-手术室净化工程公司-华锐手术室净化厂家 | 天长市晶耀仪表有限公司| 衬四氟_衬氟储罐_四氟储罐-无锡市氟瑞特防腐科技有限公司 | 特材真空腔体_哈氏合金/镍基合金/纯镍腔体-无锡国德机械制造有限公司 | 浇注料-高铝砖耐火砖-郑州凯瑞得窑炉耐火材料有限公司 | 【同风运车官网】一站式汽车托运服务平台,验车满意再付款 | 蓝米云-专注于高性价比香港/美国VPS云服务器及海外公益型免费虚拟主机 | 中空玻璃生产线,玻璃加工设备,全自动封胶线,铝条折弯机,双组份打胶机,丁基胶/卧式/立式全自动涂布机,玻璃设备-山东昌盛数控设备有限公司 | 压力控制器,差压控制器,温度控制器,防爆压力控制器,防爆温度控制器,防爆差压控制器-常州天利智能控制股份有限公司 | 标准件-非标紧固件-不锈钢螺栓-非标不锈钢螺丝-非标螺母厂家-三角牙锁紧自攻-南京宝宇标准件有限公司 | 冲击式破碎机-冲击式制砂机-移动碎石机厂家_青州市富康机械有限公司 | 天津拓展_天津团建_天津趣味运动会_天津活动策划公司-天津华天拓展培训中心 | (中山|佛山|江门)环氧地坪漆,停车场地板漆,车库地板漆,聚氨酯地板漆-中山永旺地坪漆厂家 | 全自动固相萃取仪_高通量真空平行浓缩仪-勤业永为 | 蜘蛛车-登高车-高空作业平台-高空作业车-曲臂剪叉式升降机租赁-重庆海克斯公司 | 济南网站策划设计_自适应网站制作_H5企业网站搭建_济南外贸网站制作公司_锐尚 | 聚丙烯酰胺PAM-聚合氯化铝PAC-絮凝剂-河南博旭环保科技有限公司 巨野电机维修-水泵维修-巨野县飞宇机电维修有限公司 | 四川职高信息网-初高中、大专、职业技术学校招生信息网 | 智能汉显全自动量热仪_微机全自动胶质层指数测定仪-鹤壁市科达仪器仪表有限公司 | 洗地机-全自动/手推式洗地机-扫地车厂家_扬子清洁设备 | 防勒索软件_数据防泄密_Trellix(原McAfee)核心代理商_Trellix(原Fireeye)售后-广州文智信息科技有限公司 | 知网论文检测系统入口_论文查重免费查重_中国知网论文查询_学术不端检测系统 | 篷房[仓储-婚庆-展览-活动]生产厂家-江苏正德装配式帐篷有限公司 | 真石漆,山东真石漆,真石漆厂家,真石漆价格-山东新佳涂料有限公司 | 骨龄仪_骨龄检测仪_儿童骨龄测试仪_品牌生产厂家【品源医疗】 | 脉冲布袋除尘器_除尘布袋-泊头市净化除尘设备生产厂家 | 吲哚菁绿衍生物-酶底物法大肠菌群检测试剂-北京和信同通科技发展有限公司 | 校服厂家,英伦校服定做工厂,园服生产定制厂商-东莞市艾咪天使校服 | 南京技嘉环保科技有限公司-杀菌除臭剂|污水|垃圾|厕所|橡胶厂|化工厂|铸造厂除臭剂 | 棕刚玉-白刚玉厂家价格_巩义市东翔净水材料厂 | 地磅-电子地磅维修-电子吊秤-汽车衡-无人值守系统-公路治超-鹰牌衡器 | 云阳人才网_云阳招聘网_云阳人才市场_云阳人事人才网_云阳人家招聘网_云阳最新招聘信息 | BESWICK球阀,BESWICK接头,BURKERT膜片阀,美国SEL继电器-东莞市广联自动化科技有限公司 | 仓储笼_仓储货架_南京货架_仓储货架厂家_南京货架价格低-南京一品仓储设备制造公司 | 安徽千住锡膏_安徽阿尔法锡膏锡条_安徽唯特偶锡膏_卡夫特胶水-芜湖荣亮电子科技有限公司 | nalgene洗瓶,nalgene量筒,nalgene窄口瓶,nalgene放水口大瓶,浙江省nalgene代理-杭州雷琪实验器材有限公司 | 袋式过滤器,自清洗过滤器,保安过滤器,篮式过滤器,气体过滤器,全自动过滤器,反冲洗过滤器,管道过滤器,无锡驰业环保科技有限公司 | 胶水,胶粘剂,AB胶,环氧胶,UV胶水,高温胶,快干胶,密封胶,结构胶,电子胶,厌氧胶,高温胶水,电子胶水-东莞聚力-聚厉胶粘 | 两头忙,井下装载机,伸缩臂装载机,30装载机/铲车,50装载机/铲车厂家_价格-莱州巨浪机械有限公司 | 广东西屋电气有限公司-广东西屋电气有限公司 | 成都茶楼装修公司 - 会所设计/KTV装修 - 成都朗煜装饰公司 |