【uniapp】实现买定离手小游戏

我就是我 2024-04-20 22:25 28阅读 0赞

## 前言 ##

最近玩了一个小游戏，感觉挺有意思，打算放进我的小程序【自动化小助手】里面，“三张押一张，专押花姑娘！”，从三张卡牌，挑选一张，中奖后将奖励进行发放，并且创建下一期，不多说了，说做就做

## 分析 ##

### 前端分析 ###

前端设计出页面以后，从接口处获得参与次数，押中次数以及当前期数、开奖时间，开奖时间获取到以后和现在的时间进行对比获得倒计时，下面是我已经大致构建的画面  
![在这里插入图片描述][37dd54d90c46464ebeecabce0c8d2ed3.png_pic_center]  
![在这里插入图片描述][d79574a92e5b478885fcfde573e33746.png_pic_center]

![在这里插入图片描述][e559e95d8de74842abc07e90eea3fa19.png_pic_center]

这是代码：

<template>
    	<view>
    		<view class="b-flex-x b-bg-white b-p-32">
    			<image src="@/static/guanjun.png" mode="aspectFit" class="logo b-radius-8"></image>
    			<view class="b-flex-item b-ml-32">
    				<view class="b-text-B b-text-48 b-text-black">买定离手</view>
    				<br>
    				<view class="b-font-24 b-mt-8 b-text-black-dd">参与<span style="color: navajowhite;">2</span>次，押中<span style="color: yellowgreen;">23</span>次</view>
    			</view>
    		</view>
    		
    		<view class="b-pt-32 b-pr-32 b-pl-32 b-pb-24 b-text-black-dd" style="color: black;font-weight: 500;">第1期 开奖倒计时：<span style="color: red;">00:00</span></view>
    		<view class="b-list-user b-bg-white" style="width: 700rpx;height: 300rpx;margin: auto;">
    			<text style="color: orange;">已选择卡牌，等待开奖</text>
    			<text style="color: orange;">请选择</text>
    			<view style="width: 680rpx;height: 250rpx;margin: auto;display: flex;flex-direction: row;align-items: center;justify-content: center;">
    				<image src="https://floor.huluxia.com/static/img/ya.png" mode="aspectFit" style="width: 200rpx;" v-if="select_card=='1'" ></image>
    				<image src="https://floor.huluxia.com/static/img/1_normal.png" mode="aspectFit" style="width: 200rpx;" v-else @click="click_card('1')"></image>
    				<image src="https://floor.huluxia.com/static/img/ya.png" mode="aspectFit" style="width: 200rpx;margin-left: 10rpx;" v-if="select_card=='2'"></image>
    				<image src="https://floor.huluxia.com/static/img/2_normal.png" mode="aspectFit" style="width: 200rpx;margin-left: 10rpx;" v-else @click="click_card('2')"></image>
    				<image src="https://floor.huluxia.com/static/img/ya.png" mode="aspectFit" style="width: 200rpx;margin-left: 10rpx;" v-if="select_card=='3'"></image>
    				<image src="https://floor.huluxia.com/static/img/3_normal.png" mode="aspectFit" style="width: 200rpx;margin-left: 10rpx;" v-else @click="click_card('3')"></image>
    			</view>
    		</view>
    		
    		<view class="b-pt-32 b-pr-32 b-pl-32 b-pb-24 b-text-black-dd" style="color: black;font-weight: 500;">游戏规则：</view>
    		<view class="b-list-user b-bg-white" style="width: 680rpx;height: 120rpx;margin:auto;">
    			<text>①三张卡牌中有一张是K，请选择一张卡牌。</text>
    			
    			<br>
    			<text>②开奖后，选中的话可以获得相应的金币，反之会失去你的金币。</text>
    		</view>
    		
    		<view class="b-pt-32 b-pr-32 b-pl-32 b-pb-24 b-text-black-dd" style="color: black;font-weight: 500;">最近开局记录</view>
    		<view class="b-list-user b-bg-white">
    			
    		</view>
    		
    		
    	
    		
    		
    	</view>
    </template>
    
    <script>
    	export default {
    		data() {
    			return {
    				select_card:'0'
    			}
    		},
    		onShow() {
    			
    		},
    		onLoad() {
    			
    		},
    		methods: {
    		click_card(num){
    			this.select_card=num;
    		},
    		}
    	}
    </script>
    
    <style lang="scss">
    	.logo{
    		width: 140rpx;
    		height: 140rpx;
    	}
    </style>

