laravel8实现微信小程序签到

最新推荐文章于 2024-07-24 16:18:16 发布
置顶 最新推荐文章于 2024-07-24 16:18:16 发布
阅读量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 实现签到功能案例
code_nutter的博客
06-10 587
laravel8 实现签到功能案例
laravel + redis 实现排行榜
leisir02的博客
04-11 1678
1.控制器 这里为什么要用redis有序集合 (sorted set) 因为 Redis 有序集合和集合一样也是 string 类型元素的集合,且不允许重复的成员。 不同的是每个元素都会关联一个 double 类型的分数。redis 正是通过分数来为集合中的成员进行从小到大的排序。 有序集合的成员是唯一的,但分数(score)却可以重复。 集合是通过哈希表实现的，所以添加，删除，查找的复杂度都是 O(1)。 集合中最大的成员数为 232- 1 (4294967295,...
tp5实现每日签到功能
weixin_47077674的博客
08-31 759
tp5每日签到设计数据库设计代码实现 数据库设计 要求： 每个用户可以签到7天，连续签到7天或者中途断签都重新开始计算签到天数，签到会获取对应奖励 分析： 1、连续签到 2、签到7天或者断签重新开始计算天数 3、签到获取奖励 设计： 1、每个用户可以连续签到，这就需要一个字段来记录连续签到天数 2、因为有连续签到7天或者断签重新开始计算的需求，所以需要一个字段来记录签到时间，来判断是否是连续签到从而改变连续签到天数，签到时判断表里的签到时间与现在的时间差是否为1天，为1天则连续签到，天数+1，反.
微信小程序 课程签到系统
dearzcs的博客
09-28 1364
完整的微信小程序，前端加后端
签到 laravel + 小程序
QiZong__BK的博客
09-23 103
【代码】签到 laravel + 小程序。
laravel8 + 微信小程序实现签到功能
zhnagsan_lisi的博客
11-03 376
$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 279
后端代码 //微信登陆 public function wxLogin(Request $request) { $stdData = array(); //接收小程序端传递的code参数 $code = $request->post('code'); //获取微信授权url $url = sprintf(config('wx.wxLoginUrl'),config('wx.AppID'),con.
Laravel 微信小程序后端搭建步骤详解
10-15
在本文中，我们将深入探讨如何使用 Laravel 框架搭建微信小程序的后端。Laravel 是一个基于 PHP 的强大框架，而微信小程序则是一种轻量级的应用开发平台，结合两者可以构建高效、稳定的后端服务。 首先，我们需要...
使用python实现微信小程序自动签到功能
09-16
6. **JSON数据结构分析**：分析微信小程序签到所需的数据结构，理解JSON数据中的键值对代表的意义，例如在本例中，`stat_content`包含了用户的健康状况和当前位置等信息。 7. **网络定位接口**：利用腾讯地图API...
基于laravel实现模板消息发送(微信小程序版)
10-04
基于laravel实现模板消息发送(微信小程序版)，示例代码已给出，有什么问题可以联系作者，保证帮你调试成功，以前看前人的代码看半天还不如自己写一个。
（签到+新人礼包）微信综合购物商城小程序ui模板.zip
04-05
一套不错的微信综合购物商城小程序ui模板，分享给大家学习参考。内附详细的使用小程序开发工具打开编辑代码的说明文档
微信小程序开发(PHP Laravel MySQL)教学大纲.pdf
05-28
《微信小程序开发(PHP Laravel MySQL)教学大纲》是一份详尽的教学计划，旨在教授学生如何使用PHP、Laravel框架和MySQL数据库来开发微信小程序。以下是大纲的主要知识点： 1. **课程性质与任务**： - 作为计算机...
Laravel-使用Redis-Bitmap签到
记得微笑的博客
02-02 412
Laravel使用Redis-bitmap签到
5个最优秀的微信小程序UI组件库
weixin_33888907的博客
07-26 2741
开发微信小程序的过程中，选择一款好用的组件库，可以达到事半功倍的效果。自从微信小程序面世以来，不断有一些开源组件库出来，下面5款就是排名比较靠前，用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你，可以关注和了解一下哦！ WeUI WXSS WeUI WXSS是腾讯官方UI组件库WeUI的小程序版，...
微信小程序常见的UI框架/组件库总结
祈澈菇凉
06-30 8667
图片 想要开发出一套高质量的小程序，运用框架，组件库是省时省力省心必不可少一部分，随着小程序日渐火爆，各种不同类型的小程序也渐渐更新，其中不乏一些优秀好用的框架/组件库。 1：WeUI 小程序–使用教程 https://weui.io/ 官方介绍：WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程...
微信小程序实现每日签到、连续签到
热门推荐
flying meng的菜鸟居
10-06 1万+
昨天在看自己写的小程序项目，无意中打开了CSDN APP，突然间觉得，我去，如果在小程序中加个“签到”功能，岂不美哉！（好吧，其实是昨天买的书没到货，然后闲着无事，就想起了大明湖畔的“签到”） 但是吧，又不想写和服务器交互的，本着“简单点”的原则，我想起了曾经的挚爱—— 本地存储 。 先说说相关注意吧： 其一就是 storage中只能存放字符串！ 我去，昨晚大部分时间都是在搞这个。以前一直认为存放...
推荐一个微信小程序 UI 框架 lin-ui
龙衣
04-28 5498
lin-ui 是慕课网七月老师团队的开源项目，七月老师可以算是我的小程序导师，当初为了学小程序，也是找了好多资料，看了官方文档也是一知半解，最后在慕课网看了老师的课程后果断入坑，老师的课入坑绝对不坑！ lin-ui 的GitHub地址 lin-ui lin-ui 文档 地址 lin-ui doc 用过 lin-ui 的都说爽，一直用一直爽。 lin-ui 是基于原生小程序components...
Laravel5.6 模块化公众号与小程序系统项目实战
T13187074755的博客
12-13 317
1 Laravel最佳开发环境介绍.mp4 2 安装Laravel并配置Homestead.mp4 3 配置虚拟域名访问Laravel项目.mp4 4 Laravel与数据库管理工具连接Mysql.mp4 5 Laravel高可用模块化思想.mp4 6 使用组件快速构建模块设计架构.mp4 7 配置Phpstorm与快速创建登录注册功能.mp4 8 默认Aut使用json中文本地化.mp4 9 模板选择之避免重复造轮子.mp4 10 安装Webpack编译环境与Mix讲解.mp4 11 使用MixCopy.
【微信小程序实战教程】之微信小程序原生开发详解
最新发布
柯晓楠
07-24 637
在实际的项目开发中，小程序的内置组件不一定能满足所有的需求，为了实现更高效的代码复用，小程序还允许开发者自行扩充组件，这些由开发者自行设计的组件被称为自定义组件。在小程序中，每个组件都具有独立的逻辑空间，分别拥有自己的独立数据和setData方法调用。在使用自定义组件的小程序页面中，Exparser框架将接管所有的自定义组件注册和实例化。小程序的基础库中提供了Page和Component两个构造器，自定义组件使用的是Component构造器。
基于laravel表白墙微信小程序源码
08-20
基于Laravel的表白墙微信小程序源码是一款使用Laravel框架开发的微信小程序源码，旨在为用户提供一个发布表白内容的平台。下面是一些详细说明： 1. 小程序功能：该源码主要包含以下功能： - 用户注册登录：用户...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值