小程序 laravel 实现秒杀
参考博客：
https://blog.csdn.net/m0_56487875/article/details/118603439
小程序登录：
https://www.cnblogs.com/xiaoyantongxue/p/15677256.html
小程序授权登录跳转至秒杀列表页
// pages/seckill/seckill.js
Page({ /**
* 页面的初始数据
*/
data: {
goods: []
}, /**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var token=wx.getStorageSync('token')
wx.request({
url: 'http://www.yan.com/api/yk/goods', //仅为示例，并非真实的接口地址
header: {token},
method: "POST",
success: res => {
console.log(res.data);
this.setData({
goods: res.data.data
}) }
}) },
/**
* 开始抢购按钮
*/
start(e){
var id=e.target.dataset.id
wx.navigateTo({
url: '/pages/details/details?id='+id,
}) }, })
//数据进行渲染：
<!--pages/seckill/seckill.wxml-->
<view>秒杀</view> <view class="page-section-spacing">
<scroll-view scroll-y="true" class="page-scroll-style" bindscrolltolower="scroll">
<block wx:for="{{goods}}" wx:key="goods">
<view class="scroll-view-content">
<image src="{{item.goods.goods_image}}" class="scroll-view-image"></image>
<view class="scroll-view-text">
{{item.goods.goods_name}}
</view>
<view class="scroll-view-name">
￥{{item.goods.goods_price}}
</view>
<view class="scroll-view-text">
限量{{item.goods.goods_nums}}
</view>
<text bindtap="start" data-id="{{item.id}}">开始抢购</text>
</view>
</block>
</scroll-view>
</view>
wxss
/**index.wxss**/
.weui-search-bar {
position: relative;
padding: 8px 10px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
box-sizing: border-box;
background-color: #EFEFF4;
border-top: 1rpx solid #D7D6DC;
border-bottom: 1rpx solid #D7D6DC;
}
.weui-icon-search_in-box {
position: absolute;
left: 10px;
top: 7px;
}
.weui-search-bar__form {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto;
border-radius: 5px;
background: #FFFFFF;
border: 1rpx solid #E6E6EA;
}
.weui-search-bar__box {
position: relative;
padding-left: 30px;
padding-right: 30px;
width: 100%;
box-sizing: border-box;
z-index: 1;
}
.weui-search-bar__input {
height: 28px;
line-height: 28px;
font-size: 14px;
}
.weui-search-bar__cancel-btn {
margin-left: 10px;
line-height: 28px;
color: #09BB07;
white-space: nowrap;
}
.swp{
height: 500rpx;
}
.page-section-spacing{
margin-top: 60rpx;
} .page-scroll-style{
height: 1000rpx;
background: aliceblue;
}
.scroll-view-content{
height: 230rpx;
margin: auto 10rpx;
background: white;
border: 1px solid gray;
}
.scroll-view-image{
width: 200rpx;
height: 200rpx;
margin-top: 15rpx;
margin-left: 20rpx;
float: left;
}
.scroll-view-text{
width: 400rpx;
float: left;
font-weight: 800;
margin-top: 15rpx;
margin-left: 20rpx;
}
.scroll-view-name{
float: left;
font-size: 30rpx;
color: gray;
margin-top: 20rpx;
margin-left: 20rpx;
color: red;
}
.scroll-view_H{
white-space: nowrap;
}
.scroll-view-item{
height: 300rpx;
}
.scroll-view-item_H{
display: inline-block;
width: 100%;
height: 300rpx;
}
php 后台请求的数据路由：
Route::group(['namespace' => 'YK','middleware'=>'jwt'], function () {
//列表展示
Route::post('yk/goods','YkController@goods');
// 详情
Route::post('yk/details','YkController@details');
// 秒杀
Route::post('yk/checkstock','YkController@checkStock');
// 订单的生成
Route::post('yk/order','YkController@createOrder');
});
控制器：
<?php namespace App\Http\Controllers\YK; use App\Http\Controllers\Controller;
use App\models\Seckill\Goods;
use App\Models\Seckill\SeckillOrder;
use App\Models\Seckill\SeckillTime;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Redis;
use Predis\Client; class YkController extends Controller
{ //列表展示
public function goods()
{
$result = SeckillTime::with(['goods'])
->get()->toArray(); //进行把参与秒杀的商品写入到数据库
foreach ($result as $val) {
//生成对应商品库存队列
$goods = "activity_goods_" . $val['goods_id'];
for ($i = 0; $i < $val['sku_nums']; $i++) {
Redis::lpush($goods, 1);
} return response()->json(['code' => 200, 'message' => 'success', 'data' => $result]);
}
} // 详情
public function details(Request $request)
{
$id = $request->post('id');
$res = Goods::where('id', $id)->first();
if ($res) {
return response()->json(['code' => 200, 'message' => 'success', 'data' => $res]);
}
return response()->json(['code' => 500, 'message' => 'no', 'data' => '']);
} // 抢购：
public function checkStock(Request $request)
{
// 接受用户id
$userID=$request->post('userid');
// 商品id
$goodsID=$request->post('id');
$goods = "activity_goods_".$goodsID;
//对应商品抢购成功用户集合 {1,3,4}
$robSuccessUser = "success_user".$goodsID;
//进行判断当前用户是否在抢成功的队列里面
$result = Redis::sismember($robSuccessUser,$userID);
//如果你在这里面，就抢完了
if ($result) {
//如果抢购成功 返回状态码，进行下单
return response()->json(['code' => 201, 'data' => '', 'msg' => '已经抢购过了']);
}
//减库存，把队列里面的数据从左边 头
$count = Redis::lpop($goods);
if (!$count) {
//如果抢购成功 返回状态码，进行下单
return response()->json(['code' => 202, 'data' => '', 'msg' => '已经抢光了哦']);
}
//把当前这个秒杀的uid存储到中奖的队列里set
$success = Redis::sadd($robSuccessUser, $userID);
if(!$success){
//已经在成功队列里了，加回库存,防止的是同个用户并发请求
Redis::lpush($goods, 1);
//如果抢购成功 返回状态码，进行下单
return response()->json(['errorCode' => 203, 'data' => '', 'msg' => '已经抢购过了']);
} //如果抢购成功 返回状态码，进行下单
return response()->json(['errorCode' => 200, 'data' => '', 'msg' => '秒杀成功']); }
订单的生成
public function createOrder(Request $request)
{ //接受小程序用户id
$userID=$request->post('userid');
//抢购用户id
//商品id
$goodsID = $request->post("goods_id");
//对应商品抢购成功用户集合 {1,3,4}
$robSuccessUser = "success_user".$goodsID;
//进行判断当前用户是否在抢成功的队列里面
$result = Redis::sismember($robSuccessUser,$userID);
//如果你在这里面，就抢完了
if (!$result) {
//如果抢购成功 返回状态码，进行下单
return response()->json(['code' => 203, 'data' => '', 'msg' => '手慢了！']);
} DB::beginTransaction();
try{
//减库存 秒杀的商频库存减去一
SeckillTime::decrement('sku_nums');
Goods::decrement('goods_nums');
//生成订单
$order_no='YK'.date('YmdHis').sprintf("%'.09d",$goodsID).mt_rand(1000,9999);
// 将订单号和用户id，商品id添加至 订单明细表中
$data=[];
$data['user_id']=$userID;
$data['g_id']=$goodsID;
$data['order']=$order_no;
SeckillOrder::insertGetId($data);
DB::commit();
//下单成功，跳转支付页面
return response()->json(['code' => 200, 'data' => $order_no, 'msg' => '下单成功！']);
}catch (\Exception $e){
DB::rollBack();
} } }
小程序抢购，点击抢购进入详情页面：
详情wxjs的代码：
// pages/details/details.js
// 放抖的引入
import tool from "../../utils/tool.js";
Page({
/**
* 页面的初始数据
*/
data: {
goods_details:[]
}, /**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var token=wx.getStorageSync('token')
var id=options.id
wx.request({
url: 'http://www.yan.com/api/yk/details', //仅为示例，并非真实的接口地址
header: {token},
data:{
id:id
},
method: "POST",
success: res => {
// console.log(res.data.data);
this.setData({
goods_details: res.data.data
}) }
}) },
//秒杀
buyGoods(e){
var token=wx.getStorageSync('token')
var id=e.target.dataset.id;
// 获取用户id
var userid=wx.getStorageSync('userid');
wx.request({
url: 'http://www.yan.com/api/yk/checkstock', //仅为示例，并非真实的接口地址
header: {token},
data:{
id:id,
userid:userid
},
method: "POST",
success: res => {
console.log(res.data);
if(res.data.code==201){
wx.switchTab({
url: '/pages/order/order?gid='+id,
})
wx.showToast({
title: '已经抢购过了，请支付',
}) }
if(res.data.code==202){
wx.showToast({
title: '已经抢光了哦',
}) }
if(res.data.code==203){
wx.showToast({
title: '已经抢购过了,请支付',
})
wx.switchTab({
url: '/pages/order/order?gid='+id,
}) }
if(res.data.code==200){
wx.showToast({
title: '秒杀成功，请支付',
})
// 跳转至订单页面
wx.switchTab({
url: '/pages/order/order?gid='+id,
})
} }
})
}, })
详情wxml代码：
<!--pages/details/details.wxml-->
<view class="page-section-spacing">
<scroll-view scroll-y="true" class="page-scroll-style" bindscrolltolower="scroll">
<view class="scroll-view-content">
<image src="{{goods_details.goods_image}}" class="scroll-view-image"></image>
<view class="scroll-view-text">
{{goods_details.goods_name}}
</view>
<view class="scroll-view-name">
￥{{goods_details.goods_price}}
</view>
<view class="scroll-view-text">
限量{{goods_details.goods_nums}}
</view>
<text bindtap="buyGoods" class="a" data-id="{{goods_details.id}}">开始秒杀</text>
</view> </scroll-view>
</view>
抢购完成进入订单页面：
<button type="primary" bindtap="pay">支付</button>
// pages/order/order.js
Page({ /**
* 页面的初始数据
*/
data: {
goods_id: ''
}, /**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// 获取商品id用于订单的生成
var gid = options.gid;
this.setData({
goods_id: gid
})
},
// 支付
pay(e) {
// 获取用户id
var userid = wx.getStorageSync('userid');
var goods_id = this.data.goods_id,
var token=wx.getStorageSync('token')
// 将用户id发送至后台用于生成订单
wx.request({
url: 'http://www.yan.com/api/yk/order', //仅为示例，并非真实的接口地址
data: {
userid: userid,
goods_id: goods_id
},
header: {token},
method: "POST",
success(res) {
if (res.data.code == 203) {
wx.showToast({
title: '手慢啦',
})
}
if (res.data.code == 200) {
wx.showToast({
title: '下单成功',
})
} }
}) } })
小程序 laravel 实现秒杀的更多相关文章
- 微信小程序+laravel 7+ Redis +短信宝 实现手机号验证码登录
以下代码可以进行优化和封装:这里我实现功能为主,就不封装啦.小伙伴可以自己试着封装一下. 1:书写登录表单 <view class="container"> <v ...
- 小程序实现sql插入语句转换成Laravel迁移语句
sql的插入语句长这样: INSERT INTO `media` (`MediaID`, `type`, `filename`, `title`) VALUES (1, 'word', 'word1. ...
- 小程序应用的Python服务器部署高配，依然是腾讯云秒杀阿里云！
上一篇文章,“小程序创业最低配置部署,腾讯云折扣秒杀阿里云!”介绍了小程序项目启动时的最低配置服务器选择,但当项目良好发展时,还是要把服务器配置调整到标准水平,承受住日益增长的流量访问. 随着Pyth ...
- 编程入门视频【 Python、PHP、ThinkPHP、Laravel、Mysql、微信小程序】
免费分享 Python.PHP.ThinkPHP.Laravel.Mysql.微信小程序等学习视频 点击进入搜刮 免费分享 Python.PHP.ThinkPHP.Laravel.Mysql.微信小程 ...
- iBrand 开源电商小程序 （Laravel API+ webpack + gulp + 原生小程序）
iBrand 社交电商产品正式进入开源过程中了,我们制定了详细的开源计划,目前已经发布了 V1 的版本,后续的版本也在陆续整理完善中. 各个版本功能明细如下图: 3 个版本计划在今年春节前全部完成,可 ...
- 微信小程序前台的用户数据入库（后台Laravel）
首先 我们可以看到微信小程序官方 文档 wx.login api-login.jpg 通过此图 我们知道 前台要传 一个 code给后台,后台拿到code 并结合appid和appsecret请求 ...
- Laravel wxxcx 微信小程序获取用户信息
wxxcx 是Laravel5微信小程序登录获取用户信息扩展 部署 12345678 # 安装$ composer require iwanli/wxxcx# 注册服务# 在 /config/app. ...
- laravel 微信小程序登录 加密解密扩展包
https://github.com/lanceWan/wxxcx 测试的时候一定要保证服务器的 appid 和客户端的appid一致 如果是切换测试 那么需要把本地的项目从微信小程序上面删除掉 再 ...
- 微信小程序----团购或秒杀的批量倒计时实现
效果图 实现思路微信小程序实现倒计时,可以将倒计时的时间进行每一秒的计算和渲染! JS模拟商品列表数据 goodsList:在 onLoad 周期函数中对活动结束时间进行提取:建立时间格式化函数 ti ...
随机推荐
- Java中Type接口及其子类
简介 Type是Java 编程语言中所有类型的公共高级接口,和Object不同,Object是所有类的父类,即Object是Type的父类. 分类 原始类型(Class):不仅仅包含我们平常所指的类, ...
- Android数据库的事务
事务: 执行多条sql语句,要么同时执行成功,要么同时执行失败,不能有的成功,有的失败 银行转账 //点击按钮执行该方法 public void transtation(View v){ // ...
- Java中的常用的输入输出流
Java中的输入输出流根据格式又可以分为字节流和字符流:(成对) 字节流:FileInputStream,FileOutputStream : BufferedInputStream,Buffe ...
- 简单RSA攻击方式
RSA攻击方式总结 1.模数分解 1).解题思路 a).找到RSA算法中的公钥(e,n) b).通过n来找到对应的p和q,然后求得φ(n) c).通过gmpy2.invert或者gmpy2 ...
- Docker创建私有镜像仓库
Docker官方提供了一个工具docker-registry,可以借助这个工具构建私有镜像仓库: 1.拉取registry镜像 # docker pull registry//可以使用 docker ...
- 帆软报表（finereport）点击事件对话框打开
点击事件对话框打开iframe var iframe = $("<iframe id='001' name='001' width='100%' height='100%' scrol ...
- 读写分离&分库分表学习笔记
读写分离 何为读写分离? 见名思意,根据读写分离的名字,我们就可以知道:读写分离主要是为了将对数据库的读写操作分散到不同的数据库节点上. 这样的话,就能够小幅提升写性能,大幅提升读性能. 我简单画了一 ...
- ansible手动添加模块
文章目录 安装ansible 验证ansible版本 定义ansible配置文件路径 为ansible添加模块 由于使用pip安装的ansible,自带的模块会比较少,有的模块会不存在,需要自己手动添 ...
- PHP7.x环境下安装redis扩展
注:以下介绍的安装方式为PHP的安装路径为/usr/local/php,如果你的服务器上PHP的安装目录不一致请按实际情况处理. 首先下载PHP7的redis扩展 wget https://githu ...
- Hyperledger Fabric 2.x 动态更新智能合约
一.说明 在上一篇文章中分享了智能合约的安装与使用,如果业务有变更代码需要修改怎么办呢?本文分享如何对已安装的合约进行版本更新. 二.环境准备 区块链网络安装:<Hyperledger Fabr ...