java之学习记录 6 - 3 - springmvc进阶

ajax异步交互

Springmvc默认用MappingJackson2HttpMessageConverterjson数据进行转换,需要加入jackson的包;同时使用 <mvc:annotation-driven />

        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.9.8</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-core</artifactId>
            <version>2.9.8</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-annotations</artifactId>
            <version>2.9.0</version>
        </dependency>

1.1 @RequestBody

该注解用于Controller的方法的形参声明,当使用ajax提交并指定contentTypejson形式时,通过HttpMessageConverter接口转换为对应的POJO对象。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <%--ajax异步交互--%>
    <button id="btn1">ajax异步提交</button>

    <script src="${pageContext.request.contextPath}/js/jquery-3.5.1.js"></script>
    <script>
        $("#btn1").on("click",function () {
            let url = "${pageContext.request.contextPath}/user/ajaxRequest";
            let data = '[{"id":1,"name":"张三"},{"id":2,"name":"李四"}]';

            $.ajax({
                type:"post",
                data:data,
                url:url,
                contentType:"application/json;chatset=utf-8",
                success:function(res){
                    console.log(JSON.stringify(res))
                }
            })
        })
    </script>
</body>
</html>
@Controller
@RequestMapping("/user") // 一级访问目录
public class UserController {

    /*
    * ajax异步交互
    * */
    @RequestMapping("/ajaxRequest")
    public void ajaxRequest(@RequestBody List<User> list){
        System.out.println(list);
    }
}

1.2 @ResponseBody

该注解用于将Controller的方法返回的对象,通过HttpMessageConverter接口转换为指定格式的数据如:json,xml等,通过Response响应给客户端。

@Controller
@RequestMapping("/user") // 一级访问目录
public class UserController {
    /*
    * ajax异步交互
    * */
    @RequestMapping("/ajaxRequest")
    @ResponseBody
    public List<User> ajaxRequest(@RequestBody List<User> list){
        System.out.println(list);
        return list;
    }
}

RESTful

2.1 什么是RESTful

Restful是一种软件架构风格、设计风格,而不是标准,只是提供了一组设计原则和约束条件。主要用于客户端和服务器交互类的软件,基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存机制等。

