高并发秒杀项目——商品详情页

本文介绍了在高并发秒杀项目中,如何处理商品详情页的秒杀倒计时功能。首先,后端根据商品的秒杀开始和结束时间计算剩余秒数,通过miaoshaStatus标识秒杀状态。前端接收到miaoshaStatus和remainSeconds后,根据状态展示不同的信息,并动态控制秒杀按钮的可用性,确保在秒杀未开始和结束后按钮不可点击,在进行中则可以点击,并在状态切换时更新文案。
摘要由CSDN通过智能技术生成

高并发秒杀项目——秒杀倒计时


我们已经实现秒杀商品的列表页,当想要查看具体的秒杀信息时,点击每一个“详情”,就可以展现商品的详情页面以及秒杀倒计时。

秒杀倒计时

获取了商品的秒杀开始时间和结束时间,如果秒杀没有开始,那么计算还剩多少时间开始

 @RequestMapping("/to_detail/{goodsId}")
public String detail(Model model, MiaoshaUser user, @PathVariable("goodsId") long goodsId) {
   
        model.addAttribute("user", user);
        GoodsVo goods = goodsService.getGoodsVoByGoodsId(goodsId);
        model.addAttribute("goods", goods);
        //转化为毫秒
        long startAt = goods.getStartDate().getTime();
        long endAt = goods.getEndDate().getTime();
        long now = System.currentTimeMillis();

        int miaoshaStatus = 0;  //秒杀状态
        int remainSeconds = 0;  //距离开始秒杀还有多少秒

        if (</
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值