四、高并发秒杀API之Web层设计与实现

Web层涉及到的技术：

前端交互：页面之间的交互和交互细节

Restful：前端设计接口之间的一种常用的规范

Spring MVC：框架整合，以及如何应用设计和实现Restful接口

Bootstrap和jquery：前者负责页面布局和样式控制，后者负责交互的实现。 

1 前端分析与设计

1.1 前端交互设计部分

前端页面流程：

                     

        根据细致的流程逻辑，前端工程师设计页面，后端工程师开发对应的代码，可以使得前端和后端之间相互碰触，更加容易的协调一致。所以，前端交互流程是系统开发中一个很重要的部分。

1.2 Restful接口设计

      什么是Restful? 

     它是一种优雅的URI表述方式，用来设计我们资源的访问URL；通过这个URL的设计，我们就可以很自然的感知到这个URL代表的是哪种业务场景或者什么样的数据或资源。基于Restful设计的URL，对于我们接口的使用者、前端、web系统或者搜索引擎甚至是我们的用户，都是非常友好的。

     看看URL设计规范：

                                 

 

       关于Restful的了解不再做详细介绍，下面看看我们这个秒杀系统的URL设计:

                                             

       接下来基于上述资源接口来开始我们对SpringMVC框架的使用。 

2 整合配置Spring MVC框架

2.1 Spring MVC运行流程

          使用SpringMVC始终是围着着Handle开发，Handler最终的产出就是Model和View，即，模型和视图。下面先回顾一下Spring MVC的运行路程图：

                                            

工作原理（运行流程）：

       

1、客户端发出一个http请求给web服务器，web服务器对http请求进行解析，如果匹配DispatcherServlet的请求映射路径（在web.xml中指定），web容器将请求转交给DispatcherServlet.

2、DipatcherServlet接收到这个请求之后将根据请求的信息（包括URL、Http方法、请求报文头和请求参数Cookie等）以及HandlerMapping（默认使用DefaultAnnotationHandlerMapping）的配置来映URL，找到处理请求的处理器Handler(每一个请求都对应了一个Handler)。

3-4、DispatcherServlet将处理权交给根据HandlerMapping找到对应Handler（Handler将具体的处理进行封装），再由具体的HandlerAdapter对Handler进行具体的调用：默认使用DefaultAnnotationHandlerAdapter来对上一步的Handler进行适配，匹配到我们自己写的Controller类（如果使用到拦截器，则同样把拦截器绑定到这个流程当中）。

5、Handler对数据处理完成以后将返回一个ModelAndView()对象交付给DispatcherServlet。

6、Handler返回的ModelAndView()只是一个逻辑视图并不是一个正式的视图，DispatcherSevlet通过ViewResolver（利用视图解析器InternalResourceViewResolver）将逻辑视图转化为真正的视图View，并用model来承载数据。

7、Dispatcher通过model对ModelAndView()中的参数进行解析，最终展现出完整的view并返回给客户端。

2.1.1 Http请求映射原理

          下面再看一下Http请求地址的映射原理：

                                

          用户发送的Http请求，首先会发送到Servlet容器（Tomcat或Jetty），而Spring MVC则使用的是HandlerMapping来映射URL，然后使用Handler方法来最终执行。（默认使用 DefaultAnnotationHandlerMapping注解来映射，也可以通过XML配置编程来映射）

 

注解映射的技巧：

                

请求方法的细节处理：

1. 请求参数绑定

2. 请求方式限制

3. 请求转发和重定向

4. 数据模型赋值

5. 返回Json数据

6. Cookie访问

     看下面的一个例子：

            

       主要应用了URL书写方式，限制了数据提交方式，判定使用url转发还是重定向，使用model承载数据，返回字符串修改URL链接。

2.1.2如何返回Json数据

               

2.1.3 Cookie访问

                      

 

2.2 Spring MVC整合

          在WEB-INF项目中配置文件web.xml中配置我们的前端中央控制器DispatcherServlet的配置，也是Spring MVC的核心所在，并加载mybatis配置文件

spring-dao.xml，spring配置文件spring-service.xml、spring-web.xml文件，将三个框架整合起来，文件内容如下：

<!DOCTYPE web-app PUBLIC
 "-//SunMicrosystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app version="2.4"metadata-complete="true"
        xmlns="http://java.sun.com/xml/ns/j2ee"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
        http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
        <!--用maven创建的web-app需要修改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
            Mybites -> spring ->springMvc
            Mybatis被整合进SPring中，Spring要整合进SPring MVC当中；
                                   不过，Spring MVC本来就出自Spring框架，同属一个框架，已经无缝衔接整合了
        -->
        <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>

 

然后，在Spring容器中进行web层相关的bean配置，即Controller的配置，在Spring包下创建一个spring-web.xml，配置内容如下：

