ThinkPHP5+jQuery+MySql如何实现投票功能

ThinkPHP5+jQuery+MySql如何实现投票功能

ThinkPHP5+jQuery+MySql如何实现投票功能？这篇文章主要介绍了ThinkPHP5+jQuery+MySql实现投票功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，感兴趣的用户就来一聚教程网参考下一下吧！

ThinkPHP5+jQuery+MySql实现投票功能，先给大家展示下效果图，如果大家感觉效果不错，请参考实例代码。

效果图：

前端代码：

<script type="text/javascript" src="/static/index/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
  // 获取初始数据
  getdata('',1);
  $(".redhand").click(function(){
    getdata("red",1);
  });
  $(".bluehand").click(function(){
    getdata("blue",1);
  });
});
function getdata(type,vid){
  $.ajax({
   url: "{:url('/index/vote/vote')}",
   data: {type:type,vid:vid},
   type:'POST',
   dataType: 'json',
   success: function (res) {
     console.log(res)
     if (res.status == 0) {
       alert('投票成功')
       var w = 208;
      $("#red_num").html(res.msg.rednum);
      $("#red").css("width",res.msg.red_percent*100+"%");
      var red_bar_w = w*res.msg.red_percent-10;
      $("#red_bar").css("width",red_bar_w);
      $("#blue_num").html(res.msg.bluenum);
      $("#blue").css("width",res.msg.blue_percent*100+"%");
      var blue_bar_w = w*res.msg.blue_percent;
      $("#blue_bar").css("width",blue_bar_w);
     }else{
       alert('投票失败');
     }
   }
  });
}
</script>



  
ThinkPHP5+jQuery+MySql实现红蓝投票功能
  
    您对Thinkphp5的看法？
    
      
非常实用
      
      
        
        

      
    
    
      
完全不懂
      
      
        
        

      
    
  

控制器：

fetch();
  }
  /**
   * 投票
   * @param vid type ip
   */
  public function Vote()
  {
    $data = input('post.');
    if (!empty($data)) {
      $data['ip'] = get_ip();  //获取Ip
      // 先检测当前ip是否已经投过票
      $count = model('Vote')->checkIp($data);
      // 检测是否提交了type,提交了即代表点击了按钮,没提交即代表页面初次渲染
      if (!empty($data['type'])) {
        if ($count == '0') {  //当前还未投过票 
          // 更新票数 添加用户ip表
          $res = model('Vote')->postVote($data);
          if ($res) {
            // 投票成功 获取当前各自的票数
            $info = $this->getPercent($data);
            return return_succ($info);
          }else{
            return return_error('投票失败');
          }
        }else{
          // 已经投过票
          return return_error('您已经投过票了');
        }
      }else{
        // 初次渲染,获取初始数据
        $info = $this->getPercent($data);
        return return_succ($info);
      }
    }else{
      return return_error('数据不能为空');
    }
  }
  // 计算比例
  public function getPercent($data)
  {
    // 投票成功 获取当前各自的票数
    $info = model('Vote')->getInfo($data);
    // 计算比例 保留3位小数
    $info['red_percent'] = round($info['rednum'] / ($info['rednum'] + $info['bluenum']),3);
    $info['blue_percent'] = 1 - $info['red_percent'];
    return $info;
  }
}

模型：

where(['vid'=>$data['vid'],'ip'=>$data['ip']])->count();
    return $res;
  }
  // 投票
  public function postVote($data)
  {
    $info = $this->getInfo($data);
    if ($info) {
      Db::startTrans();
      try {
        if ($data['type'] == "red") {
          // 更新票数表 
          Db::table('votes')->where(['id'=>$data['vid']])->update(['rednum'=>$info['rednum']+1]);
        }elseif ($data['type'] == "blue") {
          Db::table('votes')->where(['id'=>$data['vid']])->update(['bluenum'=>$info['bluenum']+1]);
        }
        // 添加用户投票ip
        Db::table('votes_ip')->insert(['vid'=>$data['vid'],'ip'=>$data['ip']]);
        Db::commit();
        return true;
      } catch (Exception $e) {
        Db::rollback();
        return false;
      }
    }
  }
  // 获取当前各自的票数
  public function getInfo($data)
  {
    // 获取各自的票数
    $info = Db::table('votes')->where(['id'=>$data['vid']])->find();
    return $info;
  }
}

总结

以上所述是小编给大家介绍的ThinkPHP5+jQuery+MySql实现投票功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。
本文转自脚本之家