Restful风格的请求是使用“url+请求方式表示一次请求目的的,HTTP 协议里面四个表示操作方式的动词如下:

  • GET:读取(Read
  • POST:新建(Create
  • PUT:更新(Update
  • DELETE:删除(Delete
客户端请求
原来风格 URL 地址
RESTful 风格 URL 地址
查询所有
/user/findAllGET /user
根据 ID 查询
/user/findById?id=1GET /user/{1}
新增
/user/savePOST /user
修改
/user/updatePUT /user
删除
/user/delete?id=1DELETE /user/{1}

2.2 代码实现

@PathVariable
  • 用来接收RESTful风格请求地址中占位符的值
@RestController
  • RESTful风格多用于前后端分离项目开发,前端通过ajax与服务器进行异步交互,我们处理器通常返回的是json数据所以使用@RestController来替代@Controller@ResponseBody两个注解。

//@Controller
@RestController // 组合注解:组合@Controller + @ResponseBody
@RequestMapping("/restful")
public class RestfulController {

    /*
    * 根据id进行查询
    * */

    //@ResponseBody
    @GetMapping("/user/{id}") // @RequestMapping(value = "/user/{id}",method = RequestMethod.GET)
    public String findById(@PathVariable int id){
        // 获取restful风格中url占位符的值 @PathVariable
        return "findById:"+id;
    }

    /*
    * 新增方法
    * */
    @PostMapping("/user")
    public String post(){
        return "post";
    }

    /*
    * 更新方法
    * */
    @PutMapping("/user")
    public String put(){
        return "put";
    }

    /*
    * 删除方法
    * */
    @DeleteMapping("/user/{id}")
    public String delete(@PathVariable int id){
        return "delete:"+id;
    }
}

三 文件上传

3.1 文件上传三要素

  • 表单项 type="file"
  • 表单的提交方式 method="POST"
  • 表单的enctype属性是多部分表单形式 enctype=“multipart/form-data"

3.2 文件上传原理

  • form表单修改为多部分表单时,request.getParameter()将失效。
  • form表单的enctype取值为 application/x-www-form-urlencoded 时,
    • form表单的正文内容格式是: name=value&name=value
  • form表单的enctype取值为 mutilpart/form-data 时,请求正文内容就变成多部分形式:

3.3 单文件上传

步骤分析
  • 1. 导入fileuploadio坐标
  • 2. 配置文件上传解析器
  • 3. 编写文件上传代码
1 )导入 fileupload io 坐标
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.3</version>
        </dependency>
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.6</version>
        </dependency>
2 )配置文件上传解析器
    <!--配置文件上传解析器-->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <!--设置文件上传最大值为5MB,5*1024*1024-->
        <property name="maxUploadSize" value="5242880"></property>
        <!-- 设定文件上传时写入内存的最大值,如果小于这个参数不会生成临时文件,默认为10240 -->
        <property name="maxInMemorySize" value="40960"></property>
    </bean>
3 )编写文件上传代码
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

    <%--编写一个满足文件上传三要素的表单
        1、表单的提交方式必须是post
        2、表单的enctype属性必须要修改为multipart/form-data
        3、表单中必须要有文件上传项
    --%>
    <form action="${pageContext.request.contextPath}/fileupload" method="post" enctype="multipart/form-data">
        名称:<input type="text" name="name"/><br>
        文件:<input type="file" name="filePic"/><br>
        <input type="submit" value="单文件上传"/>
    </form>
</body>
</html>
    /*
     * 单文件上传
     * */
    @RequestMapping("/fileupload")
    public String fileUpload(String name, MultipartFile filePic) throws IOException {
        // 获取表单的提交参数,完成文件上传
        System.out.println(name);
        // 获取原始的文件上传名
        String originalFilename = filePic.getOriginalFilename();
        filePic.transferTo(new File("E:/upload/"+originalFilename));
        return "success";
    }

3.4 多文件上传

     <%--实现多文件上传--%>
    <form action="${pageContext.request.contextPath}/filesupload" method="post" enctype="multipart/form-data">
        名称:<input type="text" name="name"/><br>
        文件1:<input type="file" name="filePic"/><br>
        文件2:<input type="file" name="filePic"/><br>
        文件3:<input type="file" name="filePic"/><br>
        <input type="submit" value="多文件上传"/>
    </form>
    /*
     * 多文件上传
     * */
    @RequestMapping("/filesupload")
    public String filesUpload(String name, MultipartFile[] filePic) throws IOException {
        // 获取表单的提交参数,完成文件上传
        System.out.println(name);
        // 获取原始的文件上传名
        for (MultipartFile multipartFile : filePic) {
            String originalFilename = multipartFile.getOriginalFilename();
            multipartFile.transferTo(new File("E:/upload/"+originalFilename));
        }
        return "success";
    }

四 异常处理

4.1 异常处理的思路

Java 中,对于异常的处理一般有两种方式 :
  • 一种是当前方法捕获处理(try-catch),这种处理方式会造成业务代码和异常处理代码的耦合。
  • 另一种是自己不处理,而是抛给调用者处理(throws),调用者再抛给它的调用者,也就是一直向上抛。

在这种方法的基础上,衍生出了SpringMVC的异常处理机制。

系统的daoservicecontroller出现都通过throws Exception向上抛出,最后由springmvc前端控制器交由异常处理器进行异常处理,如下图:

4.2 自定义异常处理器

步骤分析
  • 1. 创建异常处理器类实现HandlerExceptionResolver
  • 2. 配置异常处理器
  • 3. 编写异常页面
  • 4. 测试异常跳转
1 )创建异常处理器类实现 HandlerExceptionResolver
public class GlobalExceptionResolver implements HandlerExceptionResolver {
    /*
    * Exception e : 实际抛出的异常对象
    * */
    @Override
    public ModelAndView resolveException(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Object o, Exception e) {
        // 具体的异常处理 产生异常后跳转到一个最终的异常页面
        ModelAndView modelAndView = new ModelAndView();
        modelAndView.addObject("error",e.getMessage());
        modelAndView.setViewName("error");
        return modelAndView;
    }
}
2 )配置异常处理器
@Component 
public class GlobalExecptionResovler implements HandlerExceptionResolver {}
<!--配置自定义的异常处理器-->
<bean id="globalExceptionResolver" class="com.lagou.exception.GlobalExceptionResolver"></bean>

