SpringMVC学习笔记

Spring MVC

工作原理

用户发送请求至前端控制器（DispatcherServlet）。
前端控制器委托请求至Controller。
Controller再去调用Model（service、dao）去请求数据。
数据请求回来再由Controller响应至前端控制器。
前端控制器将响应来的数据在视图层渲染。
最后将数据显示给用户。

SPring MVC 的web围绕DispatcherServlet设计，DispathcherServlet可以将请求分发到不同的控制器。

DispatcherServlet本质也是servlet

SpringMVC流程：

用户发送请求，请求到前端控制器webapp.xml（DispatcherServlet）
DispatcherServlet将请求交给处理器（controller）
控制器去调用业务对象（service）并拿到结果返回一个ModelAndView（模型装数据，并且添加一个视图的名字）给前端控制器webapp.xml（DispatcherServlet）
前端控制器去将数据渲染至视图中。
返回至用户

搭建SpringMVC

pom.xml添加依赖

<!--导入依赖-->
    <dependencies>
        <!--单元测试-->
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
        </dependency>

        <!--spring框架-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.1.9.RELEASE</version>
        </dependency>

        <!--servlet-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
        </dependency>

        <!--jsp-->
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
        </dependency>

        <!--jstl标签库-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>

    </dependencies>

注册DispatcherServlet至web.xml。

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <!--注册DispatcherServlet-->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

        <!--关联一个springmvc的配置文件，【param-name】-servlet.xml-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath*:springmvc-servlet.xml</param-value>
        </init-param>

        <!--启动级别-1-->
        <load-on-startup>1</load-on-startup>
    </servlet>

    <!--/匹配所有请求（不包括.jsp）-->
    <!--/*匹配所有请求（包括.jsp）-->
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

配置springmvc-servlet.xml。

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:aop="http://www.springframework.org/schema/aop"
       xmlns:tx="http://www.springframework.org/schema/tx"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
		http://www.springframework.org/schema/beans/spring-beans-3.2.xsd
		http://www.springframework.org/schema/mvc
		http://www.springframework.org/schema/mvc/spring-mvc-3.2.xsd
		http://www.springframework.org/schema/context
		http://www.springframework.org/schema/context/spring-context-3.2.xsd
		http://www.springframework.org/schema/aop
		http://www.springframework.org/schema/aop/spring-aop-3.2.xsd
		http://www.springframework.org/schema/tx
		http://www.springframework.org/schema/tx/spring-tx-3.2.xsd ">

    <bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping"/>
    <bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter"/>

    <context:component-scan base-package="com.sx.controller"></context:component-scan>
    <mvc:annotation-driven/>

    <!--视图解析器：DispatcherServlet 给他的 ModelAndView
      1.获取一个ModelAndView数据
      2.解析ModelAndView视图名
      3.拼接视图名，找到对应的视图
      4.将数据渲染到视图
  -->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver">
        <!--前缀-->
        <property name="prefix" value="/"/>
        <!--后缀-->
        <property name="suffix" value=".jsp"/>
    </bean>
</beans>

在webapp创建对应视图。(jsp等)
创建controller（加入controller注解将它装配到bean）。
创建方法，处理数据，返回字符串，字符串就是视图的名字，会被视图解析器处理。
加入@ReauestMapping("请求名")。（类上也可以加ReauestMapping）相当于多访问一层。

关于重定向和转发

使用视图解析器的话，return视图名称默认就是转发
重定向的话，在return的视图字符串中加入redirect:即可。

关于前端提交数据

提交数据

数据名和形参列表名相同的话可直接接收。
数据名和形参列表名不同的话需加入RequestParam("")注解转换（尽量全部加上）。
前端提交实体类可以用实体类去接收。

对象和json转换

后端向前端传递json字符串

jackson包

 <!--jackson：对后端的json字符串进行转换的工具-->
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.9.8</version>
        </dependency>

可将对象/List/SimpleDateFormat等类型转换为json类型

ObjectMapper mapper = new ObjectMapper();
String user = mapper.writeValueAsString(new User(1, "张三", "女"));

使用writeValueAsString获取时间并以json类型响应至前端

		//关闭日期转换为时间戳
        mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS,false);
        //指定日期格式
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-YY-dd HH:mm:hh");
        //SimpleDateFormat转为String
        mapper.writeValueAsString(sdf);
        //new一个Date
        Date date = new Date();
        return mapper.writeValueAsString(date);

@RequestBody

将服务器端返回的对象转换为json对象响应回去

出现中文???解决方法：

在@RequestMapping注解上加入produces = "application/json;charset=utf-8"

@RequestMapping(value = "/test",produces = "application/json;charset=utf-8")

在springmvc核心配置文件中加入

 <!--解决后端向前端传josn字符串时中文?的问题-->
    <mvc:annotation-driven>
        <mvc:message-converters register-defaults="true">
            <bean class="org.springframework.http.converter.StringHttpMessageConverter">
                <constructor-arg value="UTF-8"/>
            </bean>

            <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
                <property name="objectMapper">
                    <bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean">
                        <property name="failOnEmptyBeans" value="false"/>
                    </bean>
                </property>
            </bean>
        </mvc:message-converters>
    </mvc:annotation-driven>

前端json和对象类型的互换

<script type="text/javascript">
    var user = {
        ID:1,
        name:"sx",
        gender:"男"
    }
   
   	//对象转json
    var s = JSON.stringify(user);
    //json转对象
    var user =  JSON.parse(s);
</script>

AJAX异步交互

AJAX是一种无需重新加载整个网页的情况下，能够更新部分网页的技术。可以增强B/S的体验性。

AJAX例子：

注册时，输入用户名可直接提示用户名是否可用。
登陆时提示用户名密码错误。
删除数据时，将ID发送到后台，后台在数据库删除后，页面DOM处也进行删除。

使用AJAX

导入jQuery文件

对应事件函数中写ajax主体

$.ajax({
        url:"ajaxTest",  //请求地址
        data:{  //传入参数
          name:$("#textName").val()
        },
        success:function (data) {  //执行成功返回数据  data为return的数据
          alert(data)  
          var user = JSON.parse(data);
        console.log(user);
        }
      });

对应controller

@RequestMapping("ajaxTest")  //接收请求
    @ResponseBody  //转json
    String ajaxTest(String name) throws IOException {
        System.out.println(name);
        if ("admin".equals(name)){
            ObjectMapper mapper = new ObjectMapper();  //jackson方法
            String s = mapper.writeValueAsString(new User(4,"赵六","男"));
            return s;  //返回的data
        }else {
            return null;
        }
    }

RestFul风格

Restful风格是一种资源定位操作的风格，不是标准也不是协议，只是一种风格。基于这和风格设计可以更简洁，更有层次，更容易实现缓存等机制。

请求方式：使用POST,GET,PUT,DELETE等不同方法对资源进行操作。
分别对应：添加、查询、修改、删除

使用Restful风格可以通过不同的请求方式来实现不同的效果。请求地址栏一样，但功能不同!

//@RequestMapping(value ="/test/{a}/{b}",method = RequestMethod.GET)
@GetMapping("/test/{a}/{b}")
    public String allUser(@PathVariable int a , @PathVariable int b , Model md){
        int res = a+b;
        md.addAttribute("s",res);
        return "test";
    }

controller形参列表处，每个形参前加上注解@PathVariable
Mapping注解在请求地址后加上参数 @GetMapping("/test/{a}/{b}")
选用不同请求可使用不同注解，也可在@RequestMapping注解中加入method = RequestMethod.GET

浏览器效果：http://localhost:8080/test/2/8

使用RestFul风格可使请求名复用（相同请求名使用不同请求方式）
可在地址栏隐藏参数名

SpringMVC拦截器

过滤器：

servlet规范中的一部分，任何java web工程都可以使用
在url-pattern中配置了/*之后，可以对所有要访问的资源进行拦截

<!--乱码过滤器-->
<filter>
        <filter-name>encoding</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>utf-8</param-value>
        </init-param>
    </filter>
    
    <filter-mapping>
        <filter-name>encoding</filter-name>
        <url-pattern>/</url-pattern>
    </filter-mapping>

拦截器：

SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter，用于对处理器进行预处理和后处理。开发者可以自己定义一些拦截器来实现特定的功能。拦截器是AOP思想的具体应用。

拦截器是SpringMVC自己的，只有使用了SpringMVC自己的工程才能使用。
拦截器只会拦截访问控制器的方法。如果访问jsp/html/css/image/js等静态资源是不会进行拦截的（减少资源损耗）。

实现拦截器

写一个类，实现HandlerInterceptor接口，可选重写三个方法

public class MyInterceptor implements HandlerInterceptor {
    //return true;会放行，执行下一个拦截器/return false;会卡死，不执行下一个拦截器
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        System.out.println("处理前-------------------");
        return true;
    }
    //拦截日志
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
        System.out.println("处理后-------------------");
    }
    //拦截日志
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
        System.out.println("清理-------------------");
    }
}

因为使用了AOP所以必须在xml中配置。

  <!--配置拦截器-->
    <mvc:interceptors>
        <mvc:interceptor>
            <!--
            path：处理请求路径
            /只拦截一个请求
            /**拦截一个请求下的所有请求
            -->
            <mvc:mapping path="/**"/>
            <bean class="com.sx.config.MyInterceptor"/>
        </mvc:interceptor>
    </mvc:interceptors>

文件上传

前端操作

在表单属性中加入multipart/form-data，这种编码方式会以二进制流的方式来处理表单数据，这种编码方式会把文件域指定文件的内容也封装到请求参数中，不会对字符编码。

	<form action="" enctype="multipart/form-data" method="post">
    	<input type="file" name="file">
    	<input type="submit" value="sub">
    </form>

后端操作

springMVC对文件上传提供了专门的支持，这种支持是即插即用的MultipartResolver实现的。

导入文件上传的jar包，commons-fileupload，Maven会自动帮我们导入他的依赖包。

 		<!--文件上传-->
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.3</version>
        </dependency>
        <!--io包-->
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.4</version>
        </dependency>
        <!--更高版本的servlet-api-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>4.0.1</version>
        </dependency>

在xml文件中配置

<!--文件上传配置-->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
       <!--编码格式必须和jsp的pageEncoding属性一致，以便正确读取表单内容-->
        <property name="defaultEncoding" value="utf-8"/>
        <!--上传限制大小，字节（10485760=10M）-->
        <property name="maxUploadSize" value="10485760"/>
        <property name="maxInMemorySize" value="40960"/>
    </bean>

controller

@RequestMapping("test")
    public String allUser(MultipartFile inFile) throws IOException {
        String filePath = "D:\\";  //本地路径
        if (!inFile.isEmpty()){  //文件是否为空
            String originalFilename = inFile.getOriginalFilename();  //获取上传的文件名
            originalFilename = UUID.randomUUID().toString()+originalFilename.substring(originalFilename.lastIndexOf(".")); //避免名称相同，上传文件名改为UUID名+原文件名后缀
            File file = new File(filePath, originalFilename);
            inFile.transferTo(file);
        }
        return "test";
    }

posted @ 2020-06-06 15:41 yukinon 阅读(83) 评论(0) 编辑收藏举报

刷新页面返回顶部

yukinon