使用PHP+ajax+mysql+layui实现每日签到及提醒功能

 6782

这篇文章主要为大家详细介绍了使用PHP+layui实现每日签到及提醒功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

每日签到的功能,供大家参考,具体内容如下


首次签到获得1个积分,第二次签到获得2个积分,第三次签到获得3个积分,以此类推但是签到必须每天连续积分才可以递增,如果有中断再次签到时获得积分仍然从1开始递增;

效果图如下:


使用PHP+ajax+mysql+layui实现每日签到及提醒功能


数据库设计:

  1. -- --------------------------------------------------------
  2. -- 主机:                           127.0.0.1
  3. -- 服务器版本:                        5.5.53 - MySQL Community Server (GPL)
  4. -- 服务器操作系统:                      Win32
  5. -- HeidiSQL 版本:                  9.3.0.4984
  6. -- --------------------------------------------------------
  7. /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
  8. /*!40101 SET NAMES utf8mb4 */;
  9. /*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
  10. /*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
  11. -- 导出 sg 的数据库结构
  12. CREATE DATABASE IF NOT EXISTS `sg` /*!40100 DEFAULT CHARACTER SET utf8 */;
  13. USE `sg`;
  14. -- 导出   sg.user 结构
  15. CREATE TABLE IF NOT EXISTS `user` (
  16.   `id` int(11) NOT NULL AUTO_INCREMENT,
  17.   `username` varchar(50) NOT NULL,
  18.   `count` int(11) NOT NULL,
  19.   `point` int(11) NOT NULL,
  20.   `sign_time` datetime NOT NULL,
  21.   PRIMARY KEY (`id`)
  22. ) ENGINE=MyISAM AUTO_INCREMENT=4 DEFAULT CHARSET=utf8;
  23. -- 正在导出表  sg.user 的数据:0 rows
  24. /*!40000 ALTER TABLE `user` DISABLE KEYS */;
  25. INSERT IGNORE INTO `user` (`id`, `username`, `count`, `point`, `sign_time`) VALUES
  26.     (1, '1', 3, 3, '2018-12-03 15:19:26'),
  27.     (2, '2', 2, 2, '2018-12-03 15:03:38'),
  28.     (3, '3', 1, 1, '2018-12-03 15:56:38');
  29. /*!40000 ALTER TABLE `user` ENABLE KEYS */;
  30. /*!40101 SET SQL_MODE=IFNULL(@OLD_SQL_MODE, '') */;
  31. /*!40014 SET FOREIGN_KEY_CHECKS=IF(@OLD_FOREIGN_KEY_CHECKS IS NULL, 1, @OLD_FOREIGN_KEY_CHECKS) */;
  32. /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;

引入jquery和layui

PS:注意需要先下载layui并使用layui.all.js

  1. <script src="https://cdn.bootcss.com/jquery/1.12.0/jquery.min.js"></script>
  2. <script src="./layui/layui.all.js" charset="utf-8"></script>
  3. <link rel="stylesheet" href="./layui/css/layui.css"  media="all">

index.html前端

页面布局<怎么好看看自己需要了,我只是简单的写了一个>

  1. <center>
  2. <input type="text" name="username">
  3. <button>签到</button>
  4. </br>
  5. <span id='span'></span>
  6. <div>
  7.   <table id="box" border="1"></table>
  8. </div>
  9. </center>

ajax

  1.   $(function(){
  2.     $('button').click(function(){
  3.       var username=$(':text').val();
  4.       $.ajax({
  5.         type:'post',
  6.         url:'admin.php',
  7.         data:{username:username},
  8.         dataType:'json',
  9.         success:function(res){
  10.           if(res.success==1){
  11.             layer.alert(res.info, {
  12.             icon: 1,
  13.             title: "提示"
  14.             });
  15.             var str='<tr><td>用户名</td><td>连续签到天数</td><td>总积分</td></tr>';
  16.             str+='<tr><td>'+res.msg.username+'</td><td>'+res.msg.count+'</td><td>'+res.msg.point+'</td></tr>';
  17.             $('#box').html(str);
  18.           }
  19.         }
  20.       })
  21.     });
  22.   })

admin.php

  1. <?php
  2. error_reporting(0);
  3. header("content-type:text/html;charset=utf-8");
  4. date_default_timezone_set('PRC');
  5. $dsn = 'mysql:host=localhost;dbname=sg';
  6. $pdo = new PDO($dsn, 'root', '123456');
  7. $pdo->exec('set names utf8');
  8. $username = $_POST['username'];
  9. $sqlQuery = "select * from user where username='$username'";
  10. $row = $pdo->query($sqlQuery)->fetch(PDO::FETCH_ASSOC);
  11. if ($row) {
  12.     $sign_time = $row['sign_time'];
  13.     $sign_time = strtotime($sign_time);
  14.     //echo $sign_time;
  15.     $int = date('Y-m-d');
  16.     //echo $int;
  17.     $int = strtotime($int);
  18.     $ints = $int + 86400;    
  19.     $int_s = $int - 86400;    
  20.         //当天已签到
  21.     if ($int < $sign_time && $sign_time < $ints) {
  22.         $infor ="今天您已经签过到了,请明天再来!";//echo '您已签到';
  23.     }
  24.     //昨天未签到,积分,天数在签到修改为1
  25.     if ($sign_time < $int_s) {
  26.         $count = 1;
  27.         $point = 1;
  28.         $sign_time = date('Y-m-d H:s:i');
  29.         $sqlRow = "update user set count='$count',point='$point',sign_time='$sign_time' where username='$username'";
  30.         $res = $pdo->exec($sqlRow);
  31.         // echo '签到成功修改为1';
  32.     }
  33.     //请签到
  34.     if ($int_s < $sign_time && $sign_time < $int) {
  35.         $count = $row['count'] + 1;
  36.         $point = $row['point'] + 1;
  37.         $sign_time = date('Y-m-d H:s:i');
  38.         $sqlupdate = "update user set count='$count',point='$point',sign_time='$sign_time' where username='$username'";
  39.         $res = $pdo->exec($sqlupdate);
  40.         $infor ="签到成功!";// echo '签到成功+1';
  41.     }
  42. } else {
  43.     $count = 1;
  44.     $point = 1;
  45.     $sign_time = date('Y-m-d H:s:i');
  46.     $sqlAdd = "insert into user values (null,'$username','$count','$point','$sign_time')";
  47.     $res = $pdo->exec($sqlAdd);
  48.     $infor ="签到成功!请记得再来哦!";// echo '恭喜你签到成功----1';
  49. }
  50. //////////////////////响应
  51. $sqlEnd = "select * from user where username='$username'";
  52. $info = $pdo->query($sqlEnd)->fetch(PDO::FETCH_ASSOC);
  53. echo json_encode(array('success' => 1, 'info'=>$infor,'msg' => $info));
  54. die;
  55. ?>


本文网址:https://www.zztuku.com/detail-7648.html
站长图库 - 使用PHP+ajax+mysql+layui实现每日签到及提醒功能
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