laravel8实现微信小程序签到

最新推荐文章于 2024-06-28 08:58:56 发布
置顶 最新推荐文章于 2024-06-28 08:58:56 发布
阅读量1.5k 收藏 1
点赞数 1
文章标签： 微信小程序 p2p webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_58954197/article/details/122250194
版权

小程序：

sign.wxml:

<!-- 签到顶部背景信息-->

<view class='signBkImg'>

  <image src='https://img2.baidu.com/it/u=3558912797,2093608853&fm=26&fmt=auto'></image>

  <view class='sign-con'>

    <view class='headNews-left'>

      <image src='{{data.img}}'></image>

      <view class='nikeNme'>

        <view>{{data.nickname}}</view>

        <view>已签到 {{data.days}} 天</view>

      </view>

    </view>

    <navigator url='/pages/mine/integral/integral'>兑换商品</navigator>

  </view>

</view>

<!-- 积分，积分明细 -->

<view class='points-con'>

  <view>

    <text>我的积分：</text>

    <text class='points-num'>{{data.scores}}</text>

  </view>

  <navigator url='/pages/score/score'>

    积分明细 >

  </navigator>

</view>

<!-- 日历 -->

<view class="calendar">

  <view class='preNext-path'>

    <!-- <image src='/img/mine/preIcon.png' bindtap='sign_prev'></image> -->

    <text>{{data.created_at}}月</text>

    <!-- <image src='/img/mine/nextIcon.png' bindtap='sign_next'></image> -->

  </view>
 

  <view class="weekName">

    <view class="sunday">日</view>

    <view class="monday">一</view>

    <view class="tuesday">二</view>

    <view class="wednesday">三</view>

    <view class="thursday">四</view>

    <view class="friday">五</view>

    <view class="saturday">六</view>

  </view>

  <view class="week">

    <!--填补空格-->

    <view wx:for="{{nbsp}}">\n</view>

  </view>

  <view class="calendarSign">

    <button class='signInBtn' bindtap="sign">签到</button>

  </view>

</view>

sign.js:

Page({

/**

   * 页面的初始数据

   */

  data: {

     data:""

  },

/**

   * 展示用户签到的天数、积分

   * 生命周期函数--监听页面加载

   */

onLoad: function (options) {

    var that = this

    wx.request({

      url: 'http://www.week3.com/api/show', 

      data: {

      },

      header: {

        token:wx.getStorageSync('token')

      },

      success (res) {

        console.log(res.data)

        that.setData({

          data:res.data.data

        })

      }

    })

  },

 /**

   * 实现签到功能

   */

sign(e){

     var that = this

     wx.request({

      url: 'http://www.week3.com/api/sign', 

      data: {

      },

      header: {

        token:wx.getStorageSync('token')

      },

      method:"POST",

      success (res) {

        console.log(res.data)

        if(res.data.code==200){

          wx.showToast({

            title: '首次签到成功',

          })

        }

        if(res.data.code==100){

          wx.showToast({

            title: '今天已经签到过了',

          })

        }

        if(res.data.code==300){

          wx.showToast({

            title: '今天已断签',

          })

        }

        if(res.data.code==400){

          wx.showToast({

            title: '连续签到成功',

          })

        }

      }

    })

  },

})

sign:json

{

  "navigationBarTitleText": "签到",

  "usingComponents": {

    "l-button":"/miniprogram_npm/lin-ui/button"

  }

}

sign.wxss

/* 签到顶部背景信息 */

.signBkImg{

  width: 100%;

  height: 241rpx;

  position: relative;

}

.signBkImg>image{

  width: 100%;

  height: 100%;

}

.sign-con{

  width: 92%;

  height: 213rpx;

  padding:  0 30rpx;

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: absolute;

  top: 0;

}

.sign-con>navigator{

  width: 167rpx;

  height: 67rpx;

  line-height: 67rpx;

  text-align: center;

  border-radius: 34rpx;

  color: #33998C;

  background-color: #fff;

  font-size: 30rpx;

}

.headNews-left{

  display: flex;

  align-items: center;

  flex-wrap: nowrap;

}

.headNews-left>image{

  width: 133rpx;

  height: 133rpx;

  border: 6rpx solid rgb(255,255,255);

  border-radius: 50%;

}

.nikeNme{

    color: rgb(254,254,254);

    margin-left: 26rpx;

}