3)编写异常页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    异常页面
    <h1>${error}</h1>
</body>
</html>

4)测试异常跳转

    @Test
    public void testException(){
        int i = 1 / 0; 
        return "success";
    }

4.3 web的处理异常机制

    <!--异常配置-->
    <error-page>
        <error-code>404</error-code>
        <location>/404.jsp</location>
    </error-page>
    <error-page>
        <error-code>500</error-code>
        <location>/500.jsp</location>
    </error-page>

五 拦截器

5.1 拦截器(interceptor)的作用

Spring MVC 拦截器类似于 Servlet 开发中的过滤器 Filter,用于对处理器进行预处理后处理

将拦截器按一定的顺序联结成一条链,这条链称为拦截器链(InterceptorChain。在访问被拦截的方法或字段时,拦截器链中的拦截器就会按其之前定义的顺序被调用。拦截器也是AOP思想的具体实现。

5.2 拦截器和过滤器区别

关于interceptorfilter的区别,如图所示:

5.3 快速入门

步骤分析
  • 1. 创建拦截器类实现HandlerInterceptor接口
  • 2. 配置拦截器
  • 3. 测试拦截器的拦截效果
1 )创建拦截器类实现 HandlerInterceptor 接口
public class MyInterceptor1 implements HandlerInterceptor {

    /*
    * preHandle:在目标方法执行之前进行拦截
    *   false:不放行
    * */
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        System.out.println("preHandle");
        return true;
    }

    /*
    * postHandle:在目标方法执行之后,视图对象返回之前执行的方法
    * */
    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
        System.out.println("postHandle");
    }

    /*
    * afterCompletion:在流程都执行完成后,执行的方法
    * */
    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
        System.out.println("afterCompletion");
    }
}
2 )配置拦截器
    <!--配置拦截器-->
    <mvc:interceptors>
        <mvc:interceptor>
            <!--/**:对所有controller类里面的所有方法都进行拦截-->
            <mvc:mapping path="/**"/>
            <bean class="com.lagou.interceptor.MyInterceptor1"/>
        </mvc:interceptor>
    </mvc:interceptors>
3 )测试拦截器的拦截效果
 

编写Controller,发请求到controller,跳转页面

@Controller
public class TargetController {
    @RequestMapping("/target")
    public String targetMethod(){
        System.out.println("目标方法执行了");
        return "success";
    }
}

编写jsp页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <h3>success...</h3>

    <% System.out.println("视图执行了"); %>
</body>
</html>

5.4 拦截器链

开发中拦截器可以单独使用,也可以同时使用多个拦截器形成一条拦截器链。开发步骤和单个拦截器是一样的,只不过注册的时候注册多个,注意这里注册的顺序就代表拦截器执行的顺序。

同上,再编写一个MyHandlerInterceptor2操作,测试执行顺序:

    <!--配置拦截器-->
    <mvc:interceptors>
        <mvc:interceptor>
            <!--/**:对所有controller类里面的所有方法都进行拦截-->
            <mvc:mapping path="/**"/>
            <bean class="com.lagou.interceptor.MyInterceptor1"/>
        </mvc:interceptor>
        <mvc:interceptor>
            <!--/**:对所有controller类里面的所有方法都进行拦截-->
            <mvc:mapping path="/**"/>
            <bean class="com.lagou.interceptor.MyInterceptor2"/>
        </mvc:interceptor>
    </mvc:interceptors>

5.5 知识小结

拦截器中的方法说明如下:
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值