### 后端分析 ###

后端我这里用的是原生PHP，因为php简单，配合这次的项目能够发挥很大的效率，瘴气氨考虑用python，但是因为长连接不考虑，所以就  
pass了

#### 思路 ####

新建一个php脚本，用来触发每一期的开盘  
逻辑：查询数据库对应表，是否有最后一期，存在的话开奖，然后写入数据库，发放奖励，通过定时计划任务每几分钟触发，用户端在查到数据库信息后，换算开盘时间，进行押注

#### 创建期数 ####

新建game\_system.php

<?php
    include '../api/conn.php';
    require_once("../api/Message_push/mqtt_sender.php");
    if ($_GET['password']!='iuweojsd8542637lk') {
       die(
            json_encode(
                array(
                'code' => 200,
                'msg' => '缺少参数'
            ),480)
    );
    } 
    
    
    // 获取当前时间戳
    $currentTimestamp = time();
    
    // 计算5分钟之后的时间戳
    $fiveMinutesLaterTimestamp = $currentTimestamp + (5 * 60);
    //每多长时间开盘$fiveMinutesLaterTimestamp
    
    //先获取最后一期数
    $sql = "SELECT * FROM game_periods ORDER BY period DESC LIMIT 1";  
    $result = $conn->query($sql);
    
    if ($result->num_rows > 0) {
        // 读取查询结果中的一行数据
        $row = $result->fetch_assoc();
        
        // 获取period字段的值
        $period = $row['period'];
        
        //进行随机数计算，完成该期数据库写入
        // 生成1、2或3的随机数
        $randomNumber = mt_rand(1, 3);
        $sql_update="UPDATE `game_periods` SET `number` = '$randomNumber', `is_processed` = '1' WHERE `period` = '$period'";
         $conn->query($sql_update);
        
    } else {
       //没有查询到任何记录
       //创建第一期
       
       $sql_insert="INSERT INTO `game_periods` (`id`, `period`, `number`, `next_draw_time`, `is_processed`) VALUES (NULL, '1', '','$fiveMinutesLaterTimestamp', '0')";
       $conn->query($sql_insert);
       
       
       die("创建了第一期");
    }
    
    
    //下一期创建
    $nextPeriod = $period + 1;
    $sql_insert_ = "INSERT INTO game_periods (`id`, `period`, `number`, `next_draw_time`, `is_processed`) VALUES (NULL, '$nextPeriod', '', '$fiveMinutesLaterTimestamp', '0')";
    $result = $conn->query($sql_insert_);
    
    
    // 匹配奖励结算(未中奖也要说)
    $reward = "SELECT price,openid,number FROM `periods_data` WHERE `period`='$period'";
    $result = $conn->query($reward);
    
    if ($result->num_rows > 0) {
        // 循环读取查询结果中的所有行数据
        while ($row = $result->fetch_assoc()) {
            $openid = $row['openid'];
            $price = $row['price'];
            $number_sonal = $row['number'];
            // 获得$price的两倍
            $doublePrice = $price * 2;
            
            if ($number_sonal==$randomNumber) {
                
                // 金额到账
    $price_update = "UPDATE `user` SET `price` = `price` + $doublePrice WHERE `openid` = '$openid'";
    $conn->query($price_update);
    $msg="恭喜您,选中了K牌，奖励已到账";
            } else {
    $msg="很遗憾,未选中K牌，再接再厉";
            }
            
        $receiver = "$openid";
        $content = $msg;
        send_mqtt_message($receiver, $content,$conn,'0');
            
    
    
    
     // 通知消息
     
        }
    } 
    
    
    // 关闭数据库连接
    $conn->close();
    ?>