.nikeNme>view:nth-child(1){

  font-size: 40rpx;

  font-weight: bold;

}

.nikeNme>view:nth-child(2){

  font-size: 26rpx;

  margin-top: 12rpx;

}

/* 积分，积分明细 */

.points-con{

  margin: 50rpx 0;

  display: flex;

}

.points-con>view,.points-con>navigator{

  width: 50%;

  height: 61rpx;

  line-height: 61rpx;

  text-align: center;

  color: rgb(119,119,119);

  font-size: 30rpx;

}

.points-con>view{

  border-right: 2rpx solid rgb(235,235,235);

}

.points-num{

  font-size: 38rpx;

  color: #33998C;

}


 

/* 日历签到 */

/**index.wxss**/

.t_red{

  color: red;

}

.t_blue{

  color: royalblue;

}

.calendar{

  background-color: white;

  box-shadow: 2px 2px 5px 2px #e6e6e6;

  padding:30rpx;

  width: 85%;

  margin-left: 4%;

  border-radius: 50rpx;

  display: block

}

.time{

  padding: 16rpx 20rpx;

  background-color: wheat;

  display: flex;

}

.time{

  font-family: '黑体';

  font-size: 40rpx;

  color: white;

  text-align: center;

  padding: 16rpx 20rpx;

  height:80rpx;

  line-height:80rpx;

  border-radius:12rpx;

  background-color: #f9634b;

  display: flex;

  margin-bottom: 29rpx;

}

.time view{

  flex: 1;

  font-size: 30rpx;

}

.time view text{

  font-size: 38rpx;

}

.weekName{

  font-size: 36rpx;

  color: #333;

  width: 100%;

  display: flex;

  padding: 16rpx 0;

}

.weekName view{

  flex: 1;

  text-align: center;

}

.sunday,.saturday{

  color: #33998C;

}

.week{

  width: 100%;

}

.week view{

  width: 14.2%;

  height: 90rpx;

  line-height: 80rpx;

  display: inline-block;

  margin: 10rpx 0;

  font-size: 34rpx;

  text-align: center;

  

}

.week view text{

  width: 100%;

  height: 100%;

  display: inline-block;

}

.calendarSign{

  margin: 40rpx auto;

}

.selDate{

  font-size: 28rpx;

   border-bottom: 1px solid #33998C; 

}

.selDateItem{

   color:#33998C;

   font-weight: bold;

   font-size:22rpx; 

   border-radius: 50%;

}

/* 前后时间 */

.preNext-path{

  margin: 28rpx 0;

  display: flex;

  align-items: center;

  justify-content: center;

}

.preNext-path>image{

    width: 11rpx;

    height: 21rpx;

}

.preNext-path>text{

   color: #33998C;

   font-size: 28rpx;

   margin: 0 54rpx;

}

/* 签到按钮 */

.signInBtn{

  width: 235rpx;

  height: 77rpx;

  line-height: 77rpx;

  text-align: center;

  border-radius: 10rpx;

  font-size: 34rpx;

  color: #fff;

  background:#33998C;

}

后端php

<?php

namespace App\Http\Controllers;

use App\Models\Login;
use App\Models\Score;
use App\Models\Sign;
use App\Models\User_Sign;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;

class SignController extends Controller
{

