京东秒杀之秒杀详情
1 编写前端页面（商品详情）
<!DOCTYPE html>
<head><title>商品详情</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><script type="text/javascript" src="/js/jquery.min.js"></script><link rel="stylesheet" type="text/css" href="/bootstrap/css/bootstrap.min.css" /><!-- bootstrap --><script type="text/javascript" src="/bootstrap/js/bootstrap.min.js"></script><script type="text/javascript" src="/jquery-validation/jquery.validate.min.js"></script> <!-- jquery-validator --><script type="text/javascript" src="/jquery-validation/localization/messages_zh.min.js"></script><script type="text/javascript" src="/layer/layer.js"></script><!-- layer --><script type="text/javascript" src="/js/md5.min.js"></script><!-- md5.js --><script type="text/javascript" src="/js/common.js"></script><!-- common.js --><script type="text/javascript" src="/js/socket.js"></script><!-- common.js -->
</head>
<body>
<div class="panel panel-default"><div class="panel-heading">秒杀商品详情</div><div class="panel-body"><div id="userTip" style="display: none"><span> 您还没有登录，请<a href="/login.html">登陆</a>后再操作<br/></span></div><span>没有收货地址的提示。。。</span>
</div>
<table class="table"><tr><td>商品名称</td><td colspan="3" id="goodName"></td></tr><tr><td>商品图片</td><td colspan="3"><img id="goodImg" width="200" height="200" /></td></tr><tr><td>秒杀开始时间</td><td id="startDate"></td><td id="seckillTip"></td><td><img id="verifyCodeImg" width="80" height="32" onclick="initVerifyCodeImg()" style="display: none"><input id="verifyCode" style="display: none"><button class="btn btn-primary btn-block" type="button" id="buyButton" onclick="">立即秒杀</button></td></tr><tr><td>商品原价</td><td colspan="3" id="goodPrice"></td></tr><tr><td>秒杀价</td><td colspan="3" id="seckillPrice"></td></tr><tr><td>库存数量</td><td colspan="3" id="stockCount"></td></tr>
</table>
</div>
<script type="text/javascript">var seckillId;$(function () {seckillId = getQueryString("seckillId");initGood();});function initGood(){$(function () {$.ajax({url: "http://localhost:9000/seckill/seckillGood/find?seckillId="+seckillId,type: "get",xhrFields: {withCredentials: true}, //启用cookiesuccess:function (data) {if(data.code==200){//填充表格中的数据renderGood(data.data);}else{layer.msg(data.msg)}}});});}function renderGood(good) {$("#goodName").html(good.goodName);$("#goodImg").prop("src",good.goodImg);$("#startDate").html(good.startDate);$("#goodPrice").html(good.goodPrice);$("#stockCount").html(good.stockCount);$("#seckillPrice").html(good.seckillPrice);//调用时间renderDate(good.startDate,good.endDate);}//定义秒杀的三个阶段var timer; //计时器//距离抢购开始还有多久var remainStartSeconds;//距离结束还有多久var remainEndSeconds;function renderDate(sDate,eDate) {var startTime = new Date(sDate); // 2023-11-25 16:00var endTime = new Date(eDate); // 2023-11-25 18:00var now = new Date(); // 2023-11-25 14:37remainStartSeconds=parseInt((startTime.getTime()-now.getTime())/1000);//秒remainEndSeconds=parseInt((endTime.getTime()-now.getTime())/1000);//秒timer=window.setInterval(showSeckillTip,1000);}function showSeckillTip() {remainStartSeconds--;remainEndSeconds--;if(remainStartSeconds>0){$("#seckillTip").html("距离本场秒杀开始还有"+remainStartSeconds+"秒");//禁用按钮$("#buyButton").prop("disabled",true);}else{if(remainEndSeconds>0){//秒杀中$("#seckillTip").html("秒杀进行中....");//禁用按钮$("#buyButton").prop("disabled",false);}else{$("#seckillTip").html("秒杀结束了");//禁用按钮$("#buyButton").prop("disabled",true);window.clearInterval(timer);//取消计时器}}}</script>
</body>
</html>
2 编写Mapper接口
@Mapper
public interface SeckillGoodMapper {@Select("SELECT * FROM t_seckill_goods")public List<SeckillGood> query();@Select("SELECT * FROM t_seckill_goods where id=#{seckillId}")public SeckillGoodVo find(Long seckillId);
}
3 编写service业务逻辑接口及其实现类
service业务逻辑接口
public interface SeckillGoodService {/*** 查询商品数据* @return*/public List<SeckillGoodVo> query();/*** 查询商品详情* @param seckillId* @return*/public SeckillGoodVo find(Long seckillId);
}
实现类
@Overridepublic SeckillGoodVo find(Long seckillId) {if (seckillId == null){return null;}//根据场次id查询商品SeckillGood sg= seckillGoodMapper.find(seckillId);if(sg==null){return null;}List<SeckillGood> seckillGoodList = new ArrayList<>();seckillGoodList.add(sg);//调用聚合的方法List<SeckillGoodVo> seckillGoodVos = getSeckillGoodVos(seckillGoodList);//获取单个对象return seckillGoodVos.get(0);}
4 创建controller层
@RequestMapping("/find")public Result find(Long seckillId){SeckillGoodVo seckillGoodVo = seckillGoodService.find(seckillId);return Result.success(seckillGoodVo);}
相关文章：
京东秒杀之秒杀详情
1 编写前端页面（商品详情） <!DOCTYPE html> <head><title>商品详情</title><meta http-equiv"Content-Type" content"text/html; charsetUTF-8" /><script type"text/javascript" src&…...
mobaxterm 下载、安装、使用
下载 官网 MobaXterm free Xserver and tabbed SSH client for Windows 下载页面 MobaXterm Xserver with SSH, telnet, RDP, VNC and X11 - Download 点击下载 安装 双击安装 勾选协议 修改安装路径 ，等待安装完成 使用 启动 新建连接 输入主机用户名和密…...
办公技巧：Word中插入图片、形状、文本框排版技巧
目录 一、插入图片排版技巧 二、添加形状排版技巧 三、插入“文本框”排版技巧 我们平常在制作word时候经常会遇到插入选项卡下的图片、形状和文本框这三种情况下，那么如何使得Word文档当中添加这三个元素的同时，又能保证样式美观呢，今天小…...
apple macbook M系列芯片安装 openJDK17
文章目录 1. 查找openjdk版本2. 安装openjdk3. 多jdk之间的切换 在这里我们使用 brew 命令查找并安装。 1. 查找openjdk版本 执行：brew search openjdk，注意：执行命令后，如果得到的结果中没有红框内容，则需要更新一下…...
C语言——打印出所有的“水仙花数”
所谓水仙花数,是指一个3位数,其各位数字立方和等于该数本身。水仙花数是指一个三位数，它的每个位上的数字的立方和等于它本身。例如，153是一个水仙花数，因为1^3 5^3 3^3 153。 #define _CRT_SECURE_NO_WARNINGS 1#include <stdio.h>…...
＜HarmonyOS第一课＞应用程序框架 【课后考核】
【习题】应用程序框架 判断题 一个应用只能有一个UIAbility。错误(False)创建的Empty Ability模板工程，初始会生成一个UIAbility文件。正确(True)每调用一次router.pushUrl()方法，页面路由栈数量均会加1。错误(False) 单选题 API9及以上，r…...
自动驾驶学习笔记（十一）——高精地图
#Apollo开发者# 学习课程的传送门如下，当您也准备学习自动驾驶时，可以和我一同前往： 《自动驾驶新人之旅》免费课程—> 传送门 《Apollo Beta宣讲和线下沙龙》免费报名—>传送门 文章目录 前言 高精地图 地图采集 底图制作 地图…...
HCIA-H12-811题目解析（2）
1、【单选题】 在以太网这种多点访问网络上PPPOE服务器可以通过一个以太网端口与很多PPPOE客户端建立起PPP连接，因此服务器必须为每个PPP会话建立唯一的会话标识符以区分不同的连接PPPOE会使用什么参数建立会话标识符? 2、【单选题】PPP协议定义的是OSI参考模型中…...
Docker-简介、基本操作
目录 Docker理解 1、Docker本质 2、Docker与虚拟机的区别 3、Docker和JVM虚拟化的区别 4、容器、镜像的理解 5、Docker架构 Docker客户端 Docker服务器 Docker镜像 Docker容器 镜像仓库 Docker基本操作 1、Docker镜像仓库 镜像仓库分类 镜像仓库命令 docker lo…...
（C dp D gcd 分解+容斥 E tarjan+dp）)
Codeforces Round 911 (Div. 2)（C dp D gcd 分解+容斥 E tarjan+dp）
A.手玩题： 可以通过最后一个样例，如果是长度为3的连续O，直接在两边放就行，然后一直用中间的水填到其他地方 #include<bits/stdc.h> using namespace std; const int N 3e510,mod 998244353; #define int long long int n…...
给csgo游戏搬砖新手的十大建议
1、不要参与赌博性质的开箱和炼金，因为真的会上瘾，赚了还好，亏了你得哭。 2、实在想要玩饰品，直接去悠悠有品或者网易buff看价格，底价再砍10元，总会有人愿意卖的。 3、在steam上不要接受陌生人的好友申请…...
西南科技大学模拟电子技术实验一（常用电子仪器的使用及电子元器件的识别）预习报告
一、计算/设计过程 说明：本实验是验证性实验，计算预测验证结果。是设计性实验一定要从系统指标计算出元 1、用万用表电阻挡测量实验板（箱）上电位器（可调电阻）的参数范围。 0~1kΩ电阻： 1k*0%=0 1k*100%=1k 所以范围为0~1k 0~10kΩ电阻： 10k*0%=0 10k*…...
回归分析例题（多元统计分析期末复习）
例一 例二 一元线性回归 解： （1）y a ^ \hat{a} a^ b ^ \hat{b} b^x，求线性回归方程即求出 a ^ \hat{a} a^和 b ^ \hat{b} b^ 而 b ^ \hat{b} b^ L x y L x x { {L_{xy}} \over {L_{xx}} } LxxLxy 所以我们首先需要计算 L x…...
Linux多路转接select,poll
文章目录 目录 文章目录 一、五种IO模型 1.阻塞IO: 2.非阻塞IO 3.信号驱动IO 4.IO多路转接 5.异步IO 二、高级IO的一些重要概念 1.同步通信和异步通信 2.阻塞和非阻塞 三、其他高级IO 四、非阻塞IO 1.fctl函数 2.实现setNoBlock函数，将文件描述符设置…...
如何轻松将 4K 转换为 1080p 高清视频
由于某些原因，你可能有一些 4K 视频，与1080p、1080i、720p、720i等高清视频相比，4K 视频具有更高的分辨率，可以给您带来更多的视觉和听觉享受。但是，播放4k 视频是不太容易的，因为超高清电视没有高清电视那…...
)
责任链模式 (Chain of Responsibility Pattern)
定义 责任链模式是一种行为型设计模式，用于在对象间建立一条处理请求的链。它允许多个对象有机会处理请求，从而减少请求的发送者和接收者之间的耦合。在责任链模式中，每个接收者包含对另一个接收者的引用，形成一条链。如果一个对…...
企业营销管理能够实现自动化吗？怎么做？
当今企业面临着越来越多的营销难题：如何有效培育潜在客户、如何提高营销活动的效果、如何优化营销资源的分配......企业的营销管理怎么做？或许CRM系统营销自动化会起到作用。 客户细分： 企业可以通过CRM的客户细分功能，根据客户…...
【数据结构】什么是栈?
🦄个人主页:修修修也 🎏所属专栏:数据结构 ⚙️操作环境:Visual Studio 2022 目录 📌栈的定义 📌元素进栈出栈的顺序 📌栈的抽象数据类型 📌栈的顺序存储结构 📌栈的链式存储结构 链栈的进…...
基于C#实现鸡尾酒排序（双向冒泡排序）
通俗易懂点的话，就叫“双向冒泡排序”。 冒泡是一个单向的从小到大或者从大到小的交换排序，而鸡尾酒排序是双向的，从一端进行从小到大排序，从另一端进行从大到小排序。 从图中可以看到，第一次正向比较，我们…...
CentOS添加开机启动
1.编写项目启动脚本（run.sh） #!/bin/bash-切换到程序所在路径 cd /home/cavs_install/app/cavs-admin/target/ # 等待其他组件启动完毕后再启动本项目（如果不需要等待，本步骤可省略） sleep 300 # 实际启动命令 nohup …...
2026年外墙保温防脱落新技术，让建筑更安全稳固
随着城市化进程的加快，高层建筑越来越多，外墙保温材料的安全性问题也日益凸显。近年来，外墙保温层脱落事件频发，不仅影响了建筑物的美观，还给居民的生活带来了安全隐患。为了应对这一问题，山东邦元新型建材…...
AD20技巧：高效利用封装管理器批量更新原理图封装
1. 封装管理器基础操作指南 第一次接触AD20的封装管理器时，我也被它强大的批量处理能力惊艳到了。这个功能对于经常需要修改大量元器件封装的工程师来说简直是救命稻草。记得上周我接手一个老项目，发现原理图中80%的电阻封装都用了错误的0805尺寸&#x…...
13_主流低代码平台深度对比：简道云、宜搭、LowCodeEngine技术选型
主流低代码平台深度对比：简道云、宜搭、LowCodeEngine技术选型 摘要：市场上低代码平台众多，如何选择适合自身业务需求的平台？本文深度对比简道云、钉钉宜搭、阿里LowCodeEngine三大主流低代码平台，从架构设计、产品定位…...
Google Colab 交互式表格：让数据分析和探索更直观
Google Colab 交互式表格：让数据分析和探索更直观 【免费下载链接】colabtools Python libraries for Google Colaboratory 项目地址: https://gitcode.com/gh_mirrors/co/colabtools Google Colab 交互式表格是一款强大的数据分析工具，它能够帮助…...
第5章，[标签 Win32] ：GDI 的基本图形
专栏导航 上一篇：第5章，[标签 Win32] ：GDI 函数调用 回到目录 下一篇：第5章，[标签 Win32] ：GDI 的其他方面的分类 本节前言 对于本节所讲解的知识，有可能，你会需要时不时地参考…...
实战探索 Microsoft Agent Framework：构建我的第一个 MAF 智能体应用
1. 初识 Microsoft Agent Framework 第一次听说 Microsoft Agent Framework（简称 MAF）是在一个技术社区里，当时看到有人分享用这个框架快速搭建了一个智能客服系统。作为一个长期在 AI 领域摸爬滚打的老兵，我立刻被这个新框架吸引…...
深入解析ZYNQ FSBL：从BOOT.bin构建到启动流程优化
1. ZYNQ启动流程与FSBL的核心作用 第一次接触ZYNQ启动流程时，我被这个"俄罗斯套娃"式的引导过程震惊了。就像打开一个礼盒发现里面还有更小的礼盒，ZYNQ的启动也是层层递进的过程。FSBL（First Stage Boot Loader）就是这…...
第一范式是关系型数据库设计的最基本要求，核心规则是**关系模式的所有属性都是不可再分的原子数据项**
第一范式是关系型数据库设计的最基本要求，核心规则是关系模式的所有属性都是不可再分的原子数据项，即表中每一列的取值都是单一值，不存在组合值或多值情况。 1NF的典型问题 以教材中的FIRST关系表为例（供应商-零件供应关系&#x…...
2026届最火的五大降重复率神器解析与推荐
Ai论文网站排名（开题报告、文献综述、降aigc率、降重综合对比） TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek AI开题报告工具是依靠自然语言处理以及学术知识图谱构建起来的，它可以帮助研究者…...
【2026奇点大会权威解码】：多模态内容生成的5大技术拐点与企业落地避坑指南
第一章：2026奇点智能技术大会：多模态内容生成 2026奇点智能技术大会(https://ml-summit.org) 核心突破：统一跨模态表征架构 本届大会首次公开了“OmniBridge-3”基础模型，该模型摒弃传统模态专用编码器设计，采用动态…...