跟着做了这么久,迟迟没有看到效果是不是很不耐烦了,不过,今天你就能见到光明了,如果你一直跟着来,那么今天就可以看到原始版的秒杀系统了,如果你没有一直跟下来,没关系,你可以参考下面的链接
实战篇:基于SSM的秒杀系统之项目介绍
实战篇:基于SSM的秒杀系统之项目搭建和数据库设计
实战篇:基于SSM的秒杀系统之DAO层搭建
实战篇:基于SSM的秒杀系统之Service层搭建
今天主要讲解WEB层的搭建,有很多知识都是前端的,所以你在学习后台的同时也可以学习一下前段。
秒杀前端流程
首先来介绍一下秒杀前端的整个流程
其中最主要的是详情页的操作,详情页的主要操作为
RESTFUL接口设计
为了使URL设计的更加规范,采用Restful风格的设计
,本系统主要的接口有
SeckillController设计
SeckillController主要有五个方法分别是
public String list(Model model)//获取列表页
public String detail(@PathVariable("seckillId") Long seckillId, Model model)//获取详情页
public SeckillResult<Exposer> exposer(@PathVariable("seckillId") Long seckillId) //暴露秒杀接口
public SeckillResult<SeckillExecution> execute(@PathVariable("seckillId") Long seckillId,
@PathVariable("md5") String md5, @CookieValue(value = "killPhone", required = false) Long phone) //秒杀结果
public SeckillResult<Long> time()//获取系统时间
页面设计
页面主要采用Bootstrap框架进行设计,这里不详细给出代码了
页面交互
页面上主要采用了JQuery的cookie插件和倒计时插件,JavaScript采用了模块化思想,如果你想学习一下可以看一下源代码。
最后给出效果图
最后给出地址