    //签到记录
    public function getSign(request $request)
    {

        DB::beginTransaction(); //开启事务
        //获取到用户id
        $openid = $request['uid'];

        $login = Login::where('openid',$openid)->first();

        $uid = $login['id'];

        //查询是否签到过
        $data = Sign::where('uid',$uid)->first();

        if (empty($data)){
            //用户没有签到过
            $day = 1;
            //查询第一天的签到所得积分
            $score = Score::where('day',$day)->first();
            //添加签到记录

            $arr = [
              'uid'=>$uid,
              'mouth_week_day'=>date('Y-m-d 00:00:00'),
            ];
            $userSgin =[
                'uid'=>$uid,
                'days'=>$score['day'],
                'scores'=>$score['score']
            ];
            $user = Login::where('id',$uid)->first();

            $sign = Sign::create($arr,true);//添加签到记录

            $score_sign = User_Sign::create($userSgin,true);//添加签到积分

            $upuser = Login::where('id',$uid)->update(['days'=>$score['day'],'scores'=>$user['scores']+$score['score']]);

            if ($sign && $score_sign && $upuser!==false){
                DB::commit();
                return ['code'=>200,'msg'=>'签到成功','data'=>$user];
            }else{
                DB::rollBack();
                return ['code'=>500,'msg'=>'签到失败','data'=>null];
            }

        }
        //如果用户签到过
        if (!empty($data)){
            //查询用户最近的签到记录
            $signTime = Sign::where('uid',$uid)->orderBy('mouth_week_day','desc')->first();

            $time = $signTime['mouth_week_day'];

            $prevTime = strtotime($time);//获取最近一天的签到时间

            $nowTime = time();//当前时间
            //判断用户今日是否签到过
            if ($nowTime-$prevTime<24*3600){
                return ['code'=>100,'msg'=>'您今天已经签到过了','data'=>null];
            }
            //判断用户是否断签
            if ($nowTime-$prevTime>48*3600){
                //如果断签了还是从第一天算起
                $day = 1;  //断签从第一天开始算起
                $score = Score::where('day',$day)->first();
                //添加签到记录
                $arr = [
                    'uid'=>$uid,
                    'mouth_week_day'=>date('Y-m-d 00:00:00'),
                ];
                $userSgin =[
                    'uid'=>$uid,
                    'days'=>$score['day'],
                    'scores'=>$score['score']
                ];
                $user = Login::where('id',$uid)->first();

                $sign = Sign::create($arr,true);//添加签到记录

                $score_sign = User_Sign::create($userSgin,true);//添加签到积分

                $upuser = Login::where('id',$uid)->update(['days'=>$score['day'],'scores'=>$user['scores']+$score['score']]);

                if ($sign && $score_sign && $upuser!==false){
                    DB::commit();
                    return ['code'=>300,'msg'=>'今日已断签','data'=>$user];
                }else{
                    DB::rollBack();
                    return ['code'=>500,'msg'=>'签到失败','data'=>null];
                }

            }
            //判断用户今天是否签到
            if (24*3600<$nowTime-$prevTime && $nowTime-$prevTime<48*3600){
                $user = Login::where('id',$uid)->first();//获取出连续签到天数

                //查询出连续签到所得积分
                $score = Score::where('day',$user['days']+1)->first();

                //添加签到记录
                $arr = [
                    'uid'=>$uid,
                    'mouth_week_day'=>date('Y-m-d 00:00:00'),
                ];
                $userSgin =[
                    'uid'=>$uid,
                    'days'=>$score['day'],
                    'scores'=>$score['score']
                ];
                $user = Login::where('id',$uid)->first();

                $sign = Sign::create($arr,true);//添加签到记录

                $score_sign = User_Sign::create($userSgin,true);//添加签到积分

                $upuser = Login::where('id',$uid)->update(['days'=>$score['day'],'scores'=>$user['scores']+$score['score']]);

                if ($sign && $score_sign && $upuser!==false){
                    DB::commit();
                    return ['code'=>400,'msg'=>'连续签到成功','data'=>$user];
                }else{
                    DB::rollBack();
                    return ['code'=>500,'msg'=>'签到失败','data'=>null];
                }

            }


        }

    }

    /**
     * 用户签到展示
     * @return array
     */
    public function showSign(request $request)
    {
        $openid = $request['uid'];
        $login = Login::where('openid',$openid)->first();

        $uid = $login['id'];
        $data = Login::where('id',$uid)->first();
        return ['code'=>200,'msg'=>'用户签到展示成功','data'=>$data];
    }

    
}

