分享一个会员签到

浏览:4613 发布日期:2015年10月12日分类:功能实现关键字: 会员签到

在项目中会员签到的模块必不可少的在,这里把自己整理过的一份代码个大家分享下。
先上效果图

会员签到是必须做的,我个人对这个没啥好的头绪,这里参考的素材火的会员签到。

首先看下控制器的代码:

//会员签到

public function sign(){

      $first = strtotime(date("Y-m-01 00:00:00"));

    $first = date("w", $first);

    $maxDay = date('t', strtotime("" . date("Y") . "-" . date("m") . ""));

    for ($j = 0; $j < $first; $j++) {

      $blankArr[] = $j;

    }

    for ($i = 0; $i < $maxDay; $i++) {

      $z = $first + $i;

      $days[] = array("key" => $i, "key2" => $z % 7);

    }

    $this->assign("days", $days);

    $this->assign("first", $first);

    $this->assign("blankArr", $blankArr);

    $total = $first + count($days);

    for ($x = 0; $x < ceil($maxDay / 7) * 7 - $total; $x++) {

      $other[] = $x;

    }

    $this->assign("other", $other);

    $this->display();

首先是获取这个月的第一天的时间戳,然后记录有这是周几,这个是$first的作用,比如这里是10月份,然后处理之后打印出来的$first得值就是4;

然后我们根据这个周几知道有几天的时间是空白的,上面记录的是4,所以前面有4的空白,周日、周一、周二、周三;

然后我们遍历这个月一共多少天,这里用到的 data("t",xx) 这个函数,他的作用是返回这个月的最大天数。28/29/30/31 中的一个;

在循环的时候for是用0开始的,这里把原有得周的值加上然后模上7来取得周几的时间。

然后我们把数据分配到前端,这里需要考虑的是天数可能大于或者少于,那么我们这里就需要和开始一样补空了。ceil($maxDay/7)的值为5,所以这个月的星期为5周,然后*7之后为35,假设这个月是5周,那么最大是35天,和$total相减之后为0,则最后的空为0;

然后是视图代码:

<html>

  <head> 

    <title>会员签到</title>

    <link href="__PUBLIC__/Css/test.css" rel="stylesheet" type="text/css" />

  </head> 

  <body> 

    <div class="container clearfix">

      <div class="member_main">

        <table class='table_sign'>

          <thead>

            <tr>

              <th>周日</th>

              <th>周一</th>

              <th>周二</th>

              <th>周三</th>

              <th>周四</th>

              <th>周五</th>

              <th>周六</th>

            </tr>

          </thead>

          <tbody id="signrili">

            <notempty name='blankArr'>

              <tr>

                <foreach name="blankArr" item="row">

                  <td>-</td>

                  <if condition="$row%7 eq $first"></tr></if>

                </foreach>

            </notempty>

            <foreach name="days" item="row">

              <if condition="$row['key2'] eq 0"><tr></if>

              {$row['key']|getSign=###}

              <if condition="$row['key2'] eq 7"></tr></if>

            </foreach>

            <foreach name="other" item="row">

              <td>-</td>

            </foreach>

          </tbody>

        </table>

      </div>

    </div>

    <script src="__PUBLIC__/Js/jquery-1.11.0.js" type="text/javascript"></script>

    <script type="text/javascript">

      function signDay(obj) {

        $.post("/User/Index/signDay", {}, function(data) {

          if(data == -1){

            alert("请登录!");return false;

          }

          var num = obj.find("span").text();

          var td = "<td style='background-color:navajowhite;navajowhite ;'>\n\

 <div align='right' valign='top'><span style='position:relative;right:20px;'>" + num + "</span></div>\n\

 <div align='left'><img width='35px' height='35px' src='/Public/Images/cart_3.gif' alt='已签到' style='position:relative;left:10px;'>\n\

  已签到</div></td>";

          obj.before(td);

          obj.remove();

          if (data > 0) {

            alert("签到成功获取 " + data + " 积分");

          } else {

            alert("今天您已签到!");

          }

        })

      }

    </script>

  </body>

</html>

这里需要依赖的是两个文件,一个是CSS,一个是JQ。这里的话CSS我就不拿出来了,需要的可以去素材火注册然后另存为他的签到的CSS样式,JQ的是1.11.0.min.js,这个自行下载

其中的技巧就是满足7的时候才给</tr>这个用的比较经典,就我个人来说,我是写不出来,至少现在的能力是写不出来的。

然后其中调用一个函数,这个函数的代码是(Common/function.php):

function getSign($row) {

  $t = $row + 1;

  if ($t > date('d')) {

    $td = "<td style='background-color:lemonchiffon' valign='top'>

<div align='right' valign='top'><span style='position:relative;right:20px;'>" . $t . "</span>

</div><div align='left'> </div><div align='left'> </div></td>";

  } else {

    if (strlen($t) == 1) {

      $day = "0" . $t;

    } else {

      $day = $t;

    }

    $t2 = strtotime(date("Y-m-" . $day . ""));

    $info = M("sign")->field("id")->where("addtime = " . $t2 . " AND status = 0 AND uid = " . session('uid') . "")->find();

    if ($info) {

      $td = "<td style='background-color:navajowhite;navajowhite ;'>

<div align='right' valign='top'><span style='position:relative;right:20px;'>" . $t . "</span>

</div><div align='left'>

<img width='35px' height='35px' src='/Public/Images/cart_3.gif' style='position:relative;left:10px;'> 已签到

</div></td>";

    } else {

      if ($t == date('d')) {

        $td = "<td class='today' onclick='signDay($(this))'>

<div align='right' valign='top'><span style='position:relative;right:20px;'>" . $t . "</span></div>

<div align='center'><a style='cursor:pointer;color:#ffffff;' >签到</a></div></td>";

      } else {

        $td = "<td style='background-color:#DCDCDC;'>

<div align='right' valign='top'><span style='position:relative;right:20px;'>" . $t . "</span>

</div><div align='left'style='height:47px'>

</div></td>";

      }

    }

  }

  return $td;

}

这里就是根据周几的值显示不同的样式;

还有数据库的代码:

CREATE TABLE IF NOT EXISTS `sign` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`uid` int(11) NOT NULL,
`money` decimal(10,1) NOT NULL,
`addtime` int(10) NOT NULL,
`status` tinyint(1) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 ;
需要注意的是用户登陆之后,我的是UID来识别的,所以在function的时候需要自行调整。

好了,会员签到就写到这里了。

附件 sign.rar ( 11.06 KB 下载:352 次 )

评论() 相关

后面还有条评论,

您需要登录后才可以评论登录 | 立即注册

yiovo_shop 07-03
基于Thinkphp5框架开发【小程序商城带后台系统】
真帅哥无双 05-23
Thinkphp5打卡签到系统源码
特邀嘉宾 09-11
Thinkphp用户每日签到获取积分实例
2462096242 09-01
Thinkphp连续签到获取积分
2462096242 08-25
ThinkPHP签到功能

收藏

赞

lh775919499

积分:4791 等级:LV4

热点推荐

(追記) (追記ここまで)

最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。