1.  首先，代码通过include和require\_once引入了一些依赖的文件，包括数据库连接文件和消息推送相关的文件。
2.  接下来，代码检查传入的GET请求参数password是否等于iuweojsd8542637lk，如果不等于则返回一个JSON格式的错误信息，包含错误代码和错误消息。
3.  然后，代码获取当前的时间戳，并计算出5分钟后的时间戳。代码通过数据库查询获取最后一期的信息，如果有查询结果，说明已经存在期数记录，就对该期进行更新操作：生成1、2或3的随机数，并将这个随机数以及标记为已处理的状态写入数据库。如果没有查询到任何记录，说明是第一期，代码将创建第一期的记录，并将下一期的信息也插入数据库，但这个记录的期数是当前期数加1，即第二期。
4.  之后，代码会检查当前期数的数据记录，查询是否有用户参与，如果有参与，会根据用户选择的数字和随机生成的数字进行奖励结算。如果用户选择的数字与随机数一致，会将用户的账户余额增加两倍的奖励金额，否则用户得到一条未中奖的消息。
5.  最后，代码通过消息推送的方式，将奖励结果发送给对应的用户。
6.  最后关闭数据库连接。

#### 定时计划 ####

通过宝塔的定时计划任务，到点后触发URL，这个时候你可能会说程序会在创建过程中出现很多BUG，是的，当速度不匹配用户提交数据有很多不确定性，所以我们需要对下面的用户操作部分做一些调整，避免出现这些情况  
![在这里插入图片描述][9a8e571602224f60a0e9f07ed8373eb3.png]

#### 买定离手操作 ####

新建buy.php

<?php
    
    include '../api/conn.php';
    if (!$_POST) {
       die(
            json_encode(
                array(
                'code' => 200,
                'msg' => '缺少参数'
            ),480)
    );
    } 
    
    $period=$_POST['period'];
    $openid=$_POST['openid'];
    $number=$_POST['number'];
    $price=$_POST['price'];
    //查询当前提交期数与系统最后期数一致吗（期数一致）
    $sql1="SELECT period,is_processed FROM game_periods ORDER BY period DESC LIMIT 1";
    $result = $conn->query($sql1);
    
    if ($result->num_rows > 0) {
        // 读取查询结果中的一行数据
        $row = $result->fetch_assoc();
        
        // 获取id字段的值
        $period_database = $row['period'];
        $is_processed = $row['is_processed'];
        if ($period_database==$period&&$is_processed=='0') {
            //防止写入两次
            $query_sql="SELECT id FROM `periods_data` WHERE `period`='$period'and `openid`='$openid'";
            $result = $conn->query($query_sql);
    
    if ($result->num_rows > 0) {
    die(
            json_encode(
                array(
                'code' => 200,
                'msg' => '已经押注过啦~'
            ),480)
    );
    
    } else {
        
        // 余额支付
          //我的余额查询
        $cx_yue="SELECT `price` FROM `user` WHERE `openid`='$openid'";
         $res=$conn->query($cx_yue);
        if ($rowss=$res->fetch_assoc()) {
           $my_money=$rowss['price'];//我的余额
        } else {
          die(
            json_encode(
                array(
                'code' => 200,
                'msg' => '当前用户未注册'
            ),480)
    );
        }
     
        
        
         $buy=$price;//真正需要付的钱
         
        //  var_dump($buy);
        //余额判断
        if ($my_money>=$buy) {
            // 余额扣除
            $residue_money=$my_money-$buy;
        $money_update="UPDATE `user` SET `price` = '$residue_money' WHERE `openid` = '$openid'";
        $res2=$conn->query($money_update);
        //插入操作
         $sql2="INSERT INTO `periods_data` (`id`, `period`, `number`, `openid`, `price`) VALUES (NULL, '$period_database', '$number', '$openid', '$price')";
          $conn->query($sql2);
          die(
            json_encode(
                array(
                'code' => 100,
                'msg' => '押注成功'
            ),480)
    );
    
       
    } else {
       die(
            json_encode(
                array(
                'code' => 200,
                'msg' => '余额不足'
            ),480)
    );
    }
        // 余额支付
           
        
    }
         
        } else {
           die(
            json_encode(
                array(
                'code' => 200,
                'msg' => '该局游戏不存在，请刷新后重试'
            ),480)
    );
        }
        
    } else {
       die(
            json_encode(
                array(
                'code' => 200,
                'msg' => '游戏暂未开盘'
            ),480)
    );
    }
    
    // 关闭数据库连接
    $conn->close();
    
    //放防止重复提交（同个用户一期只能提交一次）

