简单的秒杀系统

最新推荐文章于 2023-03-27 01:59:03 发布
最新推荐文章于 2023-03-27 01:59:03 发布
阅读量130 收藏 1
点赞数
文章标签： 1024程序员节 压力测试 rabbitmq
原文链接：https://www.bilibili.com/video/BV1sf4y1L7KE
版权

该项目是一个简单的秒杀系统，项目都是跟着学的，相关代码都是自己敲的。

技术介绍：运用springboot, redis, mybits-plus, mybatis，rabbitmq消息队列

相关应用：md5加密，自定义注解使用，全局异常定义，redis分布式锁的运用

介绍：项目经过多次优化和测试，基本可以

项目目录：
在这里插入图片描述

运行首页：
在这里插入图片描述

登陆后页面：
在这里插入图片描述
相关代码：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <script type="text/javascript" th:src="@{/js/jquery-2.2.4.min.js}"></script>
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/dist/css/bootstrap.css}"/>
    <script type="text/javascript" th:src="@{/bootstrap/dist/js/bootstrap.js}"></script>
    <script type="text/javascript" th:src="@{/layer/layer.js}"></script>
    <!--  common.js-->
    <script type="text/javascript" th:src="@{/js/common.js}"></script>
</head>
<body>
<div class="panel panel-default">
    <div class="panel-heading">秒杀商品列表</div>
    <table class="table" id="goodsList">
        <tr>
            <td>商品名称</td>
            <td>商品图片</td>
            <td>商品原价</td>
            <td>秒杀价</td>
            <td>库存数量</td>
            <td>详情</td>
        </tr>
        <tr th:each="goods,goodsStat : ${goodsList}">
           <td th:text="${goods.goodsName}"></td>
            <td><img th:src="@{${goods.goodsImg}}" width="100" height="100"/></td>
            <td th:text="${goods.goodsPrice}"></td>
            <td th:text="${goods.seckillPrice}"></td>
            <td th:text="${goods.stockCount}"></td>
            <td><a th:href="'/goodsDetail.htm?goodsId='+${goods.id}">详情</a></td>
        </tr>
    </table>
</div>
</body>
</html>

redis同步存入：
在这里插入图片描述

详情页面：
在这里插入图片描述
相关代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品详情</title>
    <script type="text/javascript" src="/js/jquery-2.2.4.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/bootstrap/dist/css/bootstrap.css"/>
    <script type="text/javascript" src="/bootstrap/dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="/layer/layer.js"></script>
    <!--  common.js-->
    <script type="text/javascript" src="/js/common.js"></script>
</head>
<body>
<div class="panel panel-default">
    <div class="panel-heading">秒杀商品详情</div>
    <div class="panel-body">
        <span id="userTip">您还没有登录，请先登录再操作<br/></span>
        <span>没有收货地址的提示。。。</span>
    </div>
    <table class="table" id="goods">
        <tr>
            <td>商品名称</td>
            <td colspan="3" id="goodsName"></td>
        </tr>
        <tr>
            <td>商品图片</td>
            <td colspan="3"><img id="goodsImg" width="200" height="200"/></td>
        </tr>
        <tr>
            <td>秒杀开始时间</td>
            <td id="startTime"></td>
            <td>
                <input type="hidden" id="remainSeconds"/>
               <!-- <span th:if="${seckillStatus eq 0}">秒杀倒计时：
                <span id="countDown" th:text="${remainSeconds}"></span>秒
                </span>
                <span th:if="${seckillStatus eq 1}">秒杀进行中</span>
                <span th:if="${seckillStatus eq 2}">秒杀已结束</span>-->
                <span id="seckillTip"></span>
            </td>
            <td>
                <!--<form id="seckillForm" method="post" action="/seckill/doSeckill2">
                    <button class="btn btn-primary btn-block" type="submit" id="buyButton">立即秒杀</button>
                    <input type="hidden" name="goodsId" id="goodsId" />
                </form>-->
<!--                优化页面静态化-->
               <div class="row">
                   <div class="form-inline">
                       <img id="captchaImg" width="130" height="32" onclick="refreshCaptcha()" style="display: none"/>
                       <input id="captcha" class="form-control" style="display: none">
                       <button class="btn btn-primary" type="button" id="buyButton" onclick="getSeckillPath()">立即秒杀
                           <input type="hidden" name="goodsId" id="goodsId" />
                       </button>
                   </div>
               </div>
            </td>
        </tr>
        <tr>
            <td>商品原价</td>
            <td colspan="3" id="goodsPrice"></td>
        </tr>
        <tr>
            <td>秒杀价</td>
            <td colspan="3" id="seckillPrice"></td>
        </tr>
        <tr>
            <td>库存数量</td>
            <td colspan="3" id="stockCount"></td>
        </tr>
    </table>
