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>

图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。

图2.png

II. 选择下方的Modules。

图3.png

III. 点击Add External Web Module...

图4.png

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

图5.png

图6.png

V. 点击确定后，如图：

图7.png

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

    <Context docBase="D:\picture" path="/pic" reloadable="true"/>

图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). 运行项目测试

图9.png

2. 前台的json数据交互

1). 两种形式

图10.png

2). Jackson包

图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/路径下

图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. 测试结果：
前台：

图13.png

后台：

图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>

图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. 测试

图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). 测试

图17.png

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

4).有一个拦截器不放行

图18.png

总结

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

5). 三个拦截器都不放行

图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>

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