SSM实现高并发秒杀功能之Web层

小咪咪 2022-05-22 07:20 191阅读 0赞

![error16.png][]

## 一、编写web.xml ##

<servlet>
      	<servlet-name>seckill-dispatcher</servlet-name>
      	<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
      	<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>

在这里就真正的将Mybatis、SpringMVC、Spring进行了整合。因为Spring和SpringMVC本来就是双胞胎兄弟，所以整合起来非常方便。

## 二、编写spring-web.xml ##

<mvc:annotation-driven /> 
         
         
         <mvc:default-servlet-handler/>
         
         
         <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
         	<property name="viewClass" value="org.springframework.web.servlet.view.JstlView"></property>
         	<property name="prefix" value="/WEB-INF/jsp/"></property>
         	<property name="suffix" value=".jsp"></property>
         </bean>
         
         
         <context:component-scan base-package="com.codeliu.web"></context:component-scan>

总共做了四步，第一是注解驱动，能够帮我们自动注册一些东西。第二是配置不拦截静态资源，因为上面我们的DispatcherServlet默认的拦截路径是/，如果是\*.do之类的则不用配置这一项。第三是加了前后缀，这不也可有可无。第四步是进行包的扫描，这一步在配置spring-service.xml时也进行了包扫描，两者不能混为一谈。

## 三、编写相关的Controller ##

这里代码有点多就不贴了。SeckillController.java里有五个方法，分别是

*  String getList(Model model)：获取所有的秒杀商品。
 *  String detail(@PathVariable(“seckillId”) Long seckillId, Model model)：单个秒杀商品的详情页。
 *  SeckillResult<Long> getTime()：获取系统的当前时间。因为每个人的电脑时间不一样，所以我们要统一时间。
 *  SeckillResult<Exposer> exposer(@PathVariable(“seckillId”) Long seckillId)：秒杀地址的暴露。
 *  SeckillResult<SeckillExecution> execution(@PathVariable(“seckillId”) Long seckillId, @CookieValue(value = “killedPhone”, required = false) Long userPhone, @PathVariable(“MD5”) String MD5)：执行秒杀。

主要讲一下暴露秒杀地址和执行秒杀这两个方法，这里我们返回值使用了SeckillResult<T>，该类是将Ajax传递的数据封装成json并返回。

## 四、编写jsp页面 ##

这里我们使用bootstrap框架，有列表页list.jsp和详情页details.jsp。我们使用Ajax+json进行数据的交互。  
![前端的逻辑][8f7c9abae8c34074af1e0f82a412c83e.png]

![详情页的逻辑][14eab6448ab18a3208c95a73886f06d3.png]

## 五、前后端交互 ##

这里使用了一个很重要的概念，那就是**js模块化**。和java的包性质差不多。因为js写多了就看的很乱，所以我们把相关的一些代码放在一个模块中，这样debug更快。同时也应该注意一些代码的重用以及代码的美观，比如传输的url，我们统一放在一起。

// 封装秒杀相关的ajax的url
    	URL:{
    		now:function() {
    			return '/SSM_seckill/seckill/time/now';
    		},
    		exposer:function(seckillId) {
    			return '/SSM_seckill/seckill/' + seckillId + '/exposer';
    		},
    		execution:function(seckillId, md5) {
    			return '/SSM_seckill/seckill/' + seckillId + '/' + md5 + '/execution';
    		}
    	},

而不是什么地方要有就写。

代码就不贴了，这里主要就是和controller层进行数据的交互。

## 六、遇到的错误 ##

（1）![error10.png][]

这个是手误造成的，本来写EL表达式是$\{\}的形式，结果被我写成了\#\{\}。看来是OGNL写多了。

（2）![error11.png][]

**这个涉及到加/和不加/的区别，在不加/的情况下，其参照路径是当前资源的访问路径。在加/的情况下，分为前台路径和后台路径，前台路径的参照路径是web服务器的根路径，后台路径的参照路径是web应用的根路径。**

（3）bootstrap的模态框再特定条件下不会弹出