<?xml version="1.0"encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xmlns:context="http://www.springframework.org/schema/context"
        xmlns:mvc="http://www.springframework.org/schema/mvc"
        xsi:schemaLocation="http://www.springframework.org/schema/beans
         http://www.springframework.org/schema/beans/spring-beans.xsd
         http://www.springframework.org/schema/context
         http://www.springframework.org/schema/context/spring-context-3.0.xsd
         http://www.springframework.org/schema/mvc
         http://www.springframework.org/schema/mvc/spring-mvc.xsd
         " >
    <!--配置spring mvc-->
    <!--1:开启springmvc注解模式-->
    <!-- 监护配置
        a.自动注册DefaultAnnotationHandlerMapping,AnnotationMethodHandlerAdapter
        b.默认提供一系列的功能:数据绑定，数字和日期的format@NumberFormat,@DateTimeFormat,xml,json的默认读写支持-->
    <mvc:annotation-driven/>
 
    <!--2:静态资源默认servlet配置-->
    <!--
        1):加入对静态资源处理：js,gif,png
        2):允许使用 "/" 做整体映射
    -->
    <mvc:default-servlet-handler/>
 
    <!--3：配置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>
 
    <!--4:扫描web相关的bean-->
    <context:component-scan base-package="org.seckill.web"/>
         
</beans>

如此，便完成了SpringMVC框架的配置，将框架整合到了项目当中，接下来则是开发Controller了，这里是基于Restful接口进行我们的项目的Controller开发。

 

3 基于Restful的Controller开发

         这里Restful接口使用Spring MVC实现的，Controller中的每一个方法都对应我们系统中的一个资源URL，其设计应该遵循Restful接口的设计风格。在org.seckill包下创建一个web包用于放web层Controller开发的代码，在该包下创建一个SeckillController.java :

@Controller
@RequestMapping("/seckill") //url：/模块/资源/{id}/细分/seckill/list
public class SeckillController {
    @Autowired
    private SeckillService seckillService;
   
    @RequestMapping(value="/list",method=RequestMethod.GET)
    public String list(Model model)
    {
        List<Seckill> list=seckillService.getSeckillList();
        model.addAttribute("list",list);
        //list.jsp+model=ModelAndView
        return "lsit";
    }
   
    @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";
           
        }
        return "detail";       
    }
   
    @RequestMapping(value = "/{seckillId}/exposer",
            method = RequestMethod.POST,
            produces = { "application/json;charset=UTF-8" })
    @ResponseBody //封装成json
    public SeckillResult<Exposer> exposer(Long seckillId) {
        SeckillResult<Exposer> result;
        try {
            //Exposer:存放是否秒杀的状态信息。
            Exposer exposer = seckillService.exportSeckillUrl(seckillId);
           
            result = new SeckillResult<Exposer>(true, exposer);
        } catch (Exception e) {
            e.printStackTrace();
            result = new SeckillResult<Exposer>(false, e.getMessage());
        }
 
        return result;
    }
 
    /*
     * md5：验证用户的请求有没有被篡改
     * 默认的ajax输出是Json格式，所以将输出结果都封装成Json格式。
     */
    @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,
            //required = false表示电话号码不是必须的。
            @CookieValue(value = "killPhone", required = false) Long phone) {
        //Spring MVC valid
        if (phone == null) {
            return new SeckillResult<SeckillExecution>(false, "未注册");
        }
       
        SeckillResult<SeckillExecution> result;
        try {
            SeckillExecution execution = seckillService.executeSeckill(seckillId, phone, md5);
            return new SeckillResult<SeckillExecution>(true, execution);
        } catch (RepeatKillException e1) {
            SeckillExecution execution = new SeckillExecution(seckillId,
                    SeckillStateEnum.REPEAT_KILL);
            return new SeckillResult<SeckillExecution>(false, execution);
        } catch (SeckillCloseException e2) {
            SeckillExecution execution = new SeckillExecution(seckillId,
                    SeckillStateEnum.END);
            return new SeckillResult<SeckillExecution>(false, execution);
        } catch (Exception e) {
            SeckillExecution execution = new SeckillExecution(seckillId,
                    SeckillStateEnum.INNER_ERROR);
            return new SeckillResult<SeckillExecution>(false, execution);
        }
 
    }
 
    // 获取系统时间
    @RequestMapping(value = "/time/now", method = RequestMethod.GET)
    public SeckillResult<Long> time() {
        Date now = new Date();
        return new SeckillResult<Long>(true, now.getTime());
    }
 
}

 

Controller中的方法的开发完全是按照Service接口中的方法进行开发的：

第一个方法用于访问我们商品的列表页；

第二个方法访问商品的详情页；

第三个方法用于返回一个json数据，数据中封装了我们商品的秒杀地址；

第四个方法用于封装用户是否秒杀成功的信息；

第五个方法用于返回系统当前时间。

代码中涉及到一个将返回秒杀商品地址封装为json数据的一个Vo类，即SeckillResult.java，在dto包中创建此类：

//所有ajax请求的返回类型，封装为json结果类型
public class SeckillResult<T> //泛型类型的类
{
    private boolean success;
    private T data;
    private String error;
    public SeckillResult(boolean success, T data) {
        super();
        this.success = success;
        this.data = data;
    }
    public SeckillResult(boolean success, String error) {
        super();
        this.success = success;
        this.error = error;
    }
    //getter and setter……，自行补充
}

 

到此处，Controller的开发内容完成，剩下的就是对Web页面内容进行开发。

4 基于bootstrap开发页面结构

bootStrap是目前比较受欢迎的前端框架，是基于HTML、CSS、JavaScript的，简洁灵活，使得Web开发更加快捷方便。

BootStrap详细教程可参考：http://www.runoob.com/bootstrap/bootstrap-tutorial.html