开发者社区> 凌浩雨> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: 1. 文件上传 1). 主要是CommonsMultipartResolver解析器依赖commons-fileupload和commons-io这两个jar包 commons-fileupload-1.
+关注继续查看

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>
img_fe860cafb1bcaf63df10b9b31cab55ce.png
图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。


img_706c90105dfbb93656202c0d92730f2e.png
图2.png

II. 选择下方的Modules。


img_cbafed619a34077da2c807d2c06daf7c.png
图3.png

III. 点击Add External Web Module...


img_5bfe400bfd45b6172870d3bcb78ed102.png
图4.png

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


img_c01ae0b352b2d81aecd6b26674cc3918.png
图5.png

img_0a5864faefea8e02d356bfd4acd65e12.png
图6.png

V. 点击确定后,如图:


img_e75b4cfdcbd180b9e0564f1c32148a28.png
图7.png

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

    <Context docBase="D:\picture" path="/pic" reloadable="true"/>
img_08d959a422c56223596180dce152cbe6.png
图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). 运行项目测试
img_b3b500f4907639ce23d79ee7d2666fee.png
图9.png

2. 前台的json数据交互

1). 两种形式
img_0d33a387eb2085d72ed5284b408d68e4.png
图10.png
2). Jackson包
img_8db1864d92715272b6fce84b216b3952.png
图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/路径下


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


img_3ba3e8ff80650ce8852e0a03284877b0.png
图13.png

后台:


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


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

img_51a8d5bac2c46d12cbdba5df002db88d.png
图17.png

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

4).有一个拦截器不放行
img_881588e16746ac0d22bc87f10a98cc2e.png
图18.png

总结

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

img_99145bc0700fbbc6b4017413d2131db5.png
图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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
java内存模型之happenbefore原则
java内存模型之happenbefore原则
56 0
Spring的自动装配
Spring的自动装配
31 0
spring+springMVC+mybatis的整合 part10
可以设置其他的页码和条数测试,均可以通过,所以分页的接口已经完成。单独拿出一个页面来实现 其实分页列表也没什么,重点在于做出列表局部刷新,减少页面请求。 具体的流程图如下: 按照上图中,可以看到我们只需要把上一页和下一页的ajax调用写好就能完成我们这个简单分页的网络请求。
836 0
spring+springMVC+mybatis的整合 part9
行为日志的列表的分页显示 功能设定: 记录基本主机信息操作系统,IP地址,访问的浏览器内核,Session的Id还有操作时间 首先要设定要数据库字段,唯一的注意的地方是这边把记录行为日志的表做了个自增的ID。
1004 0
spring+springMVC+mybatis的整合 part4
SSM框架实例--管理系统--登录注册的功能分析 分析: 登录和注册,都是用户的行为,也是开发中常说的某个行为对应的业务。注册用户:意味着添加用户,添加了用户后,才有登录功能的继续执行的可能。
1127 0
spring+springMVC+mybatis的整合 part2
可能在part1后有人会直接启动来测试项目是不是能跑得起来,不过是不行的,都会报404 这里不是web.xml没配好,是因为没有把项目部署在tomcat上 在IDEA中配置tomcat Paste_Image.
883 0
spring+springMVC+mybatis的整合 part3
配置自定义的404页面,替换Tomcat不友好的404页面 有时候我们想替换掉tomcat自带的404页面 如图: Paste_Image.png 404也就是说找不到当前资源或者资源不存在 The origin server did not find a current representation for the target resource or is not willing to disclose that one exists. 替换思路:错误404这种常出现的页面,我们可以设置为静态资源,以加快网页访问。
855 0
Spring+SpringMVC+mybatis+Quartz整合
Quartz与SpringMVC的整合 简介 Quartz是一个完全由java编写的开源作业调度框架,为在Java应用程序中进行作业调度提供了简单却强大的机制。
1864 0
+关注
凌浩雨
毕业于贵州大学大数据与信息工程学院,目前是一名移动端工程师,就职于北京乾元大通信息技术有限责任公司。
397
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载