1.  代码首先通过include引入了数据库连接文件。
2.  接下来，代码检查是否收到了POST请求，如果没有收到POST请求，返回一个JSON格式的错误信息，表示缺少参数。代码从POST请求中获取了期数 p e r i o d 、用户标识 period、用户标识 period、用户标识openid、用户选择的数字 n u m b e r 以及押注金额 number以及押注金额 number以及押注金额price。
3.  代码查询数据库，获取系统中最后一期的信息，包括期数和是否已经处理的标记。
4.  如果查询到最后一期的信息，代码会检查用户提交的期数 p e r i o d 是否与系统最后一期的期数一致，并且检查该期是否未处理（ period是否与系统最后一期的期数一致，并且检查该期是否未处理（ period是否与系统最后一期的期数一致，并且检查该期是否未处理（is\_processed为0）。如果期数一致且未处理，继续进行下面的操作。
5.  代码查询数据库，检查该用户是否已经在当前期数下进行过押注，如果已经押注过，返回一个JSON格式的错误信息，表示已经押注过。
6.  如果用户没有在当前期数下进行过押注，则继续进行余额支付判断。首先查询该用户的余额，并检查余额是否足够支付押注金额。
7.  如果余额足够，进行余额扣除操作，更新用户余额，并将押注记录插入periods\_data表中。
8.  如果余额不足，返回一个JSON格式的错误信息，表示余额不足。
9.  如果系统最后一期的期数与用户提交的期数不一致，或者该期已经处理过，返回相应的JSON格式错误信息，提示游戏状态或操作不合法。
10. 最后，关闭数据库连接。

#### 前端页面渲染接口 ####

新建get\_last\_periods.php

<?php
    include '../api/conn.php';
    header("Content-type:text/html;charset=utf-8");//字符编码设置
    if (!$_POST) {
       die(
            json_encode(
                array(
                'code' => 200,
                'msg' => '缺少参数'
            ),480)
    );
    } 
    
    $sql = "SELECT * FROM game_periods ORDER BY period DESC LIMIT 1";  
    $result =$conn->query($sql);
    if (!$result) {
       die("fail");
    }
    
    $jarr = array();
    while ($rows=mysqli_fetch_array($result,MYSQLI_ASSOC)){
        $count=count($rows);//不能在循环语句中，由于每次删除 row数组长度都减小  
        for($i=0;$i<$count;$i++){  
            unset($rows[$i]);//删除冗余数据  
        }
        array_push($jarr,$rows);
    }
    
    //  $str=json_encode($jarr);//将数组进行json编码
    //  $info = json_decode(trim($jarr),true);
     die(
            json_encode(
                array(
                'code' => 100,
                'data' => $jarr,
                'msg' => '获取成功'
            ),480)
    );
    
    ?>

#### MQTT消息通知写入数据库 ####