追赶天赋呀~
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
laravel8 + 微信小程序实现签到功能
zhnagsan_lisi的博客
11-03 374
$uid = $request->input('user_id'); $time = date("Y-m-d", strtotime("-1 day")); $nowTime = date("Y-m-d"); if (date('w') == 1) { Redis::set($uid, 1); } $data = SingModel::where('sing_at', '>=', $nowTime . " 00:00:00")->where('sing_at', '<=',.
laravel7中的微信小程序登录
the_bestboy的博客
09-12 271
后端代码 //微信登陆 public function wxLogin(Request $request) { $stdData = array(); //接收小程序端传递的code参数 $code = $request->post('code'); //获取微信授权url $url = sprintf(config('wx.wxLoginUrl'),config('wx.AppID'),con.
laravel8 实现签到功能案例
code_nutter的博客
06-10 582
laravel8 实现签到功能案例
laravel + redis 实现排行榜
leisir02的博客
04-11 1675
1.控制器 这里为什么要用redis有序集合 (sorted set) 因为 Redis 有序集合和集合一样也是 string 类型元素的集合,且不允许重复的成员。 不同的是每个元素都会关联一个 double 类型的分数。redis 正是通过分数来为集合中的成员进行从小到大的排序。 有序集合的成员是唯一的,但分数(score)却可以重复。 集合是通过哈希表实现的，所以添加，删除，查找的复杂度都是 O(1)。 集合中最大的成员数为 232- 1 (4294967295,...
微信小程序 课程签到系统
dearzcs的博客
09-28 1339
完整的微信小程序，前端加后端
tp5实现每日签到功能
weixin_47077674的博客
08-31 755
tp5每日签到设计数据库设计代码实现 数据库设计 要求： 每个用户可以签到7天，连续签到7天或者中途断签都重新开始计算签到天数，签到会获取对应奖励 分析： 1、连续签到 2、签到7天或者断签重新开始计算天数 3、签到获取奖励 设计： 1、每个用户可以连续签到，这就需要一个字段来记录连续签到天数 2、因为有连续签到7天或者断签重新开始计算的需求，所以需要一个字段来记录签到时间，来判断是否是连续签到从而改变连续签到天数，签到时判断表里的签到时间与现在的时间差是否为1天，为1天则连续签到，天数+1，反.
签到 laravel + 小程序
QiZong__BK的博客
09-23 102
【代码】签到 laravel + 小程序。
Laravel 微信小程序后端搭建步骤详解
10-15
主要介绍了Laravel 微信小程序后端搭建步骤详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用python实现微信小程序自动签到功能
09-16
主要介绍了使用python实现微信小程序自动签到功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
基于laravel实现模板消息发送(微信小程序版)
10-04
基于laravel实现模板消息发送(微信小程序版)，示例代码已给出，有什么问题可以联系作者，保证帮你调试成功，以前看前人的代码看半天还不如自己写一个。
（签到+新人礼包）微信综合购物商城小程序ui模板.zip
04-05
一套不错的微信综合购物商城小程序ui模板，分享给大家学习参考。内附详细的使用小程序开发工具打开编辑代码的说明文档
微信小程序开发(PHP Laravel MySQL)教学大纲.pdf
05-28
微信小程序开发(PHP Laravel MySQL)教学大纲.pdf微信小程序开发(PHP Laravel MySQL)教学大纲.pdf微信小程序开发(PHP Laravel MySQL)教学大纲.pdf微信小程序开发(PHP Laravel MySQL)教学大纲.pdf微信小程序开发...
Laravel-使用Redis-Bitmap签到
记得微笑的博客
02-02 395
Laravel使用Redis-bitmap签到
5个最优秀的微信小程序UI组件库
weixin_33888907的博客
07-26 2736
开发微信小程序的过程中，选择一款好用的组件库，可以达到事半功倍的效果。自从微信小程序面世以来，不断有一些开源组件库出来，下面5款就是排名比较靠前，用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你，可以关注和了解一下哦！ WeUI WXSS WeUI WXSS是腾讯官方UI组件库WeUI的小程序版，...
微信小程序常见的UI框架/组件库总结
祈澈菇凉
06-30 8648
图片 想要开发出一套高质量的小程序，运用框架，组件库是省时省力省心必不可少一部分，随着小程序日渐火爆，各种不同类型的小程序也渐渐更新，其中不乏一些优秀好用的框架/组件库。 1：WeUI 小程序–使用教程 https://weui.io/ 官方介绍：WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程...
50分钟学会Laravel 50个小技巧
勿忘初心
05-02 3231
转载请注明：转载自 Yuansir-web菜鸟 | LAMP学习笔记本文链接地址: 50分钟学会Laravel 50个小技巧原文链接：《 50 Laravel Tricks in 50 Minutes by willroth 》Eloquent1.Automatic model validationclass Post extends Eloquent { public static $a...
微信小程序文件结构示例
最新发布
m0_75026936的博客
06-28 364
│├── app.js // 小程序逻辑├── app.json // 全局配置├── app.wxss // 全局样式│├── pages // 页面文件夹│ ├── index // 首页。
基于laravel表白墙微信小程序源码
08-20
基于Laravel的表白墙微信小程序源码是一款使用Laravel框架开发的微信小程序源码，旨在为用户提供一个发布表白内容的平台。下面是一些详细说明： 1. 小程序功能：该源码主要包含以下功能： - 用户注册登录：用户...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值