• UID10425
  • 登录2016-04-14
  • 粉丝0
  • 关注0
  • 发帖11
  • 主页
  • 金币66枚
呼和啦啦 发布于2016-04-13 10:16
0/549

会员签到代码分享

楼层直达

图片:1444622200125356.png


主要参考素材火
//会员签到
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 中的一个;
t  Number of days in the given month         28through31;
在循环的时候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 &gt; date('d')) {
        $td = "&lt;td style='background-color:lemonchiffon' valign='top'&gt;
&lt;div align='right' valign='top'&gt;&lt;span style='position:relative;right:20px;'&gt;" . $t . "&lt;/span&gt;
&lt;/div&gt;&lt;div align='left'&gt; &lt;/div&gt;&lt;div align='left'&gt; &lt;/div&gt;&lt;/td&gt;";
    } else {
        if (strlen($t) == 1) {
            $day = "0" . $t;
        } else {
            $day = $t;
        }
        $t2 = strtotime(date("Y-m-" . $day . ""));
        $info = M("sign")-&gt;field("id")-&gt;where("addtime = " . $t2 . " AND status = 0 AND uid = " . session('uid') . "")-&gt;find();
        if ($info) {
            $td = "&lt;td style='background-color:navajowhite;navajowhite ;'&gt;
&lt;div align='right' valign='top'&gt;&lt;span style='position:relative;right:20px;'&gt;" . $t . "&lt;/span&gt;
&lt;/div&gt;&lt;div align='left'&gt;
&lt;img width='35px' height='35px' src='/Public/Images/cart_3.gif' style='position:relative;left:10px;'&gt; 已签到
&lt;/div&gt;&lt;/td&gt;";
        } else {
            if ($t == date('d')) {
                $td = "&lt;td  class='today' onclick='signDay($(this))'&gt;
&lt;div align='right' valign='top'&gt;&lt;span style='position:relative;right:20px;'&gt;" . $t . "&lt;/span&gt;&lt;/div&gt;
&lt;div align='center'&gt;&lt;a style='cursor:pointer;color:#ffffff;' &gt;签到&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;";
            } else {
                $td = "&lt;td style='background-color:#DCDCDC;'&gt;
&lt;div align='right' valign='top'&gt;&lt;span style='position:relative;right:20px;'&gt;" . $t . "&lt;/span&gt;
&lt;/div&gt;&lt;div align='left'style='height:47px'&gt;
&lt;/div&gt;&lt;/td&gt;";
            }
        }
    }
    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的时候需要自行调整。



0人打赏
您需要登录后才可以回帖
发表回复
极贡献
技术问答
专题荟萃
程序人生
视觉设计
Android开发
iOS开发
编程语言
前端开发
后端开发
服务器架构
软件测试
运维方案
创业路上



最热文章墙

  • 59909/343   【精品推荐】200多种Android动画效果的强悍框架,太全了,不看这个,再有动画的问题,不理你了^@^

  • 33115/188   情人节福利,程序员表白的正确姿势:改几行代码就变成自己的表白了

  • 31792/141   省时省力的Android组件群来了,非常棒的原型参考

  • 28843/223   【精品推荐】Android版产品级的音乐播放器源码,功能太强大了,最好的产品原型有木有?

  • 26182/2   超全!整理常用的iOS第三方资源

  • 25584/0   Python爬虫:常用浏览器的useragent

  • 24676/70   原创表白APP,以程序员的姿势备战新年后的7夕,持续完善中!

  • 22842/138   2016抢红包软件及源码

  • 19938/29   麻省理工的一帮疯子,真的实现了随意操控万物!(绝对黑科技)

  • 19784/25   Android工程师面试题大全

  • 19190/27   2016程序员跳槽全攻略

  • 18982/9   GitHub上排名前50的iOS项目:总有一款你用得着

  • 18500/20   码魂:程序员的牛B漫画

  • 16859/3   吐槽那些程序员的搞笑牛逼注释

  • 16782/149   Android版类似UC浏览器:非常赞,产品级的源码

  • 15690/1   iOS 动画总结

  • 15210/41   一个绚丽的loading动效分析与实现!

  • 15195/10   2016年最全的Android面试考题+答案 精编版

  • 14779/73   【持续更新中】Android福利贴(二):资料源码大放送

  • 14723/83   Android小而全的博客源码:非常适合全面掌握开发技巧

  • 14649/10   女程序员的梦,众网友的神回复

  • 14508/44   惊艳的App引导页:背景图片切换加各个页面动画效果

  • 14456/11   年会上现场review代码是怎么样的体验!

  • 14158/23   个人收集的Android 各类功能源代码

  • 14077/5   新一代Android渠道打包工具:1000个渠道包只需要5秒

  • 13260/19   珍藏多年的素材,灵感搜寻网站

  • 13212/53   基于瀑布流的美女图片浏览App,有注释的源代码

  • 12872/17   用JavaScript 来开发iOS和Android 原生应用:React Native开源框架中文版来啦

  • 12754/15   基于Android支付宝支付设计和开发方案

  • 12714/74   仿京东商城客户端Android最新版,不错的原型和学习资料

  • 12494/20   Android福利第三波【Android电子书】

  • 12310/17   什么是真正的黑客:收获12200+Stars,人气远超微软开源VS

  • 12127/18   65条最常用正则表达式,你要的都在这里了

  • 12116/94   Android带弹幕的视频播放器源码,来自大名鼎鼎的Bilibili弹幕网站

  • 11989/70   【精品推荐】类似360安全卫士安Android源码:非常赞的产品原型

  • 11721/7   用程序员的姿势抢过年的火车票

  • 11666/7   一张图搞定iOS学习路线,非常全面

  • 11606/11   有木有这样一张酷图帮你集齐所有git命令超实用

  • 11584/0   iOS中文版资源库,非常全

  • 11139/10   成为Java顶尖程序员 ,看这11本书就够了

  • 10873/18   一张图搞定Android学习路线,非常全面

  • 10810/10   微信支付终于成功了(安卓,iOS),在此分享

  • 10458/44   在线音乐播放器完整版(商用级的源码):非常赞,可听免费高品质专辑

  • 10428/3   基于Node.js的强大爬虫,能直接发布抓取的文章哦

  • 10336/29   【持续更新中】Android福利贴(一):资料源码

  • 10329/0   GitHub iOS 库和框架Top100 

  • 9903/4   46 个非常有用的 PHP 代码片段

  • 9672/3   即时通信第三方库

  • 9563/61   【技巧一】搭配Android Studio,如何实现App远程真机debug?

  • 9496/9   烧了5亿美金,这家神秘的公司即将颠覆人类未来!

  • 9447/8   流媒体视频直播方案

  • 9299/9   B站建开源工作组:APP想支持炫酷弹幕的看过来

  • 9181/18   八个最优秀的Android Studio插件

  • 9151/2   【精品推荐】高质量PHP代码的50个实用技巧:非常值得收藏

  • 9056/9   中国黑客的隐秘江湖:攻守对立,顶尖高手月入千万美元

  • 8620/6   开箱即用!Android四款系统架构工具

  • 8515/3   一张图看清Linux 内核运行原理

  • 8413/10   十大技巧快速提升Android应用开发性能

  • 8389/3   10款GitHub上最火爆的国产开源项目——可以媲美西半球

  • 8073/1   Android性能优化视频,文档以及工具

  • 返回顶部