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的整合(三)

1. 文件上传

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

2). 修改editItem.jsp如下

3). 多部件类型multipart解析

4). 创建文件保存的虚拟目录

5). 后台Controller方法

6). 修改ItemMapper.xml文件

7). 运行项目测试

2. 前台的json数据交互

1). 两种形式

2). Jackson包

3). 配置json转换器

4). json交互的测试

3. Restful

1). 设计指南

2). 编写Restful风格的代码

4. 拦截器的定义和配置

1). 定义：拦截器要实现HandlerInterceptor接口，并实现该接口中提供的三个方法

2). 配置拦截器

3). 测试

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

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

5. 拦截器应用实例

1). 编写login.jsp页面

2). 编写实现用户登录的Controller

3). 登录验证拦截器的实现

4). 配置拦截器

代码下载--a1ef7c916

热门文章

最新文章

相关课程

相关电子书

相关实验场景

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

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

1. 文件上传

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

2). 修改editItem.jsp如下

3). 多部件类型multipart解析

4). 创建文件保存的虚拟目录

5). 后台Controller方法

6). 修改ItemMapper.xml文件

7). 运行项目测试

2. 前台的json数据交互

1). 两种形式

2). Jackson包

3). 配置json转换器

4). json交互的测试

3. Restful

1). 设计指南

2). 编写Restful风格的代码

4. 拦截器的定义和配置

1). 定义：拦截器要实现HandlerInterceptor接口，并实现该接口中提供的三个方法

2). 配置拦截器

3). 测试

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

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

5. 拦截器应用实例

1). 编写login.jsp页面

2). 编写实现用户登录的Controller

3). 登录验证拦截器的实现

4). 配置拦截器

热门文章

最新文章

相关课程

相关电子书

相关实验场景