JakartaEE Spring、MyBatis和SpringMVC的整合(三)

1. 文件上传

1). 主要是CommonsMultipartResolver解析器依赖commons-fileupload和commons-io这两个jar包

commons-fileupload-1.3.3.jar
commons-io-2.6.jar

2). 修改editItem.jsp如下
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>修改商品信息</title>
    </head>
    <body>
        <!-- 上传图片是需要指定属性 enctype="multipart/form-data" -->
        
        <%-- <form id="itemForm" action="${pageContext.request.contextPath }/updateItem.action" method="post"> --%>
        <form id="itemForm" action="${pageContext.request.contextPath }/updateItem.action" 
        method="post" enctype="multipart/form-data">
            <input type="hidden" name="id" value="${item.id }"/>修改商品信息:
            <table width="100%" border="1">
                <tr>
                    <td>商品名称</td>
                    <td><input type="text" name="name" value="${item.name }"/></td>
                </tr>
                <tr>
                    <td>商品价格</td>
                    <td><input type="text" name="price" value="${item.price }"/></td>
                </tr>
                <tr>
                    <td>商品生产日期</td>
                    <td><input type="text" name="createtime" 
                    value="<fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
                    </td>
                </tr>
                <tr>
                    <td>商品图片</td>
                    <td>
                        <c:if test="${item.pic != null }">
                            <img src="/pic/${item.pic }" width="100" height="100"/>
                            <br>
                        </c:if>
                        <input type="file" name="picture"/>
                    </td>
                </tr>
                <tr>
                    <td>商品简介</td>
                    <td><textarea rows="3" cols="30" name="detail">${item.detail }</textarea></td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input type="submit" value="提交"/>
                    </td>
                </tr>
            </table>
        
        </form>
    </body>
</html>
JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图1.png
3). 多部件类型multipart解析

在springmvc.xml文件中添加:

    <!-- 配置多媒体文件解析器 -->
    <!-- 文件上传 -->
    <bean id="multipartResolver"
        class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <!-- 设置上传文件的最大尺寸为5MB -->
        <property name="maxUploadSize">
            <value>5242880</value>
        </property>
    </bean>
4). 创建文件保存的虚拟目录

在上传文件之前,首先要创建一个虚拟目录来保存文件,这个虚拟目录会对应磁盘上的一个实际的目录,在实际开发中肯定会有一个服务器专门存储资源的,在这里我们就用本地磁盘来保存文件,然后映射一个虚拟目录,用来在程序中指定获取文件的路径.
I. 先在Tomcat上点击右键选择clean...,完成之后再双击Tomcat。


JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图2.png

II. 选择下方的Modules。


JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图3.png

III. 点击Add External Web Module...


JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图4.png

IV. Document base选择本机目录,Path添加虚拟目录,在editItem.jsp中是/pic


JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图5.png

JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图6.png

V. 点击确定后,如图:


JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图7.png

VI. 第二种方法就是在tomcat的配置文件中配置一下,配置文件位置在tomcat目录/conf/server.xml中:

    <Context docBase="D:\picture" path="/pic" reloadable="true"/>
JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图8.png
5). 后台Controller方法
    @RequestMapping(value = "/updateItem", method = { RequestMethod.POST, RequestMethod.GET })
    public String updateItem(Item item, MultipartFile picture) throws Exception {
        // 把图片保存到图片目录下
        // 保存图片,这个图片的文件名可能会重复,为每个文件生成一个新的文件名
        String picName = UUID.randomUUID().toString();
        // 截图文件的扩展名
        String oriName = picture.getOriginalFilename();
        String extName = oriName.substring(oriName.lastIndexOf("."));
        // 保存文件
        picture.transferTo(new File("D:\\picture\\" + picName + extName));
        // 包文件名保存到数据库
        item.setPic(picName+extName);
        service.updateItem(item);
        // 重定向
//      return "redirect:/itemList.action";
        // 转向
        return "forward:/item/itemEdit.action";
    }
6). 修改ItemMapper.xml文件

    <update id="updateItem" parameterType="Item">
        update items set name=#{name}, price=#{price}, detail=#{detail} where id = #{id}
    </update>

