秒杀系统Web层设计的实现方法

2023-09-21 20:25:05 55

秒杀系统Web层设计的实现方法

一、Restful接口设计

使用资源+名词的方式来为url链接命名。例如：

访问详情页的链接可以是：seckill/{seckillId}/detail

二、SpringMVC配置

1、首先要在web.xml中配置中央控制器。






seckill-dispatcher
org.springframework.web.servlet.DispatcherServlet


contextConfigLocation
classpath:spring/spring-*.xml




seckill-dispatcher

/

2、为了让Spring管理Controller层的bean，需要新建一个spring-web.xml配置文件，

三、Controller层开发

项目中的每一个url都刚好对应着Controller层的一个方法。我们有两种返回值类型。一种是让页面跳转到某个网页，在model中带上从service层中获得的数据。在下例中，前端的detail.jsp就能够以${seckill.name}取得放在model中的sekill实体的名字。

/**
*秒杀详情页
*
*@paramseckillId
*@parammodel
*@return
*/
@RequestMapping(value="/{seckillId}/detail",method=RequestMethod.GET)
publicStringdetail(@PathVariable("seckillId")LongseckillId,Modelmodel){
if(seckillId==null){
return"redirect:/seckill/list";
}
Seckillseckill=seckillService.getById(seckillId);
if(seckill==null){
return"forward:/seckill/list";
}
model.addAttribute("seckill",seckill);
return"detail";
}

另外一种是jsp页面中点击某个按钮，通过ajax来刷新页面的某部分，需要后端给前端一个json格式的数据。使用@ResponseBody告诉SpringMVC返回一个json类型的数据SeckillResult。由jsp页面在JQeury的回调函数内拿到该json数据，并进行对应的操作。

@RequestMapping(value="/{seckillId}/exposer",
method=RequestMethod.POST,
produces={"application/json;charset=utf-8"})
@ResponseBody
publicSeckillResultexposer(@PathVariableLongseckillId){
SeckillResultresult;
try{
Exposerexposer=seckillService.exportSeckillUrl(seckillId);
result=newSeckillResult(true,exposer);
}catch(Exceptione){
logger.error(e.getMessage(),e);
result=newSeckillResult(false,e.getMessage());
}

returnresult;
}

js代码中回调函数的处理方式：

$.post(seckill.URL.exposer(seckillId),{},function(result){
//在回调函数中，执行交互流程
if(result&&result['success']){
varexposer=result['data'];
if(exposer['exposed']){
//开启秒杀
//获取秒杀地址
varmd5=exposer['md5'];
//绑定一次点击事件，防止连续点击
varkillUrl=seckill.URL.execution(seckillId,md5);
console.log("秒杀地址："+killUrl);
});

四、请求方法的细节处理

1、请求参数的绑定

@RequestMapping(value=“/{seckillId}/exposer”
publicSeckillResultexposer(@PathVariableLongseckillId)

2、请求方式的限制

@RequestMapping(method=RequestMethod.POST,

3、请求转发、请求重定向

return“redirect:/seckill/list”;（发送两次请求，浏览器地址改变）
return“forward:/seckill/list”;（发送一次请求，浏览器地址不变）

4、数据模型赋值

model.addAttribute(“seckill”,seckill);

5、返回json数据

@RequestMapping(value=“/{seckillId}/exposer”,
method=RequestMethod.POST,
produces={“application/json;charset=utf-8”})
@ResponseBody

6、cookies访问

@RequestMapping(value="/{seckillId}/{md5}/execution",
method=RequestMethod.POST,
produces={"application/json;charset=UTF-8"})
@ResponseBody
publicSeckillResultexecute(@PathVariable("seckillId")LongseckillId,
@PathVariable("md5")Stringmd5,
@CookieValue(value="killPhone",required=false)Longphone){...}

@CookieValue(value=“killPhone”,required=false)Longphone)

(1)value(default“”):参数名例如:JSESSIONID

(2)required(defaulttrue):是否请求路头中必须带value指定的参数。如果没有设置cookies我们这个业务也要能够访问并让用户填写相应信息，所以设为false即可。

五、其他

其实课程的这一部分在前端js交互中有很多值得学习的地方，比如JQuery的使用，js模块化开发，js交互设计等内容。因为时间关系以及复习侧重点不在js部分的原因，我就暂时不去做总结。

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

秒杀系统Web层设计的实现方法

热门推荐

随机推荐