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

error16.png

一、编写web.xml

<!-- 配置springmvc的核心控制器 -->
  <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

    <!-- 开启springmvc注解模式
        1.自动注册DefaultAnnotationHandlerMapping,AnnotationMethodHandlerAdapter
        2.提供一系列:数据绑定,数字和日期的format @NumberFormat @DateTimeFormat
        xml json默认读写功能
      -->
     <mvc:annotation-driven /> 
     
     <!-- 加入对静态资源js,css,gif等的处理,允许使用/做全局映射 -->
     <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>
        <property name="prefix" value="/WEB-INF/jsp/"></property>
        <property name="suffix" value=".jsp"></property>
     </bean>
     
     <!-- 配置扫描web相关的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进行数据的交互。


前端的逻辑
详情页的逻辑

五、前后端交互

这里使用了一个很重要的概念,那就是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
<script src="../../resources/script/seckill.js" type="text/javascript"></script>

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

(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,这样就可以捕获相关的异常。

<!-- 主键冲突,会报错,使用 ignore可以忽略报错,返回值为0-->
insert ignore into success_killed(seckill_id,user_phone,state) values(#{seckillId}, #{userPhone}, 0)

七、总结

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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,992评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,212评论 3 388
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,535评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,197评论 1 287
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,310评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,383评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,409评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,191评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,621评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,910评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,084评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,763评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,403评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,083评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,318评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,946评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,967评论 2 351

推荐阅读更多精彩内容