SpringMVC学习

SpringMVC

代码地址:https://gitee.com/cj_cole/springmvc-study

1、SpringMVC

1.1、什么是SpringMVC

  • SpringMVC是Spring Framework的一部分,是基于 Java 实现MVC的轻量级Web框架
  • 查看官方文档:https://docs.spring.io/spring-framework/docs/current/reference/html/web.html#spring-web

1.2、我们为什么要学习 SpringMVC 呢?

特点:

  1. 轻量级,简单易学
  2. 高效,基于请求响应的MVC框架
  3. 与Spring兼容性好,无缝结合
  4. 约定大于配置
  5. 功能强大:RESTful、数据验证、格式化、本地化、主题等
  6. 简洁灵活

最重要的一点还是用的人多,使用的公司多

1.3、HelloSpringMVC

  1. 新建一个Moudle,添加web支持!

  2. 确定导入了SpringMVC的依赖!

  3. 配置web.xml,注册 DispatcherServlet

    <?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">
        <!--1.注册DispatcherServlet-->
       <servlet>
           <servlet-name>springmvc</servlet-name>
           <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
           <!--关联一个springmvc的配置文件:【servlet-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)-->
        <!--/* 匹配所有的请求:(包括.js)-->
        <servlet-mapping>
            <servlet-name>springmvc</servlet-name>
            <url-pattern>/</url-pattern>
        </servlet-mapping>
    
    </web-app>
    
  4. 编写SpringMVC的配置文件: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"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
            https://www.springframework.org/schema/beans/spring-beans.xsd">
    
        
    
    </beans>
    
  5. 添加 处理映射器

    <bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping"/>
    
  6. 添加 处理器适配器

    <bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter"/>
    
  7. 添加 视图解析器

    <!--视图解析器:DispatcherServlet给他的ModelAndView-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="InternalResourceViewResolver">
        <!--前缀-->
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <!--后缀-->
        <property name="suffix" value=".jsp"/>
    </bean>
    
  8. 编写要操作业务Controller,要么实现Controller接口,要么增加注解;需要返回一个ModelAndView,装数据,封视图;

    package com.cj.controller;
    
    
    import org.springframework.web.servlet.ModelAndView;
    import org.springframework.web.servlet.mvc.Controller;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    //注意:这里我们先导入Controller接口
    public class HelloController implements Controller {
    
        @Override
        public ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
            //ModelAndView 模型和视图
            ModelAndView mv = new ModelAndView();
            //封装对象,放在ModelAndView中,Model
            mv.addObject("msg", "HelloSpringMVC!");
            //封装要跳转的视图,放在ModelAndView中
            //: /WEB-INF/jsp/hello.jsp
            mv.setViewName("hello");
            return mv;
        }
    }
    
  9. 将自己的类交给SpringIOC容器,注册bean

    <!--Handler-->
    <bean id="/hello" class="com.cj.controller.HelloController"/>
    
  10. 配置hello.jsp页面

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
    ${msg}
    </body>
    </html>
    
  11. 配置Tomcat 启动测试!

    image-20220630141611727

  12. 可能遇到的问题:访问出现404,排除步骤

    image-20220630141508209

简要分析执行流程

  1. DispatcherServlet表示前置控制器,是整个SpringMVC的控制中心。用户发出请求,DispatcherServlet接收请求并拦截请求

    • 我们假设请求的url为:https://localhost:8080/SpringMVC/hello
    • 如上url拆分成三部分:
    • http://localhost:8080服务器域名
    • SpringMVC部署在服务器上的web站点
    • hello表示控制器
    • 通过分析,如上url表示为:请求位于服务器localhost:8080上的SpringMVC站点的hello控制器
  2. HandlerMapping为处理器映射。DispatcherServlet调用

    HandlerMapping,HandlerMapping根据请求url查找Handler

  3. HandlerExecution表示具体的Handler,其主要作用是根据url查找控制器,如上url被查找控制器为:hello

  4. HandlerExecution将解析后的信息传递给DispatcherServlet,如解析控制器映射等

  5. HandlerAdapter表示处理器适配器,其按照特定的规则去执行Handler

  6. Handler让具体的Controller执行

  7. Controller将具体的执行信息返回给HandlerAdapter,如ModelAndView

  8. HandlerAdapter将视图逻辑名或模型传递给DispatcherServlet

  9. DispatcherServlet调用视图解析器(ViewResolver)来解析HandlerAdapter传递的逻辑视图名

  10. 视图解析器将解析的逻辑视图名传给DispatcherServlet

  11. DispatcherServlet根据视图解析器解析的视图结果,调用具体的视图

  12. 最终视图呈现给用户

image-20220630192114274

注解版

  1. 新建一个Moudle,添加web支持!

  2. 由于Maven可能存在资源过滤的问题,我们将配置完善

    <!--在build中配置resources,来防止我们资源导出失败的问题-->
    <build>
        <resources>
            <!--选择需要导出资源的路径,可以选择多个-->
            <resource>
                <directory>src/main/resources</directory>
                <!--写入需要导出的什么类型的文件-->
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
            </resource>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <!--不去过滤这些文件-->
                <filtering>false</filtering>
            </resource>
        </resources>
    </build>
    
  3. 在pom.xml文件引入相关的依赖:

    主要有Spring框架核心库,SpringMVC、servlet、JSTL等。我们在父依赖中已经引入了!

  4. 配置web.xml

    • 注意点:
  • 注意web.xml版本问题,要最新版!
  • 注册DispatcherServlet
  • 关联SpringMVC的配置文件
  • 启动级别为1
  • 映射路径为 / 【不要用/*,会404】
<?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">
    <!--1.注册DispatcherServlet-->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--关联一个springmvc的配置文件:【servlet-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)-->
    <!--/* 匹配所有的请求:(包括.js)-->
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>
  1. 添加SpringMVC配置文件
  • 让IOC的注解生效

  • 静态资源过滤:HTML、 JS、CSS、图片,视频…

  • MVC的注解驱动

  • 配置视图解析器

在resource目录下添加springmvc-servlet.xml配置文件,配置的形式与Spring容器基本类似,为了支持基于注解的IOC,设置了自动扫描包的功能,具体配置信息如下:

<?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:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        https://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
        https://www.springframework.org/schema/context/spring-context.xsd
        http://www.springframework.org/schema/mvc
        https://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <!--自动扫描包,让指定包下的注解生效,由IOC容器统一管理-->
    <context:component-scan base-package="com.cj.controller"/>

    <!--让SpringMVC不处理静态资源 .css  .js  .html  .mp3  .mp4-->
    <mvc:default-servlet-handler />

    <!--支持mvc注解驱动
        在spring中一般采用@RequestMapping注册来完成映射关系
        要想使@RequestMapping注解生效
        必须向上下文注册DefaultAnnotationHandlerMapping
        和一个AnnotationMethodHandlerAdapter实例
        这两个实例分别在类级别和方法级别处理
        而annotation-driven配置帮助我们自动完成上述两个实例的注入-->
    <mvc:annotation-driven />

    <!--视图解析器:DispatcherServlet给他的ModelAndView-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver">
        <!--前缀-->
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <!--后缀-->
        <property name="suffix" value=".jsp"/>
    </bean>



</beans>

在视图解析器中我们把所有的视图都存放在/WEB-INF/目录下,这样可以保证视图安全,因为这个目录下的文件,客户端不能直接访问

  1. 创建Controller

编写一个 Java 控制类:com.cj.controller.HelloController,注意编码规范

package com.cj.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/HelloController")
public class HelloController {
    @RequestMapping("/hello")
    public String hello(Model model) {
        //封装数据
        model.addAttribute("msg", "Hello,SpringMVCAnnotation!");
        //会被视图解析器处理
        return "hello";
    }
}
  • @Controller是为了让SpringIOC容器初始化时自动扫描到
  • @RequestMapping是为了映射请求路径,这里因为类与方法上都有映射所以访问时应该是/HelloController/hello
  • 方法中声明Model类型的参数是为了把Action中的数据带到视图中
  • 方法返回到结果是视图的名称hello,加上配置文件中的前后缀变成WEB-INF/jsp/hello.jsp
  1. 创建视图层
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
${msg}
</body>
</html>
  1. 配置Tomcat运行

image-20220701141547373

通常,我们只需要手动配置视图解析器,而处理器映射器处理器适配器只需要开启注解驱动即可,而省去了大段的xml配置

控制器Controller

  • 控制器负责提供访问应用程序的行为,通常通过接口定义或注解定义两种方法实现
  • 控制器负责解析用户的请求并将其转换为一个模型
  • 在Spring MVC中一个控制器可以包含多个方法
  • 在Spring MVC中,对于Controller的配置方式有很多种

实现Controller接口

Controller是一个接口,在org.springframework.web.servlet.mvc包下,接口中只有一个方法:

public interface Controller {
	ModelAndView handleRequest(HttpServletRequest var1,HttpServletResponse var2) throw Exception;
}

测试

  1. 新建一个Moudle,springmvc-04-controller。将刚才的03拷贝一份,我们进行操作!
  • 删除HelloController
  • mvc的配置文件只留下 视图解析器!
  1. 编写一个Controller类,ControllerTest1
package com.cj.controller;

import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.Controller;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

//只要实现了 Controller 接口的类,说明这就是一个控制器了
public class ControllerTest1 implements Controller {
    @Override
    public ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
        ModelAndView mv = new ModelAndView();
        mv.addObject("msg", "helloControllerTest");
        mv.setViewName("test");
        return null;
    }
}
  1. 编写完毕后,去Spring配置文件中注册请求的bean;name对应请求路径,class对应处理请求的类
<bean name="/t1" class="com.cj.controller.ControllerTest1"/>
  1. 编写前端test.jsp,注意在WEB-INF/jsp目录下编写,对应我们的视图解析器
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
${msg}
</body>
</html>
  1. 配置Tomcat运行测试

image-20220701160009090

使用注解@Controller

  • @Controller注解类型用于声明Spring类的实例是一个控制器
  • Spring可以使用扫描机制来找到应用程序中所有基于注解的控制器类,为了保证Spring能找到你的控制器,需要在配置文件中声明组件扫描
<!--自动扫描包,让指定包下的注解生效,由IOC容器统一管理-->
<context:component-scan base-package="com.cj.controller"/>
  • 增加一个ControllerTest2类,使用注解实现
package com.cj.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class ControllerTest2 {
    @RequestMapping("/t2")
    public String hello(Model model) {
        //封装数据
        model.addAttribute("msg", "ControllerTest2");
        //会被视图解析器处理
        return "hello";
    }
}

RequestMapping

@RequestMapping

  • @RequestMapping注解用于映射url到控制器类或一个特定的处理程序方法。可用于类或方法上,用于类上,表示类中的所有响应请求的方法都是以该地址作为父路径
  • 为了测试结论更加准确,我们可以加上一个项目名测试myweb
  • 只注解在方法上面
package com.cj.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/c3")
public class ControllerTest3 {
    @RequestMapping("/t1")
    public String test1(Model model) {
        model.addAttribute("msg", "ControllerTest3");
        return "test";
    }
}

RestFul风格

概念

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

功能

  • 资源:互联网所有的事物都可以被抽象为资源
  • 资源操作:使用POST、DELETE、PUT、GET,使用不同方法对资源进行操作
  • 分别对应 添加、删除、修改、查询

传统方式操作资源:通过不同的参数来实现不同的效果!方法单一,post和get

  • http://127.0.0.1/item/queryItem.action?id=1 查询,GET
  • http://127.0.0.1/item/saveItem.action 新增,POST
  • http://127.0.0.1/item/updateItem.action 更新,POST
  • http://127.0.0.1/item/deleteItem.action?id=1 删除,GET或POST

使用RESTful操作资源:可以通过不同的请求方式来实现不同的效果!如下:请求地址一样,但是功能可以不同!

  • http://127.0.0.1/item/1 查询,GET
  • http://127.0.0.1/item 新增,POST
  • http://127.0.0.1/item 更新,PUT
  • http://127.0.0.1/item/1 删除,DELETE

学习测试

  1. 在新建一个类RestFulController

  2. 在Spring MVC中可以使用@PathVariable注解,让方法参数的值对应绑定到一个URI的模版变量上

    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.web.bind.annotation.PathVariable;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    public class RestFulController {
        //原来的:http://localhost:8080/add?a=1&b=2
        //RestFu:http://localhost:8080/add/a/b
        @GetMapping("/add/{a}/{b}")
        public String test1(@PathVariable int a, @PathVariable int b, Model model) {
            int res = a + b;
            model.addAttribute("msg", "结果为" + res);
            return "test";
        }
    }
    
  3. 测试请求查看

    image-20220702134224132

思考:使用路径变量的好处?

  • 使路径变得更加简洁
  • 获得参数更加方便,框架会自动进行类型转换
  • 通过路径变量的类型可以约束访问参数,如果类型不一样,则访问不到对应的请求方法,如这里访问的路径上/add/1/a,则路径与方法不匹配,而不会是参数转换失败

所有的请求地址栏请求默认都会是HTTP GET类型的

方法级别的注解变体有如下几个:组合注解

@GetMapping
@PostMapping
@PutMapping
@DeleteMapping
@PatchMapping

第二种方式请求

@RequestMapping(value="/hello",method={RequestMethod.GET})

image-20220702135627848

小黄鸭调试法

场景一:我们都有过向别人(甚至可能完全不会编程的人)提问及解释编程问题的经历,但是很多时候就在我们解释的过程中自己却想到了问题的解决方案,然后对方却一脸茫然

场景二:你的同行跑来问你一个问题,但是当他自己把问题说完,或说到一半的时候就想出答案走了,留下一脸茫然的你

其实上面两种场景现象就是所谓的小黄鸭调试法,又称为橡皮鸭调试法,它是我们软件工程中最常使用调试方法之一

image-20220702141050440

此概念据说来自《程序员修炼之道》书中的一个故事,传说程序大师随身携带一只小黄鸭,在调试代码的时候会在桌上放上这只小黄鸭,然后详细地向鸭子解释每行代码,然后很快就将问题定位修复了

SpringMVC结果跳转方式

ModelAndView

设置ModelAndView对象,根据view的名称,和视图解析器跳转到指定的页面

页面:(视图解析器前缀)+ viewName + (视图解析器后缀)

ServletAPI

通过设置ServletAPI,不需要视图解析器

  1. 通过HttpServletResponse进行输出
  2. 通过HttpServletResponse实现重定向
  3. 通过HttpServletResponse实现转发

SpringMVC

通过SpringMVC来实现转发和重定向 - 无需视图解析器

测试前,需要将视图解析器注释掉

@Controller
public class ModelTest1 {
    @RequestMapping("/m1/t1")
    public String test1(Model model) {
        model.addAttribute("msg", "ModelTest1");
      	//return "/WEB-INF/jsp/test.jsp";
        //return "forward:/WEB-INF/jsp/test.jsp";
        return "redirect:/index.jsp";
    }
}

SpringMVC数据处理

处理提交数据

  1. 提交的域名称和处理方法的参数名一致

    提交数据:http://localhost:8080/hello?name=cj

    处理方法:

    @RequestMapping("/hello")
    public String hello(String name) {
    	System.out.println(name);
      return "hello";
    }
    

    后台输出:cj

  2. 提交的域名称和处理方式的参数名不一致

    提交数据:http://localhost:8080/hello?username=cj

    处理方法:

    @RequestMapping("/hello")
    public String hello(@RequestParam("username") String name) {
    	System.out.println(name);
      return "hello";
    }
    

    后台输出:cj

  3. 提交的是一个对象

    要求提交的表单域和对象的属性名一致,参数使用对象即可

  4. 实体类

    public class User {
    	private int id;
      private String name;
      private int age;
      //构造
      //get/set
      //tostring()
    }
    
  5. 提交数据:http://localhost:8080/mvc04/user?name=cj&id=1&age=15

  6. 处理方法:

    @RequestMapping("/user")
    public String user(User user) {
    	System.out.println(user);
      return "hello";
    }
    

    后台输出:User {id=1,name=‘cj’,age=15}

    说明:如果使用对象的话,前端传递的参数名和对象名必须一致,否则就是null

数据显示到前端

第一种:通过ModelAndView

我们前面一直都是如此,就不过多解释

public class ControllerTest1 implements Controller {
	public ModelAndView handleReqest(HttpServletRequest request,HttpServletResponse response){
		//返回一个模型视图对象
    ModelAndView mv = new ModelAndView();
    mv.addObject("msg","ControllerTest1");
    mv.setViewName("test");
    return mv;
  }
}

第二种:通过ModelMap

Model

@RequestMapping("/ct2/hello")
public String hello(@RequestParam("username") String name,Model model) {
	//封装要显示到视图中的数据
  //相当于req.setAttribute("name",name);
  model.addAttribute("msg",name);
  System.out.println(name);
  return "test";
}

对比

就对于新手而言简单来说使用区别就是:

Model 只有寥寥几个方法只适用于存储数据,简化了新手对于Model对象的操作和理解
ModelMap 继承了 LinkedMap,除了实现了自身的一些方法,同样的继承 LinkedMap 的方法和特性
ModelAndView 可以在存储数据的同时,可以进行设置返回的逻辑视图,进行控制展示层的跳转

请使用80%的时间打好扎实的基础,剩下18%的时间研究框架,2%的时间去学点英文,框架的官方文档永远是最好的教程。

乱码问题

测试步骤:

  1. 我们可以在首页编写一个提交的表单

    <form action="/e/t" method="post">
      <input type="text" name="name">
      <input type="submit">
    </form>
    
  2. 后台编写对应的处理类

    @Controller
    public class Encoding {
    	@RequestMapping("/e/t")
      public String test(Model model,String name){
        model.addAttribute("msg",name);//获取表单提交的值
        return "test"; //跳转到test页面显示输入的值
      }
    }
    
  3. 输入中文测试,发现乱码

    image-20220703121815838

    以前乱码问题通过过滤器解决,而SpringMVC给我们提供了一个过滤器,可以在web.xml中配置,修改了xml文件需要重启服务器!

    <!--配置SpringMVC乱码过滤器-->
    <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>
    

    有些极端情况下,这个过滤器对get的支持不好

    处理方法:

    1. 修改tomcat配置文件:设置编码!

      <Connector URIEncoding="utf-8" port="8080" protocol="HTTP/1.1"
      	connectionTimeout="20000"
      	redirectPort="8443" />	
      
    2. 自定义过滤器

    然后在web.xml中配置这个过滤器即可!

    乱码问题,需要平时多注意,在尽可能设置编码的地方,都设置为统一编码UTF-8

SpringMVC: JSON

什么是 JSON?

  • JSON( JavaScript Object Notation,JS 对象标记)是一种轻量级的数据交换格式,目前使用特别广泛
  • 采用完全独立于编程语言的文本格式来存储和表示数据
  • 简介和清晰的层次结构使得 JSON 成为理想的数据交换语言。
  • 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升传输效率

在 JavaScript 语言中,一切都是对象。因此,任何 JavaScript 支持的类型都可以通过 JSON 来表示,例如字符串、数字、对象、数组等。看看它的要求和语法格式:

  • 对象表示为键值对,数据由逗号分隔
  • 花括号保存对象
  • 方括号保存数组

JSON键值对是用来保存 JavaScript 对象的一种方式,和 JavaScript 对象的写法也大同小异,键/值对组合中的键名写在前面并用双引号 “” 包裹,使用冒号 : 分隔,然后紧接着值

{"name":"cj"}
{"age":"3"}
{"sex":"男"}

前后端分离时代:后端部署后端,提供接口,提供数据;

前端独立部署,负责渲染后端的数据

JSON 和 JavaScript对象的关系:

  • JSON 是 JavaScript 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串
var obj={a:'Hello',b:'World'}; //这是一个对象,注意键名也是可以使用引号包裹的
var json = '{"a":"Hello","b":"World"}'; //这是一个 JSON 字符串,本质是一个字符串	

JSON 和 JavaScript 对象互转

  • 要实现从 JSON 字符串转换为 JavaScript 对象,使用 JSON.parse() 方法

    var obj = JSON.parse('{"a":"Hello","b":"World"}');
    //结果是 {a:'Hello',b:'World'}
    
  • 要实现从 JavaScript 对象转换为 JSON 字符串,使用 JSON.stringify() 方法:

    var json = JSON.stringify({a:'Hello',b:'World'});
    //结果是 '{"a":"Hello","b":"world"}'
    

代码测试

  1. 新建一个module,springmvc-05-json,添加web的支持

  2. 新建jsontest.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript">
            //编写一个JavaScript对象
            var user = {
                name:"陈1号",
                age:3,
                sex:"男"
            };
            //将js对象转换为 json 对象
            var json = JSON.stringify(user);
    
            //将 JSON 对象转换为 JavaScript对象
            var obj = JSON.parse(json);
    
    
            console.log(user);
            console.log(json);
            console.log(obj);
        </script>
    </head>
    <body>
    
    </body>
    </html>
    
  3. 在IDEA中使用浏览器打开,查看控制台输出!

Controller返回 JSON 数据

  • Jackson应该是目前比较好的 json 解析工具了
  • 当然工具不止这一个,比如还有阿里巴巴的 fastjson 等等
  • 我们这里使用 Jackson,使用它需要导入它的 jar 包
<dependency>
  <groupId>com.fasterxml.jackson.core</groupId>
  <artifactId>jackson-databind</artifactId>
  <version>2.9.8</version>
</dependency>
  • 配置SpringMVC需要的配置

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">
    <!--1.注册DispatcherServlet-->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--关联一个springmvc的配置文件:【servlet-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)-->
    <!--/* 匹配所有的请求:(包括.js)-->
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <!--配置SpringMVC乱码过滤器-->
    <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>

</web-app>
  • 配置UserController

    package com.cj.controller;
    
    import com.cj.pojo.User;
    import com.fasterxml.jackson.core.JsonProcessingException;
    import com.fasterxml.jackson.databind.ObjectMapper;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.ResponseBody;
    
    @Controller
    public class UserController {
        @RequestMapping("/j1")
        //它就不会走视图解析器,会直接返回一个字符串
        @ResponseBody
        public String json1() throws JsonProcessingException {
            //jackson
            ObjectMapper mapper = new ObjectMapper();
            //创建一个对象
            User user = new User(1, "陈1号", 18);
    
            String str = mapper.writeValueAsString(user);
    
            return str;
        }
    }
    
    
  • 配置tomcat,启动测试一下

    http://localhost:8080/j1

  • 发现乱码,需要配置编码

  • 通过@RequestMapping的produces属性来实现

    @RequestMapping(value="/j1",produces="application/json;charset=utf-8")
    
  • 再次测试,乱码问题解决

代码优化,乱码统一解决

<!--JSON乱码问题配置-->
<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>

FastJson

Fastjson.jar是阿里开发的一款专门用于 Java开发的包,可以方便的实现 json 对象与 JavaBean 对象的转换,实现 JavaBean 对象与 json 字符串的转换,实现 json 对象与 json字符串的转换。实现 json 的转换方法很多,最后的实现结果都是一样的

Fastjson 的 pom 依赖!

<dependency>
  <groupId>com.alibaba</groupId>
  <artifactId>fastjson</artifactId>
  <version>1.2.60</version>
</dependency>

Fastjson 三个主要的类:

  • 【 JSONObject 代表 json 对象 】
    • JSONObject实现了Map接口,猜想 JSONObject底层操作是由Map实现的。
    • JSONObject对应 json 对象,通过各种形式的 get() 方法可以获取 json 对象中的数据,也可利用诸如size(),isEmpty()等方法获取“键:值”对的个数和判断是否为空。其本质是通过实现Map接口并调用接口中的方法完成的
  • 【 JSONArray 代表 json 对象数组】
    • 内部是有List接口中的方法来完成操作的
  • 【 JSON 代表 JSONObject 和 JSONArray 的转化】
    • JSON 类源码分析与使用
    • 仔细观察这些方法,主要是实现 json 对象,json对象数组,javabean对象,json字符串之间的相互转化

代码测试,我们新建一个FastJsonDemo类

@RequestMapping("/j5")
public String json5() {
  List<User> userList = new ArrayList<>();

  //创建一个对象
  User user1 = new User(1, "陈1号", 18);
  User user2 = new User(1, "陈1号", 18);
  User user3 = new User(1, "陈1号", 18);
  User user4 = new User(1, "陈1号", 18);

  userList.add(user1);
  userList.add(user2);
  userList.add(user3);
  userList.add(user4);

  String str = JSON.toJSONString(userList);
  return str;
}

SpringMVC:整合SSM

环境要求

  • IDEA
  • MySQL 5.7.19
  • Tomcat 9
  • Maven 3.6

要求:

  • 需要熟练掌握MySQL数据库,Spring,JavaWeb及MyBatis知识,简单的前端知识;

数据库环境

创建一个存放书籍数据的数据库表

CREATE DATABASE `ssmbuild`;
USE `ssmbuild`;
DROP TABLE IF EXISTS `books`;
CREATE TABLE `books` (
	`bookID` INT(10) NOT NULL AUTO_INCREMENT COMMENT '书id',
	`bookName` VARCHAR(100) NOT NULL COMMENT '书名',
	`bookCounts` INT(11) NOT NULL COMMENT '数量',
	`detail` VARCHAR(200) NOT NULL COMMENT '描述',
	KEY `bookID` (`bookID`)
)ENGINE=INNODB DEFAULT CHARSET=utf8

INSERT INTO `books`(`bookID`,`bookName`,`bookCounts`,`detail`)VALUES
(1,'java',1,'从入门到放弃'),
(2,'MySQL',10,'从删库到跑路'),
(3,'Linux',5,'从进门到进牢');

基本环境搭建

  1. 新建一个Maven项目!ssmbuild,添加web的支持
  2. 导入相关的pom依赖
<dependencies>
    <dependency>
        <groupId>com.fasterxml.jackson.core</groupId>
        <artifactId>jackson-databind</artifactId>
        <version>2.9.8</version>
    </dependency>
    <dependency>
        <groupId>org.projectlombok</groupId>
        <artifactId>lombok</artifactId>
        <version>1.18.10</version>
    </dependency>
    <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
        <version>1.2.60</version>
    </dependency>
    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <version>5.1.47</version>
    </dependency>
    <dependency>
        <groupId>com.mchange</groupId>
        <artifactId>c3p0</artifactId>
        <version>0.9.5.2</version>
    </dependency>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-jdbc</artifactId>
        <version>5.1.9.RELEASE</version>
    </dependency>
    <dependency>
        <groupId>org.mybatis</groupId>
        <artifactId>mybatis</artifactId>
        <version>3.5.2</version>
    </dependency>
    <dependency>
        <groupId>org.mybatis</groupId>
        <artifactId>mybatis-spring</artifactId>
        <version>2.0.2</version>
    </dependency>
  	<dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
  	</dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.1.9.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>servlet-api</artifactId>
      <version>2.5</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.2</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
</dependencies>
  1. Maven资源过滤设置
<!--在build中配置resources,来防止我们资源导出失败的问题-->
<build>
    <resources>
        <!--选择需要导出资源的路径,可以选择多个-->
        <resource>
            <directory>src/main/resources</directory>
            <!--写入需要导出的什么类型的文件-->
            <includes>
                <include>**/*.properties</include>
                <include>**/*.xml</include>
            </includes>
        </resource>
        <resource>
            <directory>src/main/java</directory>
            <includes>
                <include>**/*.properties</include>
                <include>**/*.xml</include>
            </includes>
            <!--不去过滤这些文件-->
            <filtering>false</filtering>
        </resource>
    </resources>
</build>
  1. 建立基本结构和配置框架!
  • com.cj.pojo
  • com.cj.dao
  • com.cj.service
  • com.cj.controller
  • mybatis-config.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

</configuration>
  • applicationContext.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"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd">
        

</beans>

Mybatis层编写

  1. 数据库配置文件 database.properties
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/ssmbuild?useSSL=false&amp;useUnicode=true&amp;characterEncoding=UTF-8
jdbc.username=root
jdbc.password=123456
  1. IDEA关联数据库
  2. 编写Mybatis的核心配置文件
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <!--配置数据源,交给spring去做-->
    <typeAliases>
        <package name="com.cj.pojo"/>
    </typeAliases>

    <mappers>
        <mapper class="com.cj.dao.BookMapper"/>
    </mappers>
</configuration>
  1. 我们去编写Spring整合Mybatis的相关的配置文件:spring-dao.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:aop="http://www.springframework.org/schema/aop"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/aop
        http://www.springframework.org/schema/aop/spring-aop.xsd
        http://www.springframework.org/schema/context
        https://www.springframework.org/schema/context/spring-context.xsd">

    <!--关联数据库配置文件-->
    <context:property-placeholder location="classpath:database.properties"/>

    <!--
    dbc:半自动化操作,不能自动连接
    c3p0:自动化操作(自动化的加载配置文件,并且可以自动设置到对象中!)
    druid : hikari
    -->
    <!--DataSource:使用Spring的数据源替换Mybatis的配置 c3p0 dbcp druid
    我们这里使用Spring提供的JDBC:org.springframework.jdbc.datasource-->
    <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
        <property name="driverClass" value="${jdbc.driver}"/>
        <property name="jdbcUrl" value="${jdbc.url}"/>
        <property name="user" value="${jdbc.username}"/>
        <property name="password" value="${jdbc.password}"/>

        <!--c3p0连接池的私有属性-->
        <property name="maxPoolSize" value="30"/>
        <property name="minPoolSize" value="10"/>
        <!--关闭连接后不自动commit-->
        <property name="autoCommitOnClose" value="false"/>
        <!--获取连接超时时间-->
        <property name="checkoutTimeout" value="10000"/>
        <!--当获取连接失败重试次数-->
        <property name="acquireRetryAttempts" value="2"/>
    </bean>

    <!--sqlSessionFactory-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource"/>
        <!--绑定Mybatis配置文件-->
        <property name="configLocation" value="classpath:mybatis-config.xml"/>
    </bean>
    

    <!--配置dao接口扫描包,动态的实现了Dao接口可以注入到Spring容器中-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!--注入sqlSessionFactory-->
        <property name="sqlSessionTemplateBeanName" value="sqlSessionFactory"/>
        <!--要扫描的dao包-->
        <property name="basePackage" value="com.cj.dao"/>
    </bean>

</beans>

问题:bean不存在

步骤:

  1. 查看这个bean注入是否成功!
  2. Junit单元测试,看我们的代码是否能够查询出来结果
  3. 问题,一定不在我们的底层,是spring出了问题
  4. SpringMVC,整合的时候没调用到我们的service层的bean
    1. applicationContext.xml 没有注入bean

SpringMVC:Ajax技术

简介

  • AJAX=Asynchronous JavaScript and XML (异步的 JavaScript 和 XML)

  • AJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术

  • AJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术

  • 在2005年,Google通过其Google Suggest 使 AJAX 变得流行起来。Google Suggest 能够自动帮你完成搜索单词

  • Google Suggest 使用 AJAX 创造出动态性极强的web界面:当你在谷歌的搜索框输入关键字时,JavaScript会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表

  • 就和国内百度的搜索框一样

  • 传统的网页(即不用ajax技术的网页),想要更新内容或者提交一个表单,都需要重新加载整个网页

  • 使用ajax技术的网页,通过在后台服务器进行少量的数据交换,就可以实现异步局部更新

  • 使用ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面

伪造Ajax

我们可以使用前端的一个标签来伪造一个ajax的样子,iframe标签

  1. 新建一个module:springmvc-06-ajax,导入web支持
  2. 编写一个ajax-frame.html 使用iframe测试,感受下效果
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe测试体验页面无刷新</title>
    <script>
        function go() {
            var url=document.getElementById("url").value;
            document.getElementById("iframe1").src=url;
        }
    </script>
</head>
<body>
<div>
    <p>请输入地址:</p>
    <p>
        <input type="text" id="url">
        <input type="button" value="提交" onclick="go()">
    </p>
</div>
<div>
    <iframe id="iframe1" style="width: 100%;height: 500px"></iframe>
</div>
</body>
</html>

jQuery.ajax

  • 纯 JS 原生 Ajax我们不去讲解这里,直接使用jquery提供的,方便学习和使用,避免重复造轮子,有兴趣的同学可以去了解 JS 原生XMLHttpRequest !
  • Ajax 的核心是 XMLHttpRequest对象(XHR)。XHR为向服务器发送请求和解析服务器响应提供了接口,能够以异步方式从服务器获取新数据
  • jQuery 提供多个与AJAX 有关的方法
  • 通过 jQuery Ajax 方法,您能够把这些外部数据直接载入网页的被选元素中。
  • jQuery 不是生存者,而是大自然搬运工
  • jQuery Ajax本质就是 XMLHttpRequest,对他进行了封装,方便调用!

image-20220705173413425

SpringMVC:拦截器

概述

SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理。开发者可以自己自定一些拦截器来实现特定的功能

过滤器与拦截器的区别:拦截器是AOP思想的具体应用

过滤器

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

拦截器

  • 拦截器是SpringMVC框架自己的,只有使用了SpringMVC框架的工程才能使用
  • 拦截器只会拦截访问的控制器方法,如果访问的是jsp/html/css/image/js是不会进行拦截的

自定义拦截器

想要自定义拦截器,必须实现 HandlerInterceptor 接口

  1. 新建一个Module,springmvc-07-Interceptor,添加web支持
  2. 配置web.xml 和 springmvc-servlet.xml 文件
  3. 编写一个拦截器

SpringMVC:文件上传和下载

准备工作

文件上传是项目开发中最常见的功能之一,springMVC可以很好的支持文件上传,但是SpringMVC上下文中默认没有装配 MultipartResolver,因此默认情况下其不能处理文件上传工作。如果想使用Spring的文件上传功能,则需要在上下文配置 MultipartResolver

前端表单要求:为了能上传文件,必须将表单的method设置成POST,并将enctype设置为multipart/form-data。只有在这样的情况下,浏览器才会把用户选择的文件以二进制数据发送给服务器

对表单中的enctype属性做个详细的说明

  • multipart/form-data:这种编码方式会以二进制流的方式来处理表单数据,这种编码方式会把文件域指定文件的内容也封装到请求参数中,不会对字符编码。
<form action="" enctype="multipart/form-data" method="post">
  <input type="file" name="file"/>
  <input type="submit">
</form>

文件上传

  1. 导入文件上传到jar包,commons-fileupload,Maven会自动帮我买导入他的依赖包commons-io包;
<dependency>
  <groupId>commons-fileupload</groupId>
  <artifactId>commons-fileupload</artifactId>
  <version>1.3.3</version>
</dependency>
<dependency>
  <groupId>javax.servlet</groupId>
  <artifactId>javax.servlet-api</artifactId>
  <version>4.0.1</version>
</dependency>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值