修改为

    <update id="updateItem" parameterType="Item">
        update items set name=#{name}, price=#{price}, detail=#{detail}, pic=#{pic} where id = #{id}
    </update>
7). 运行项目测试
JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图9.png

2. 前台的json数据交互

1). 两种形式
JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图10.png
2). Jackson包
JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图11.png
3). 配置json转换器
<!-- 用于将对象转换为 JSON  -->  
<bean id="stringConverter" class="org.springframework.http.converter.StringHttpMessageConverter">  
    <property name="supportedMediaTypes">  
        <list>  
            <value>text/plain;charset=UTF-8</value>  
        </list>  
    </property>  
</bean>  
<bean id="jsonConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"></bean>  

<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">  
    <property name="messageConverters">  
        <list>  
            <ref bean="stringConverter" />  
            <ref bean="jsonConverter" />  
        </list>  
    </property>  
</bean>  

注意:如果使用<mvc:annotation-driven />注解驱动的话就不用以上的配置

4). json交互的测试

I. 修改itemList.jsp,如下
jQuery下载

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>查询商品列表</title>
        <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script>
    </head>
    <body>
        <form action="${pageContext.request.contextPath }/item/queryitem.action" method="post">
            查询条件:
            <table width="100%" border="1">
                <tr>
                    <td>商品id:<input type="text" name="item.id" /></td>
                    <td>商品名称:<input type="text" name="item.name" /></td>
                    <td><input type="submit" value="查询"/></td>
                </tr>
            </table>
            商品列表:
            <table width="100%" border="1">
                <tr>
                    <td>选择</td>
                    <td>商品名称</td>
                    <td>商品价格</td>
                    <td>生产日期</td>
                    <td>商品描述</td>
                    <td>操作</td>
                </tr>
                <c:forEach items="${itemList }" var="item" varStatus="s">
                    <%-- <tr>
                        <td><input type="checkbox" name="ids" value="${item.id }"/></td>
                        <td>${item.name }</td>
                        <td>${item.price }</td>
                        <td><fmt:formatDate value="${item.createtime }" pattern="yyyy-MM-dd HH:mm:ss"/></td>
                        <td>${item.detail }</td>
                        <td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
                    </tr> --%>
                    <tr>
                        <td><input type="checkbox" name="ids" value="${item.id }"/></td>
                        <td>
                            <input type="hidden" name="itemList[${s.index }].id" value="${item.id }"/>
                            <input type="text" name="itemList[${s.index }].name" value="${item.name }"/>
                        </td>
                        <td><input type="text" name="itemList[${s.index }].price" value="${item.price }"/></td>
                        <td><input type="text" name="itemList[${s.index }].createtime" value='<fmt:formatDate value="${item.createtime }" pattern="yyyy-MM-dd HH:mm:ss"/>'/></td>
                        <td><input type="text" name="itemList[${s.index }].detail" value="${item.detail }"/></td>
                        <td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
                    </tr>
                </c:forEach>
            </table>
        </form>
        <button onclick="sendJson()">JSON数据交互测试</button>
        <script type="text/javascript">
            function sendJson() {
                $.ajax({
                    type:"post",
                    url:"${pageContext.request.contextPath }/jsonTest.action",
                    data:'{"id":"1","name":"电冰箱","price":"1999"}',
                    contentType:"application/json;charset=utf-8",
                    success:function(data) {
                        alert(data.id + ":" + data.name);
                    }
                });
            }
        </script>
    </body>
</html>

II. 修改文件路径
将原在/WebContent/WEB-INF/路径下的css,image,js文件夹,移至/WebContent/路径下


JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图12.png

III. 在ItemController中创建方法

    // JSON数据交互
    // @RequestBody: 接收JSON数据并转换为pojo对象
    // @ResponseBody: 相应JSON数据,把POJO对象转换为JSON数据并响应
    @RequestMapping("/jsonTest")
    @ResponseBody
    public Item jsonTest(@RequestBody Item item){
        System.out.println(item.toString());
        return item;
    }

IV. 测试结果:
前台:


JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图13.png

后台:


JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图14.png

3. Restful

1). 设计指南

在Restful之前的操作:

http://127.0.0.1/user/query/1 GET  根据用户id查询用户数据
http://127.0.0.1/user/save POST 新增用户
http://127.0.0.1/user/update POST 修改用户信息
http://127.0.0.1/user/delete GET/POST 删除用户信息

RESTful用法:

http://127.0.0.1/user/1 GET  根据用户id查询用户数据
http://127.0.0.1/user  POST 新增用户
http://127.0.0.1/user  PUT 修改用户信息
http://127.0.0.1/user  DELETE 删除用户信息

之前的操作是没有问题的,大神认为是有问题的,有什么问题呢?你每次请求的接口或者地址,都在做描述,例如查询的时候用了query,新增的时候用了save,其实完全没有这个必要,我使用了get请求,就是查询.使用post请求,就是新增的请求,我的意图很明显,完全没有必要做描述,这就是为什么有了restful.

2). 编写Restful风格的代码

I. 修改itemList.jsp中

<td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>

修改为

<td><a href="${pageContext.request.contextPath }/itemEdit/${item.id}">修改</a></td>
JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图15.png

II. 在web.xml配置文件中新增

    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <!-- /:拦截所有请求,不包括jsp。/*:拦截所有请求,包括jsp,应该配置"/" -->
        <url-pattern>/</url-pattern>
    </servlet-mapping>

III. 修改editItem的方法

    @RequestMapping("/itemEdit/{id}")
    // 如果id和方法的形参一直,@PathVariable注解中可以不写内容
    public String editItem(@PathVariable("id")Integer ids, Model model){
        // 调用服务
        Item item = service.getItemById(ids);
        // 把数据传递给页面,需要用到Model接口
        model.addAttribute("item", item);
        // 返回逻辑视图
        return "editItem";
    }

IV. 设置一下不让SpringMVC解析静态资源。SpringMVC的<mvc:resources mapping="" location="">标签可实现对静态资源进行映射访问.

    <!-- 配置资源映射 -->
    <mvc:resources location="/js/" mapping="/js/**"/>
    <mvc:resources location="/css/" mapping="/css/**"/>
    <mvc:resources location="/image/" mapping="/image/**"/>

V. 测试


JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图16.png

4. 拦截器的定义和配置

1). 定义:拦截器要实现HandlerInterceptor接口,并实现该接口中提供的三个方法
public class Interceptor1 implements HandlerInterceptor{
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler)
            throws Exception {
        System.out.println("Interceptor1 preHandle......");
        // 执行的时机是在Handler执行之前放行此方法
        // 返回值:true,放行不拦截,正常执行Handler进行处理
        // 返回值:false,拦截,Handler不能正常处理
        return true;
    }
    
    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler,
            ModelAndView modelAndView) throws Exception {
        // Handler 执行之后,在返回ModelAndView之前,对modelAndView进行处理
        System.out.println("Interceptor1 postHandle......");
    }
    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex)
            throws Exception {
        // 返回ModelAndView之后
        // Handler执行过程如果出现异常,可以在此处理异常
        System.out.println("Interceptor1 afterCompletion......");
    }
}
  • preHandle方法:该方法执行的时机是在Handler执行之前执行。可以用于身份认证、身份授权等。比如如果认证没有通过表示用户没有登录,需要此方法拦截不再往下执行(return false),否则就放行(return true)。
  • postHandle方法:该方法执行的时机是在Handler执行之后,在返回ModelAndView之前执行,可以看到该方法中有个modelAndView的形参。应用场景:从modelAndView出发,将公用的模型数据(比如菜单导航之类的)在这里传到视图,也可以在这里统一指定视图。
  • afterCompletion方法:返回ModelAndView之后执行。应用场景:统一异常处理(即Handler执行过程中出现异常,可以在此处理异常),统一日志处理等。
2). 配置拦截器
  • 某种HandlerMapping配置拦截器
    在springmvc.xml文件中配置
<bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping">
    <property name="interceptors">
        <list>
            <ref bean="handlerInterceptor1"/>
            <ref bean="handlerInterceptor2"/>
        </list>
    </property>
</bean>
<bean id="handlerInterceptor1" class="com.mazaiting.interceptor.Interceptor1"/>
<bean id="handlerInterceptor2" class="com.mazaiting.interceptor.Interceptor2"/>
  • 所有HandlerMapping配置全局拦截器
    在springmvc.xml文件中配置
<!-- 配置拦截器 -->
<mvc:interceptors>
    <!-- 按照配置的顺序执行拦截器 -->
    <mvc:interceptor>
        <mvc:mapping path="/**"/>
        <bean class="com.mazaiting.interceptor.Interceptor1"></bean>
    </mvc:interceptor>
    <mvc:interceptor>
        <mvc:mapping path="/**"/>
        <bean class="com.mazaiting.interceptor.Interceptor2"></bean>
    </mvc:interceptor>
</mvc:interceptors>

注意:path=”/**”表示拦截所有的url包括子url路径。在实际开发中,一般我们都用这种配置,<mvc:mapping>中指定要拦截的url即可

3). 测试

JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图17.png

总结:当所有拦截器都放行的时候,preHandle方法是按照配置的顺序执行的;而另外两个方法按照配置的顺序逆向执行。

4).有一个拦截器不放行
JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图18.png

总结

  • 由于拦截器1和2放行,所以拦截器3的preHandle才能执行。也就是说前面的拦截器放行了,后面的拦截器才能执行preHandle方法。
  • 拦截器3不放行,所以其另外两个方法没有被执行。即如果某个拦截器不放行,那么它的另外两个方法就不会被执行。
  • 只要有一个拦截器不放行,所有拦截器的postHandle方法都不会执行,但是只要执行过preHandle并且放行的,就会执行afterCompletion方法。
5). 三个拦截器都不放行

JakartaEE Spring、MyBatis和SpringMVC的整合(三)
图19.png

总结
总结

  • preHandle按拦截器定义顺序调用
  • postHandler按拦截器定义逆序调用
  • afterCompletion按拦截器定义逆序调用
  • postHandler在拦截器链内所有拦截器返回true才调用
  • afterCompletion只有preHandle返回true才调用

5. 拦截器应用实例

1). 编写login.jsp页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>登录</title>
    </head>
    <body>  
        <form action="${pageContext.request.contextPath }/user/login" method="post">
            <label>用户名</label>
            <input type="text" name="username"/>
            <br/>
            <label>密码</label>
            <input type="password" name="password"/>
            <br/>
            <input type="submit" value="提交"/>
        </form>
    </body>
</html>
2). 编写实现用户登录的Controller
@Controller
@RequestMapping("/user")
public class UserController {

    @RequestMapping("/showlogin")
    public String showLogin(){
        return "login";
    }
    
    @RequestMapping("/login")
    public String userLogin(String username,String password, HttpSession session) {
        // 判断用户名和密码是否正确
        System.out.println(username + " : " + password);
        // 正确,向session中写入用户信息
        session.setAttribute("username", username);
        // 返回登录成功页面,或者跳转至商品列表页面
        return "redirect:/itemList.action";
    }
}
3). 登录验证拦截器的实现
public class LoginInterceptor implements HandlerInterceptor{
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler)
            throws Exception {
        String uri = request.getRequestURL().toString();
        // 如果用户未登录,则跳转到登录页面。跳转过程可能被拦截,所以要做判断
        if (uri.contains("login")) {
            return true;
        }
        System.out.println("LoginInterceptor preHandle...");
        // 用户拦截请求,判断用户是否登录
        HttpSession session = request.getSession();
        String username = (String) session.getAttribute("username");
        if (!"".equals(username) && null != username) {
            // 已经登录,放行
            return true;
        }
        // 如果用户未登录,则跳转到登录页面
        response.sendRedirect(request.getContextPath() + "/user/showlogin");
        return false;
    }
    
    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler,
            ModelAndView modelAndView) throws Exception {
        System.out.println("LoginInterceptor postHandle...");
    }
    
    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex)
            throws Exception {
        System.out.println("LoginInterceptor afterCompletion...");
    }
}
4). 配置拦截器
    <!-- 配置拦截器 -->
    <mvc:interceptors>
        <!-- 配置登录拦截器 -->
        <mvc:interceptor>
            <mvc:mapping path="/**"/>
            <bean class="com.mazaiting.interceptor.LoginInterceptor"/>
        </mvc:interceptor>
    </mvc:interceptors>

代码下载--a1ef7c916