使用js来控制bootstrap的模态框，在cookie里有用户的手机号时才会弹出，但测试的时候发现一直没有弹出，查看浏览器的控制台，发现在detail.jsp中seckill.js文件加载失败  
![error12.png][]

写成上面的形式就能正常弹出，但写成全路径或者其他的方式，均无法加载。具体原因有待查找。

（4）弹出框一直弹出

本来如果在cookie里能够查找到相应手机号，模态框就不会弹出，用户就可以访问秒杀的详情页面，但发现输入手机号却一直弹出框框，查看cookie，发现已经存入  
![error13.png][]

注意我上面圈起来的，问题就出在那里，**我存入cookie时，path的路径写成了/seckill，这样在详情页根本就找不到cookie，所以会一直弹出，改成/SSM\_seckill/seckill就好了。只要保证在当前路径能访问到cookie就可以。**

（5）秒杀倒计时，数字不能正常显示

因为在details.jsp中，使用EL表达式往jquery中传值时，不加引号一直出红线，虽然不影响结果，但看着不舒服，所以就把时间都传成了字符串的格式，在jquery中进行接收时，如果不转换成Number格式，就会成为NaN。

// 因为使用EL表达式，传过来的是字符串，转换成数字
    startTime = Number(startTime);
    endTime = Number(endTime);
    seckillId = Number(seckillId);

（6）md5的值无法传递过去

![error14.png][]

通过调试可以发现在获取秒杀地址的时候，md5的值已经获取到了，但执行秒杀的时候，md5的值却为null，导致一直秒杀错误。**出现这样的问题，首先先分析是否是json传递的过程中出现了问题，通过打印发现问题不是在这里，那就返回代码去找，后来发现是在类中，md5字段set方法的问题，并不是我没有给它set方法，一开始字段的名称我写的MD5，然后set方法如下**

public void setMD5(String mD5) {
    	MD5 = mD5;
    }

估计问题就出在这里，把MD5写成md5，能够正常执行秒杀。

（7）中文出现乱码  
![error15.png][]

这些中文的信息我都是放在一个枚举类中。出现这种情况，第一想到的就是是否是传递给前端时，没有设置编码，发现都设置了，使用springmvc的编码器也不起作用，后来通过调试发现在controller中获取到的枚举值就已经是乱码了。

**问题就是，在枚举类中只给字段加了get方法，没有set方法！！！**

（8）重复秒杀出错

因为这里的秒杀成功表使用的是手机加商品id共同构成主键，当重复秒杀的时候，主键冲突，sql语句会直接报错，这样自定义的异常就无法起作用，所以我们在insert语句中加入ignore关键字，忽略报错，让insert语句的返回值为0，这样就可以捕获相关的异常。

insert ignore into success_killed(seckill_id,user_phone,state) values(#{seckillId}, #{userPhone}, 0)

## 七、总结 ##

到此，MVC三层都完成了。接下来就是进行优化。

通过写这么一个小项目，发现自己编码能力太差了，debug能力也有待提高，1小时编码，2小时找bug，真的是在写bug。

[error16.png]: /images/20220522/61bd86d4ae9f4324b03889f5232be9ad.png
[8f7c9abae8c34074af1e0f82a412c83e.png]: /images/20220522/b4b89648e5404a5aa5fd88742279146a.png
[14eab6448ab18a3208c95a73886f06d3.png]: /images/20220522/fa4be2dc23534568a58d922ff88cf438.png
[error10.png]: /images/20220522/44f7fd3554ba4b79b100ee66dc3a8eef.png
[error11.png]: /images/20220522/41d9ec2198b241c5ac9493a29a83ec96.png
[error12.png]: /images/20220522/d4b75d0708fc4dd3920944f86fabeeb9.png
[error13.png]: /images/20220522/80d0a8ac8dd34104bf169af2d773ca22.png
[error14.png]: /images/20220522/19b0f1e2d01d4528b0ce43c9f65a13cc.png
[error15.png]: /images/20220522/e061c23864844c998b15d5552386b9e9.png