$receiver = "$openid";
        $content = $msg;
        send_mqtt_message($receiver, $content,$conn,'0');

## 演示操作 ##

可以去小程序【自动打卡小助手】里面体验，下面是演示视频

【uniapp】实现买定离手小游戏

?希望你能喜欢我的其他作品  
[《记一次云之家签到抓包》][Link 1]  
[《记一次视频抓包m3u8解密过程》][m3u8]  
[《抓包部分软件时无网络+过代理检测 解决办法 安卓黄鸟httpcanary+vmos》][_ _httpcanary_vmos]  
[《Python】记录抓包分析自动领取芝麻HTTP每日免费IP（成品+教程）》][Python_HTTP_IP]  
[《某课抓包视频 安卓手机：黄鸟+某课app+VirtualXposed虚拟框架》][_app_VirtualXposed]

推荐专栏：

[《Python爬虫脚本项目实战》][Python]

该专栏往期文章：  
[《【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码（过Authorization认证）》][Python_Chatgpt3.5_Authorization]

?如果感觉看完文章还不过瘾，欢迎查看我的其它专栏  
?作者对python有很大的兴趣，完成过很多独立的项目：例如滇医通等等脚本，但是由于版权的原因下架了，爬虫这一类审核比较严谨，稍有不慎就侵权违规了，所以在保证质量的同时会对文章进行筛选

如果您对爬虫感兴趣请收藏或者订阅该专栏哦[《Python爬虫脚本项目实战》][Python]，如果你有项目欢迎联系我，我会同步教程到本专栏！

[?**Python爬虫项目实战系列文章**][Python 1]！！  
⭐⭐欢迎订阅⭐⭐

[`【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码（过Authorization认证）`][Python_Chatgpt3.5_Authorization 1]  
[`【Python爬虫项目实战二】Chatgpt还原验证算法-解密某宝伪知网数据接口`][Python_Chatgpt_-]

⭐⭐欢迎订阅⭐⭐  
![在这里插入图片描述][818388c859c04a719ff9c282527b08e6.png]

**[Python爬虫脚本项目实战][Python 2]**  
![在这里插入图片描述][508ce3f3ee894fa7b33136db7bbecc7a.png]

[37dd54d90c46464ebeecabce0c8d2ed3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/20/212cad3a92904d53a92ddc71386bd2f7.png
[d79574a92e5b478885fcfde573e33746.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/20/2d81c6271c684aa9a4ac4ab119139a05.png
[e559e95d8de74842abc07e90eea3fa19.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/20/95963aa9b0c7425dadbacdc1f523a31e.png
[9a8e571602224f60a0e9f07ed8373eb3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/20/fa6a02683a9041758649adcef8710839.png
[Link 1]: https://blog.csdn.net/qq_35230125/article/details/113903423
[m3u8]: https://blog.csdn.net/qq_35230125/article/details/121647199
[_ _httpcanary_vmos]: https://blog.csdn.net/qq_35230125/article/details/121696563
[Python_HTTP_IP]: https://blog.csdn.net/qq_35230125/article/details/122890424
[_app_VirtualXposed]: https://blog.csdn.net/qq_35230125/article/details/121643395
[Python]: http://t.csdn.cn/gGn4P
[Python_Chatgpt3.5_Authorization]: https://blog.csdn.net/qq_35230125/article/details/130199605
[Python 1]: http://t.csdn.cn/iv7Xl
[Python_Chatgpt3.5_Authorization 1]: https://taila.blog.csdn.net/article/details/130199605
[Python_Chatgpt_-]: https://taila.blog.csdn.net/article/details/130240841
[818388c859c04a719ff9c282527b08e6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/20/14e74f9e444f477da438277ac4c1af53.png
[Python 2]: http://t.csdn.cn/aUa9g
[508ce3f3ee894fa7b33136db7bbecc7a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/20/45267e78052a4bad88c4a52b7d7e4f02.png