</div>
</body>
<script>
    $(function (){
        //countDown();
        getDetails();
    });

    function refreshCaptcha(){
        $("#captchaImg").attr("src","/seckill/captcha?goodsId="+$("#goodsId").val()+"&time="+new Date());
    }

    function getSeckillPath(){
        var goodsId = $("#goodsId").val();
        var captcha = $("#captcha").val();
        // 加载动画
        g_showLoading();
        $.ajax({
            url:"/seckill/path",
            type:"GET",
            data:{
                goodsId: goodsId,
                captcha: captcha
            },
            success:function (data){
                if (data.code == 200){
                    var path = data.obj;
                    doSeckill(path);
                }else {
                    layer.msg(data.message)
                }

            },
            error:function (){
                layer.msg("客户端请求错误！")
            }
        })
    }

    function doSeckill(path){
        $.ajax({
            url: '/seckill/' + path + '/doSeckill',
            type: 'POST',
            data:{
                goodsId:$("#goodsId").val()
            },
            success:function (data){
                // console.log(data.obj);
                if(data.code == 200){
                    //location.href="/orderDetail.htm?orderId="+data.obj.id;
                    getResult($("#goodsId").val());
                }else {
                    layer.msg(data.message)
                }
            },
            error:function (){
                layer.msg("客户端请求错误幺");
            }
        })
    }

    function getResult(goodsId){
        g_showLoading();
        $.ajax({
            url:"/seckill/result",
            type:"GET",
            data: {
                goodsId: goodsId,
            },
            success:function (data){
                if (data.code == 200){
                    var result = data.obj;
                    if (result < 0){
                        layer.msg("对不起，秒杀失败！")
                    }else if (result==0){
                        setTimeout(function (){
                            getResult(goodsId);
                        },50);
                    }else {
                        layer.confirm("恭喜您，秒杀成功！是否查看订单？",{btn:["确认","取消"]},
                        function (){
                            window.location.href = "/orderDetail.htm?orderId="+result;
                        },
                        function (){
                            layer.close();
                        })
                    }
                }
            },
            error:function (){
                layer.msg("客户端请求失败！")
            }
        })
    }

    function getDetails(){
        var goodsId = g_getQueryString("goodsId");
        $.ajax({
            url:'/goods/detail/'+goodsId,
            type:'GET',
            success:function (data){
                if (data.code==200){
                    render(data.obj);
                }else {
                    layer.msg(data.message);
                }
            },
            error:function (){
                layer.msg("客户端请求失败哈");
            }
        });
    }

    function render(detail){
        var user = detail.user;
        var goods = detail.goodsVo;
        var remainSeconds = detail.remainSeconds;
        if (user) {
            $("#userTip").hide();
        }
        $("#goodsName").text(goods.goodsName);
        $("#goodsImg").attr("src",goods.goodsImg);
        $("#startTime").text(new Date(goods.startDate).format("yyyy-MM-dd HH:mm:ss"));
        $("#remainSeconds").val(remainSeconds);
        $("#goodsId").val(goods.id);
        $("#goodsPrice").text(goods.goodsPrice);
        $("#seckillPrice").text(goods.seckillPrice);
        $("#stockCount").text(goods.stockCount);
        countDown();
    }

    function countDown(){
        var remainSeconds = $("#remainSeconds").val();
        var timeout;
        // 秒杀开始
        if (remainSeconds > 0){
            $("#buyButton").attr("disabled",true);
            $("#seckillTip").html("秒杀倒计时："+remainSeconds+"秒");
            timeout = setTimeout(function (){
                //$("#countDown").text(remainSeconds - 1);
                $("#remainSeconds").val(remainSeconds -1);
                countDown();
            },1000);
            // 秒杀进行中
        }else if (remainSeconds == 0){
            $("#buyButton").attr("disabled",false);
            if (timeout){
                clearTimeout(timeout);
            }
            $("#seckillTip").html("秒杀进行中");
            $("#captchaImg").attr("src","/seckill/captcha?goodsId="+$("#goodsId").val()+"&time="+new Date());
            $("#captchaImg").show();
            $("#captcha").show();
            // 秒杀已结束
        }else {
            $("#buyButton").attr("disabled",true);
            $("#seckillTip").html("秒杀已经结束");
            $("#captchaImg").hide();
            $("#captcha").hide();
        }
    }
</script>
</html>

秒杀成功后：
在这里插入图片描述

页面很简单，跟着老师学的。根据自己的需求，页面可以升华，有些功能可以完善（支付功能没写），经过压测测试，它的QPS还是挺高的，当做练习项目用。
功能没写），经过压测测试，它的QPS还是挺高的，当做练习项目用。

