分享一个会员签到
jerry thinkphp 2015年11月19日
收藏
在项目中会员签到的模块必不可少的在，这里把自己整理过的一份代码个大家分享下。
先上效果图
会员签到是必须做的，我个人对这个没啥好的头绪，这里参考的 素材火 的会员签到。
首先看下控制器的代码：
然后我们根据这个周几知道有几天的时间是空白的，上面记录的是4，所以前面有4的空白，周日、周一、周二、周三；
然后我们遍历这个月一共多少天，这里用到的 data("t",xx) 这个函数，他的作用是返回这个月的最大天数。28/29/30/31 中的一个；
在循环的时候for是用0开始的，这里把原有得周的值加上然后模上7来取得周几的时间。
然后我们把数据分配到前端，这里需要考虑的是天数可能大于或者少于，那么我们这里就需要和开始一样补空了。ceil（$maxDay/7）的值为5，所以这个月的星期为5周，然后*7之后为35，假设这个月是5周，那么最大是35天，和$total相减之后为0，则最后的空为0；
然后是视图代码：
其中的技巧就是满足7的时候才给</tr>这个用的比较经典，就我个人来说，我是写不出来，至少现在的能力是写不出来的。
然后其中调用一个函数，这个函数的代码是(Common/function.php)：
还有数据库的代码：
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的时候需要自行调整。
好了，会员签到就写到这里了。
先上效果图
会员签到是必须做的，我个人对这个没啥好的头绪，这里参考的 素材火 的会员签到。
首先看下控制器的代码：
//会员签到
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();然后我们根据这个周几知道有几天的时间是空白的，上面记录的是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>其中的技巧就是满足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 下载：82 次 )
推荐文章
