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

 更新时间:2019-04-17 21:43:11   作者:佚名   我要评论(0)

秒杀系统Web层设计的实现方法
一、Restful接口设计


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


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

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

一、Restful接口设计

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

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

二、SpringMVC配置

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

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
           http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
  version="3.1" metadata-complete="true">

  <!-- 修改servlet版本为3.1 -->
  <!-- 配置中央控制器DispatcherServlet -->
  <servlet>
    <servlet-name>seckill-dispatcher</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!-- 配置springMVC需要加载的配置文件
      spring-dao.xml,spring-service.xml,spring-web.xml
      mybatis -> spring -> springMVC-->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:spring/spring-*.xml</param-value>
    </init-param>
  </servlet>

  <servlet-mapping>
    <servlet-name>seckill-dispatcher</servlet-name>
    <!-- 默认匹配所有的请求 -->
    <url-pattern>/</url-pattern>
  </servlet-mapping>
</web-app>

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

<beans xmlns="http://www.springframework.org/schema/beans"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xmlns:mvc="http://www.springframework.org/schema/mvc"
   xmlns:conext="http://www.springframework.org/schema/context"
   xsi:schemaLocation="http://www.springframework.org/schema/beans
   http://www.springframework.org/schema/beans/spring-beans-3.1.xsd
   http://www.springframework.org/schema/mvc
   http://www.springframework.org/schema/mvc/spring-mvc-3.1.xsd
   http://www.springframework.org/schema/context
   http://www.springframework.org/schema/context/spring-context-3.1.xsd">
   <!--配置Spring MVC-->
   <!--开启SpringMVC注解模式-->
   <!--简化配置
   1、自动注册DefaultAnnotationHandlerMapping,AnnotationMethodHandlerAdapter
   2、提供一系列功能:数据绑定,数字和日期的转化@NumberFormat,@DataTimeFormat
     xml,json默认读写支持
   -->
   <mvc:annotation-driven/>

   <!--servlet-mapping映射路径-->
   <!--静态资源默认servlet配置
     1、加入对静态资源的处理:js,css,img
     2、允许使用/做整体映射
   -->
   <mvc:default-servlet-handler/>

   <!--配置jsp显示viewResolver-->
   <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
     <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
     <property name="prefix" value="/WEB-INF/jsp/"/>
     <property name="suffix" value=".jsp"/>
   </bean>

   <!--扫描web相关的bean-->
   <conext:component-scan base-package="org.seckill.web"/>

</beans>

三、Controller层开发

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

  /**
   * 秒杀详情页
   * 
   * @param seckillId
   * @param model
   * @return
   */
  @RequestMapping(value = "/{seckillId}/detail", method = RequestMethod.GET)
  public String detail(@PathVariable("seckillId") Long seckillId, Model model) {
    if (seckillId == null) {
      return "redirect:/seckill/list";
    }
    Seckill seckill = 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
  public SeckillResult<Exposer> exposer(@PathVariable Long seckillId) {
    SeckillResult<Exposer> result;
    try {
      Exposer exposer = seckillService.exportSeckillUrl(seckillId);
      result = new SeckillResult<Exposer>(true, exposer);
    } catch (Exception e) {
      logger.error(e.getMessage(), e);
      result = new SeckillResult<Exposer>(false, e.getMessage());
    }

    return result;
  }

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

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

四、请求方法的细节处理

1、请求参数的绑定

@RequestMapping(value = “/{seckillId}/exposer” 
public SeckillResult exposer(@PathVariable Long seckillId) 

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
  public SeckillResult<SeckillExecution> execute(@PathVariable("seckillId") Long seckillId,
                          @PathVariable("md5") String md5,
                          @CookieValue(value = "killPhone", required = false) Long phone) {...}

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

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

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

五、其他

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

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

您可能感兴趣的文章:

  • 如何设计一个秒杀系统
  • 限时抢购秒杀系统架构分析与实战

相关文章

  • web前端超出两行用省略号表示的实现方法

    web前端超出两行用省略号表示的实现方法

    web前端超出两行用省略号表示的实现方法 HTML <span class="GW_bod0112211"> 吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮
    2019-04-17
  • 秒杀系统Web层设计的实现方法

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

    秒杀系统Web层设计的实现方法 一、Restful接口设计 使用资源+名词的方式来为url链接命名。例如: 访问详情页的链接可以是: seckill/{seckillId}/det
    2019-04-17
  • 详解vue移动端项目代码拆分记录

    详解vue移动端项目代码拆分记录

    撸一套vue多端共用,非常适合需要快速且全面上线的项目。但是多端共用一套vue代码,由于平台间的互相限制,每端在某些业务例如支付分享等是完全独立的代码,每
    2019-04-17
  • JavaScript 正则表达式与字符串查找方法

    JavaScript 正则表达式与字符串查找方法

    首先提出一个问题: 如何取得一个给定的字符串substr在另一个字符串str中出现的次数? 字符串匹配,第一想到的就是正则表达式,但我们最常使用的字面量来创建
    2019-04-17
  • JavaScript email邮箱/邮件地址的正则表达式及分析

    JavaScript email邮箱/邮件地址的正则表达式及分析

    简言 在做用户注册时,常会用到邮箱/邮件地址的正则表达式。本文列举了几种方案,大家可以根据自己的项目情况,选择最适合的方案。 方案1 (常用) 规则定义如
    2019-04-17
  • 浅谈php使用curl模拟多线程发送请求

    浅谈php使用curl模拟多线程发送请求

    每个PHP文件的执行是单线程的,但是php本身也可以用一些别的技术实现多线程并发比如用php-fpm进程,这里用curl模拟多线程发送请求。php的curl多线程是通过不断
    2019-04-17
  • web下载文件和跳转的方法

    web下载文件和跳转的方法

    如果不通过JSP和servlet直接下载文件的话,可以通过web.xml文件来识别文件类型来进行下载。如果要通过servlet来下载的话,可以如下所示来进行下载: 但是这
    2019-04-17
  • ASP.NET Core WebApi中使用FluentValidation验证数据模型的方法

    ASP.NET Core WebApi中使用FluentValidation验证数据模型的方法

    介绍 验证用户输入是一个Web应用中的基本功能。对于生产系统,开发人员通常需要花费大量时间,编写大量的代码来完成这一功能。如果我们使用FluentValidation
    2019-04-17
  • Node.js + express基本用法教程

    Node.js + express基本用法教程

    本文实例讲述了Node.js + express基本用法。分享给大家供大家参考,具体如下: 这里来讲下 express 框架的使用,编译的环境是 VS Code ,这里我已经配饰了阿
    2019-04-17
  • 正则表达式re.sub替换不完整的问题及完整解决方案

    正则表达式re.sub替换不完整的问题及完整解决方案

    title: 正则表达式re.sub替换不完整的问题现象及其根本原因 toc: true comment: true date: 2018-08-27 21:48:22 tags: ["Python", "正则表达式"]
    2019-04-17

最新评论