有需要的源码到码云下载：https://gitee.com/cgc888/seckill
或加qq: 3316127206发给你😀

AllofAll01
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
秒杀系统设计
小明的博客
11-24 949
秒杀活动是指网络商家为促销等目的组织会网上限时抢购活动，这种活动具有瞬时并发量大、库存量少和业务逻辑简单等特点。设计一个秒杀系统需要考虑的因素很多，比如对现有业务的影响、网络带宽消耗以及超卖等因素。本文会讨论秒杀系统的各个环节可能存在的问题以及解决方案。 秒杀系统 傻瓜式秒杀系统 秒杀系统的核心难点是并发量，如果不考虑并发问题，那么我们可以用如下图所示的简单的系统结构来实现秒杀系统，用户只有两个简单操作：刷新界面和秒杀按钮，服务端也只有两个服务接口：返回秒杀界面和处理秒杀逻辑。假设本文中秒杀商品有100个，
简易秒杀系统
01-02
一个简易的秒杀系统，实现了限流，库存闸，批量入库，并且所有请求同步返回，所有参数可配置
简易的秒杀系统
qq_44331428的博客
09-13 282
简易的秒杀系统 防止超卖问题 令牌桶限流 整合Redis缓存 消息队列异步处理订单 控制器 @RestController @RequestMapping("stock") public class StockController { @Autowired private OrderService orderService; //秒杀方法 @GetMapping("kill") public String kill(Integer id){
一个简单的秒杀系统
myfirstuser的博客
05-23 1082
一个简单的秒杀系统 什么是秒杀 秒杀场景一般会在电商网站举行一些活动或者节假日在12306网站上抢票时遇到。对于电商网站中一些稀缺或者特价商品，电商网站一般会在约定时间点对其进行限量销售，因为这些商品的特殊性，会吸引大量用户前来抢购，并且会在约定的时间点同时在秒杀页面进行抢购。 秒杀系统场景特点 秒杀时大量用户会在同一时间同时进行抢购，网站瞬时访问流量激增。 秒杀一般是访问请求数量远远大于库存数量...
简单设计秒杀系统
Dream
06-28 417
1 秒杀架构图 2 秒杀场景 登陆12306进行火车票抢座 1599元购入飞天茅台 周董演唱会的门票 双十一秒杀活动 3 秒杀的难点 瞬时高并发流量的挑战 超卖 恶意攻击 用户体验 木桶短板理论，整个系统的瓶颈往往都在 DB 4 如何设计 上图是一个典型的互联网业务，用户完成一个写操作，一般会通过接入层和逻辑层，这里的服务都是无状态，可以通过平行拓展去解决高并发的问题；到了 db 层，必须要落到介质中，可以是磁盘/ssd/内存，如果出现 key 的冲突，会有一些并发控制技术，例如 cas/加锁/
springboot集成redis实现简单秒杀系统
08-25
主要为大家详细介绍了springboot集成redis实现简单秒杀系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
seckill：简易秒杀系统
02-12
1.自动填充时间-MyMeta 2.sql打印--MybatisPlusConfig 3.日志配置4.令牌桶限流5.操作redis 6.redis自增原子性7.redis实现分布式会话
秒杀系统简单例子
01-30
秒杀系统简单例子，适合新手学习的一个例子。。。。。。
基于 Java+MySQL 实现的简单秒杀系统【100013068】
07-25
该项目使用到的工具包括但不限于 IDEA 编辑器，Maven 项目管理器，Spring + MVC + BootStrap 框架，语言主要使用 Java 语言和 JS,日志使用的是 slf4j 的最新版 logback，数据库连接池用的 c3p0，单元测试用的 JUnit ...
秒杀系统 - 简单理论实现
江南烟雨却痴缠丶
03-01 683
多线程下单 秒杀中，操作一般都是比较复杂的，而且并发量特别高，比如，检查当前账号操作是否已经秒杀过该商品，检 查该账号是否存在存在刷单行为，记录用户操作日志等。 一般采用多线程下单，但多线程中我们又需要保证用户抢单的公平性，也就是先抢先下单。我们可以这样实现，用户进入秒杀抢单，如果用户符合抢单资格，只需要记录用户抢单数据，存入Redis队列，多线程从队列中进 行消费即可，存入队列采用左压，多线...
简易秒杀系统-优化（详细注释）
SIESTA030的博客
02-18 1214
简易秒杀系统的优化过程（入门级），用到了缓存，消息中间件等技术
SSM框架搭建简单秒杀系统
qq_40369829的博客
02-13 679
简介 高并发优化 分页 搭建 环境 maven安装 Redis安装 工程基本配置 数据库 DAO层 实体 接口 配置 单元测试 Service层 实体 接口和实现 配置 单元测试 Web层 Controller开发 配置 前端 部署 简介 根据慕课网教程整合SSM框架编写秒杀系统，添加增删改和分页查询功能，并使用cdn、服务器缓存、存储过程进行高...
实现秒杀小例子
qq_43139132的博客
03-19 497
一个简单的秒杀例子 运用jedis来实现 实现添加pom.xml的依赖 <dependency> <groupId>redis.clients</groupId> <artifactId>jedis</artifactId> <version>2.7.3</ve...
怎么设计一个秒杀系统
weixin_54232666的博客
03-27 2281
秒杀系统部署要单独区别开其他系统单独部署，这个系统的流量肯定很大，单独部署。数据库也要单独用一个部署的数据库或者集群，防止高并发导致整个网站不可用。
万字详解秒杀系统！！
flynetcn的专栏
09-10 2862
大家好，我是捡田螺的小男孩~ 今天推荐冰河老哥一篇干货 很多小伙伴反馈说，高并发专题学了那么久，但是，在真正做项目时，仍然不知道如何下手处理高并发业务场景！甚至很多小伙伴仍然停留在只是简单的提供接口（CRUD）阶段，不知道学习的并发知识如何运用到实际项目中，就更别提如何构建高并发系统了！ 究竟什么样的系统算是高并发系统？今天，我们就一起解密高并发业务场景下典型的秒杀系统的架构，结合高并发专题下的其他文章，学以致用。 电商系统架构 在电商领域，存在着典型的秒杀业务场景，那何谓秒杀场景呢。简单的来说就是
第一百一十一期:思考 | 一文说透秒杀系统如何设计
歌谣的博客
11-12 845
秒杀大家都不陌生。自2011年首次出现以来，无论是双十一购物还是 12306 抢票，秒杀场景已随处可见。简单来说，秒杀就是在同一时刻大量请求争抢购买同一商品并完成交易的过程。从架构视角来看，秒杀系统本质是一个高性能、高一致、高可用的三高系统。 作者：阿哲 前言 秒杀大家都不陌生。自2011年首次出现以来，无论是双十一购物还是 12306 抢票，秒杀场景已随处可见。简单来说，秒杀就是在同一时刻...
如何设计一个秒杀系统
热门推荐
Heaven Wang 的专栏
09-21 7万+
什么是秒杀秒杀场景一般会在电商网站举行一些活动或者节假日在12306网站上抢票时遇到。对于电商网站中一些稀缺或者特价商品，电商网站一般会在约定时间点对其进行限量销售，因为这些商品的特殊性，会吸引大量用户前来抢购，并且会在约定的时间点同时在秒杀页面进行抢购。秒杀系统场景特点 秒杀时大量用户会在同一时间同时进行抢购，网站瞬时访问流量激增。 秒杀一般是访问请求数量远远大于库存数量，只有少部分用户能够秒杀
设计一个简易秒杀系统思路
TigerwolfC的博客
03-12 3692
很多的电商平台，在节假日如双十一，618等都会有商品描述的活动，今天和大家讨论一下，如何设计一个秒杀系统。 什么是秒杀 在一定的时间内几秒或者几分钟，对一定数量的库存进行出卖。 场景分析： 1，在秒杀之前，比如上午十点开始秒杀，很多用户可能在九点五十左右就开始访问自己心仪的秒杀商品，这样就会出现在秒杀之前用很多的并发量，所以在秒杀之前的半个小时之前，是否可以将参加秒杀活动商品的一些信息缓...
【秒杀系统】从零开始打造简易秒杀系统（一）：防止超卖
蛮三刀酱
03-07 8772
前言 大家好，好久不发文章了。（快一个月了- -）最近有很多学习的新知识想和大家分享，但无奈最近项目蛮忙的，很多文章写了一半搁置在了笔记里，待以后慢慢补充发布。 本文主要是通过实际代码讲解，帮助你一步步搭建一个简易的秒杀系统。从而快速的了解秒杀系统的主要难点，并且迅速上手实际项目。 我对秒杀系统文章的规划： 从零开始打造简易秒杀系统：乐观锁防止超卖 从零开始打造简易秒杀系统：令牌桶限流 从零开...
java rabbitmq秒杀系统
最新发布
08-24
对于实现Java RabbitMQ秒杀系统，以下是一种常见的架构设计思路： 1. 消息队列：使用RabbitMQ作为消息队列，用于异步处理秒杀请求。 2. 库存管理：在数据库中存储商品的库存信息，每次秒杀前需要检查库存是否充足。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值