SpringMVC自学笔记

SpringMVC自学笔记

视频:BV1aE41167Tu

官方文档:https://docs.spring.io/spring-framework/docs/current/reference/html/web.html

文章目录

  • SpringMVC自学笔记
  • 1、回顾MVC
    • 1.1 什么是MVC
    • 1.2 Model1
    • 1.3 Model2
    • 1.4 回顾Servlet
  • 2、SpringMVC
    • 2.1 概述
    • 2.2 中心控制器
    • 2.3 SpringMVC执行原理(重点理解)
    • 2.4 HelloSpringMVC
    • 2.5 使用注解简化开发
  • 3、控制器(Controller)
    • 普通方式使用例
    • 注解方式使用例
    • @RequestMapping
    • RestFul风格
      • 使用例1
      • 使用例2
      • 使用例3
  • 4、数据处理及跳转
    • 4.1 结果跳转方式
      • ModelAndView
      • ServletAPI
      • SpringMVC
    • 4.2 数据处理
      • 提交普通数据
      • 提交对象
      • 数据显示到前端
    • 4.3 乱码问题
      • 乱码例
      • 解决方法
      • 极端情况解决方案
  • 5、JSON(重要)
    • 5.1 概念
    • 5.2 Jackson
      • 准备工作
      • 使用例1
      • 统一解决中文乱码问题
      • 使用例2 时间类型
      • 提取为工具类
    • 5.3 fastjson
      • 使用例
  • 6、SSM整合(重要)
    • 6.1 环境搭建
      • 数据库环境
    • 6.2 Mybatis层
    • 6.3 Spring层
    • 6.4 SpringMVC层
    • 6.5 Controller和视图层
      • 查询书籍
      • 添加书籍
      • 修改书籍
      • 删除书籍
    • 测试
    • 可能遇到的问题
  • 7、Ajax
    • 7.1、模仿ajax功能
    • 7.2 使用ajax
      • 使用例
    • 7.3 springmvc实现
    • 案例:登录验证
    • 案例:获取百度接口
  • 8、拦截器
    • 8.1 自定义拦截器
    • 8.2 验证用户是否登录
      • 思路
  • 9、文件上传和下载
    • 9.1 文件上传
    • 9.2 文件下载

1、回顾MVC

1.1 什么是MVC

MVC:

  • 模型(Model):数据模型,提供要展示的数据,封装数据和行为。现在一般都分离开来:Value Object(数据Dao) 和 服务层(行为Service)。也就是模型提供了模型数据查询和模型数据的状态更新等功能,包括数据和业务。
  • 视图(View):前端展示给用户的部分。
  • 控制器(Controller):接收视图(前端)请求,委托给模型进行处理。处理完毕后返还视图重新展示。

是一种软件涉及规范,是将业务逻辑、数据、显示分离的方法来组织代码。

MVC主要作用是降低了视图与业务逻辑间的双向偶合

MVC不是一种设计模式,MVC是一种架构模式。不同的MVC存在差异。

SpringMVC自学笔记_第1张图片

1.2 Model1

  • 在web早期的开发中,通常采用的都是Model1。
  • Model1中,主要分为两层,视图层和模型层。

SpringMVC自学笔记_第2张图片

Model1优点:架构简单,比较适合小型项目开发;

Model1缺点:JSP职责不单一,职责过重,不便于维护;

1.3 Model2

Model2把一个项目分成三部分,包括视图、控制、模型。

SpringMVC自学笔记_第3张图片

  1. 用户发请求
  2. Servlet接收请求数据,并调用对应的业务逻辑方法
  3. 业务处理完毕,返回更新后的数据给servlet
  4. servlet转向到JSP,由JSP来渲染页面
  5. 响应给前端更新后的页面

M、V、C各自的职责

Controller:控制器

  1. 取得表单数据
  2. 调用业务逻辑
  3. 转向指定的页面

Model:模型

  1. 业务逻辑
  2. 保存数据的状态

View:视图

  1. 显示页面

Model2提高了代码的复用率与项目的扩展性,且大大降低了项目的维护成本
Model 1模式的实现比较简单,适用于快速开发小规模项目,Model1中JSP页面身兼View和Controller两种角色,将控制逻辑和表现逻辑混杂在一起,从而导致代码的重用性非常低,增加了应用的扩展性和维护的难度。
Model2消除了Model1的缺点。

1.4 回顾Servlet

SpringMVC自学笔记_第4张图片

  1. 新建一个maven父工程,导入依赖

    <dependencies>
        <dependency>
            <groupId>junitgroupId>
            <artifactId>junitartifactId>
            <version>4.12version>
        dependency>
        <dependency>
            <groupId>org.springframeworkgroupId>
            <artifactId>spring-webmvcartifactId>
            <version>5.1.9.RELEASEversion>
        dependency>
        <dependency>
            <groupId>javax.servletgroupId>
            <artifactId>servlet-apiartifactId>
            <version>2.5version>
        dependency>
        <dependency>
            <groupId>javax.servlet.jspgroupId>
            <artifactId>jsp-apiartifactId>
            <version>2.2version>
        dependency>
        <dependency>
            <groupId>javax.servletgroupId>
            <artifactId>jstlartifactId>
            <version>1.2version>
        dependency>
    dependencies>
    
  2. 建立一个moudle,添加web-app支持

  3. 导入servlet和jsp和jar依赖

    <dependency>
        <groupId>javax.servletgroupId>
        <artifactId>servlet-apiartifactId>
        <version>2.5version>
    dependency>
    <dependency>
        <groupId>javax.servlet.jspgroupId>
        <artifactId>jsp-apiartifactId>
        <version>2.2version>
    dependency>
    
  4. 编写一个Servlet类,用来处理用户的请求

    public class HelloServlet extends HttpServlet {
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            //1.获取参数
            String method=req.getParameter("method");
            if(method.equals("add")){
                req.getSession().setAttribute("msg","执行了add方法");
            }
            if(method.equals("delete")){
                req.getSession().setAttribute("msg","执行了delete方法");
            }
            //2.业务逻辑
            //3.视图跳转
            req.getRequestDispatcher("/WEB-INF/jsp/test.jsp").forward(req,resp);
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            doGet(req, resp);
        }
    }
    
  5. 编写Hello.jsp,在WEB-INF目录下新建一个jsp的文件夹,新建hello.jsp

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
    
        Title
    
    
    
    ${msg}
    
    
    
    
  6. 在web.xml中注册Servlet

    <servlet>
        <servlet-name>helloservlet-name>
        <servlet-class>com.infnite.servlet.HelloServletservlet-class>
    servlet>
    <servlet-mapping>
        <servlet-name>helloservlet-name>
        <url-pattern>/hellourl-pattern>
    servlet-mapping>
    
  7. 配置tomcat并测试

    • localhost:8080/user?method=add
    • localhost:8080/user?method=delete

MVC框架做了什么事:

  1. 将url映射到java类或java方法
  2. 封装用户提交的数据
  3. 处理请求,调用相关的业务处理,封装响应数据
  4. 将响应的数据进行渲染,如jsp、html等表示层的数据

2、SpringMVC

2.1 概述

Spring MVC是Spring Framework的一部分,是基于Java实现MVC的轻量级Web框架。

为什么要学习SpringMVC?

Spring MVC的特点:

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

2.2 中心控制器

Spring的web框架围绕DispatcherServlet设计。DispatcherServlet的作用是将请求分发到不同的处理器。从Spring 2.5开始,使用Java 5或者以上版本的用户可以采用基于注解的controller声明方式。

Spring MVC框架像许多其他MVC框架一样, 以请求为驱动 , 围绕一个中心Servlet分派请求及提供其他功能,DispatcherServlet是一个实际的Servlet (它继承自HttpServlet 基类)。

SpringMVC自学笔记_第5张图片

SpringMVC原理图示

当发起请求时被前置的控制器拦截到请求,根据请求参数生成代理请求,找到请求对应的实际控制器,控制器处理请求,创建数据模型,访问数据库,将模型响应给中心控制器,控制器使用模型与视图渲染视图结果,将结果返回给中心控制器,再将结果返回给请求者。

SpringMVC自学笔记_第6张图片

2.3 SpringMVC执行原理(重点理解)

SpringMVC自学笔记_第7张图片

流程

  1. DispatcherServlet表示前置控制器,是整个SpringMVC的控制中心。用户发出请求,DispatcherServlet接收请求并拦截请求。
    假设 url:http://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. 最终视图呈现给用户。

2.4 HelloSpringMVC

SpringMVC自学笔记_第8张图片

  1. 新建moudle,添加web支持

  2. 确定导入了SpringMVC依赖

    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-webmvcartifactId>
        <version>5.1.9.RELEASEversion>
    dependency>
    
  3. 配置web.xml,注册DispatcherServlet

    web.xml 这一部分完成后,web.xml以后就不用再动了

    
    <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">
    
        
        <servlet>
            <servlet-name>springmvcservlet-name>
            <servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>
            
            <init-param>
                <param-name>contextConfigLocationparam-name>
                <param-value>classpath:springmvc-servlet.xmlparam-value>
            init-param>
            
            <load-on-startup>1load-on-startup>
        servlet>
    
    
        
        
        <servlet-mapping>
            <servlet-name>springmvcservlet-name>
            <url-pattern>/url-pattern>
        servlet-mapping>
    
    web-app>
    
  4. 编写SpringMVC的配置文件

    springmvc-servlet.xml

    
    <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>
    
  5. 在SpringMVC配置文件中添加处理映射器、处理适配器、视图解析器

    
    <bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping"/>
    
    <bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter"/>
    
    
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="InternalResourceViewResolver">
        
        <property name="prefix" value="/WEB-INF/jsp/"/>
        
        <property name="suffix" value=".jsp"/>
    bean>
    
  6. 编写我们要操作业务Controller ,要么实现Controller接口,要么增加注解;需要返回一个ModelAndView,装数据,封视图

    HelloController

    public class HelloController implements Controller {
        public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {
            //ModelAndView 模型和视图
            ModelAndView mv = new ModelAndView();
    
            //封装对象,放在ModelAndView中。Model
            mv.addObject("msg","HelloSpringMVC!");
            //封装要跳转的视图,放在ModelAndView中
            mv.setViewName("hello"); //: /WEB-INF/jsp/hello.jsp
            return mv;
        }
    }
    
  7. 将自己写的类交给SpringIOC容器,注册bean

    
    
    <bean id="/hello" class="com.infinite.controller.HelloController"/>
    
  8. 写要跳转的jsp页面,显示ModelandView存放的数据,以及我们的正常页面

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
        
            Kuangshen
        
        
            ${msg}
        
    
    
  9. 配置tomcat测试

SpringMVC自学笔记_第9张图片

可能遇到的问题:404

  1. 查看控制台输出,看一下是不是缺少了什么jar包。
  2. 如果jar包存在,显示无法输出,就在IDEA的项目发布中,添加lib依赖!
  3. 重启Tomcat 即可解决!

2.5 使用注解简化开发

总目录与2.4差不多

  1. 新建moudle,添加web支持

  2. 完善maven配置,避免资源过滤问题

    pom.xml

    <build>
       <resources>
           <resource>
               <directory>src/main/javadirectory>
               <includes>
                   <include>**/*.propertiesinclude>
                   <include>**/*.xmlinclude>
               includes>
               <filtering>falsefiltering>
           resource>
           <resource>
               <directory>src/main/resourcesdirectory>
               <includes>
                   <include>**/*.propertiesinclude>
                   <include>**/*.xmlinclude>
               includes>
               <filtering>falsefiltering>
           resource>
       resources>
    build>
    
  3. 引入相关依赖(父工程已导入)

  4. 配置web.xml

    
    <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">
        
        <servlet>
            <servlet-name>springmvcservlet-name>
            <servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>
            
            <init-param>
                <param-name>contextConfigLocationparam-name>
                <param-value>classpath:springmvc-servlet.xmlparam-value>
            init-param>
            
            <load-on-startup>1load-on-startup>
        servlet>
    
    
        
        
        <servlet-mapping>
            <servlet-name>springmvcservlet-name>
            <url-pattern>/url-pattern>
        servlet-mapping>
    
    
    web-app>
    

    /不会匹配.jsp.jsp不会进入spring的DispatcherServlet类。/*会匹配*.jsp,会出现返回jsp视图时,再次进入spring的DispatcherServlet类,导致找不到对应的controller而报404。

    • 注意web.xml版本问题,要最新版!
    • 注册DispatcherServlet
    • 关联SpringMVC的配置文件
    • 启动级别为1
    • 映射路径为 / 【不要用/*,会404】
  5. 添加SpringMVC配置文件

    springmvc-servlet.xml

    
    <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
           http://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">
    
    
        
        <context:component-scan base-package="com.infinite.controller"/>
        
        <mvc:default-servlet-handler />
    
        
        <mvc:annotation-driven />
    
    
        
        <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/目录下,这个目录客户端无法直接访问,可以保证视图安全。

    • 让IOC的注解生效
    • 静态资源过滤 :HTML . JS . CSS . 图片 , 视频 …
    • MVC的注解驱动
    • 配置视图解析器
  6. 创建Controller

    com.infinite.controller.HelloController

    //这个注解实现自动配置bean标签
    @Controller
    public class HelloController {
    
        //这个注解代表真实访问路径localhost:8080/hello
        //类上也可以加这个注解,且类上的路径优先级更高
        @RequestMapping("/hello")
        public String hello(Model model){
            //封装数据
            model.addAttribute("msg","Hello,SpringMVC!");
            return "hello";  //返回值会交给视图解析器处理
        }
    }
    
    • @Controller是为了让Spring IOC容器初始化时自动扫描到

    • @RequestMapping是为了映射请求路径,这里因为类与方法上都有映射所以访问时应该是/hello。假如类上写了一个注解@RequestMapping("/xxxx"),那么真实访问路径变为/xxxx/hello

    • 方法中声明Model类型的参数是为了把Action中的数据带到视图中

    • 方法返回的结果是视图的名称hello,加上配置文件中的前后缀变成WEB-INF/jsp/hello.jsp

  7. 创建视图层

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
    
       SpringMVC
    
    
    ${msg}
    
    
    
  8. 配置tomcat测试

SpringMVC自学笔记_第10张图片

小结

  1. 新建一个web项目
  2. 导入相关jar包
  3. 编写web.xml , 注册DispatcherServlet
  4. 编写springmvc配置文件
  5. 接下来就是去创建对应的控制类 , controller
  6. 最后完善前端视图和controller之间的对应
  7. 测试运行调试.

使用springMVC必须配置的三大件:处理器映射器、处理器适配器、视图解析器

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

3、控制器(Controller)

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

Controller接口

//实现该接口的类获得控制器功能
public interface Controller {
    //处理请求且返回一个模型与视图对象
    ModelAndView handleRequest(HttpServletRequest var1, HttpServletResponse var2) throws Exception;
}

普通方式使用例

  1. 新建moudle。整体目录和2.4相同

  2. springmvc-servlet.xml中只留下视图解析器

  3. 编写一个Controller实现类

    //定义控制器
    //注意点:不要导错包,实现Controller接口,重写方法;
    public class ControllerTest1 implements Controller {
        public ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
            //返回一个模型视图对象
            ModelAndView mv = new ModelAndView();
            mv.addObject("msg","Test1Controller");
            //设置视图页,前端会反馈test.jsp
            mv.setViewName("test");
            return mv;
        }
    }
    
  4. 注册请求的bean。name对应请求路径,class对应处理请求的类

    //注意是name而不是id
    <bean name="/t1" class="com.infinite.controller.ControllerTest1"/>
    
  5. 编写前端/WEB-INF/jsp/test.jsp,对应配置中的视图解析器

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
        
            Title
        
        
            ${msg}
        
    
    
  6. 配置tomcat测试

SpringMVC自学笔记_第11张图片

说明:

  • 实现接口Controller定义控制器是较老的办法
  • 缺点是:一个控制器中只有一个方法,如果要多个方法则需要定义多个Controller;定义的方式比较麻烦;

注解方式使用例

@Controller注解类型用于声明Spring类的实例是一个控制器(在讲IOC时还提到了另外3个注解)。

Spring可以使用扫描机制来找到应用程序中所有基于注解的控制器类,为了保证Spring能找到你的控制器,需要在配置文件中声明组件扫描。

springmvc-servlet.xml 中添加相关标签


<context:component-scan base-package="com.kuang.controller"/>

com.infinite.controller.ControllerTest2

@Controller   //代表这个类会被spring接管。
//被注解的类中的所有方法,如果返回值是String,并且有具体页面可以跳转,那么就会被视图解析器解析
public class ControllerTest2 {
    @RequestMapping("/t2")
    public String test(Model model){
        model.addAttribute("msg","ControllerTest2");
        return "test";   //寻找  /WEN-INF/test.jsp
    }
}

其他部分不需要改动。

tomcat测试

SpringMVC自学笔记_第12张图片

可以发现,我们的两个请求都可以指向一个视图,但是页面结果的结果是不一样的,从这里可以看出视图是被复用的,而控制器与视图之间是弱偶合关系。

可以参考博客平台,每个用户页面的具体内容虽然不同,但是页面整体的框架都是一样的,这样就可以提取出一个框架页面,通过请求填充具体内容,从而实现页面复用

@RequestMapping

@RequestMapping注解用于映射url到控制器类或一个特定的处理程序方法。可用于类或方法上。用于类上,表示类中的所有响应请求的方法都是以该地址作为父路径。

使用例

@Controller
@RequestMapping("/admin")
public class TestController {
    @RequestMapping("/h1")
    public String test(){
        return "test";
    }
}

访问路径:http://localhost:8080/项目名/admin/h1。先找类的路径,再找方法的路径

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

  1. 新建一个类RestfulController

    @Controller
    public class RestfulController {
    }
    
  2. 在SpringMVC中使用@PathVariable注解,让方法参数的值对应绑定到一个URI模板变量上。

    @Controller
    public class RestfulController {
        @RequestMapping("/commit/{p1}/{p2}")
        public String index(@PathVariable String p1,@PathVariable int p2, Model model){
            //int ans=p1*p2;
            model.addAttribute("msg",p1+p2);
            return "test";
        }
    }
    
  3. 测试
    这里的7和3被当作变量传入

SpringMVC自学笔记_第13张图片

使用路径变量的好处?

  • 使路径变得更加简洁;
  • 获得参数更加方便,框架会自动进行类型转换。
  • 通过路径变量的类型可以约束访问参数,如果类型不一样,则访问不到对应的请求方法,如这里访问是的路径是/commit/1/a,则路径与方法不匹配,而不会是参数转换失败。
  • 假如用原来的路径请求写法,应该为/commit/a=7&b=3,这种情况下变量名容易泄露

使用例2

@Controller
public class RestfulController {
    @RequestMapping("/commit/{p1}/{p2}")
    public String index(@PathVariable String p1,@PathVariable int p2, Model model){
        model.addAttribute("msg",p1+p2);
        return "test";
    }
}

SpringMVC自学笔记_第14张图片

使用例3

使用method属性指定请求类型

用于约束请求的类型,可以收窄请求范围。指定请求谓词的类型如GET, POST, HEAD, OPTIONS, PUT, PATCH, DELETE, TRACE等

@RequestMapping(value="/hello",method = {RequestMethod.GET})
public String index2(Model model){
    model.addAttribute("msg","hello,index2");
    return "test";
}

SpringMVC自学笔记_第15张图片

假如method设置为RequestMethod.POST,会报405错误

SpringMVC自学笔记_第16张图片

小结:

Spring MVC 的 @RequestMapping 注解能够处理 HTTP 请求的方法, 比如 GET, PUT, POST, DELETE 以及 PATCH。

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

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

  • @GetMapping

  • @PostMapping

  • @PutMapping

  • @DeleteMapping

  • @PatchMapping

    @GetMapping 是一个组合注解,平时使用的会比较多

它所扮演的是 @RequestMapping(method =RequestMethod.GET) 的一个快捷方式。

4、数据处理及跳转

4.1 结果跳转方式

ModelAndView

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

页面 : {视图解析器前缀} + viewName +{视图解析器后缀}


<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"
      id="internalResourceViewResolver">
    
    <property name="prefix" value="/WEB-INF/jsp/" />
    
    <property name="suffix" value=".jsp" />
bean>

ControllerTest1

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

ServletAPI

通过设置ServletAPI , 不需要视图解析器 ,(可以注释掉前面的解析器部分)

通过HttpServletResponse进行输出、实现重定向、实现转发

@Controller
public class ResultGo {

    // 普通输出
    @RequestMapping("/result/t1")
    public void test1(HttpServletRequest req, HttpServletResponse rsp) throws IOException {
        rsp.getWriter().println("Hello,Spring BY servlet API");
    }

    //重定向
    @RequestMapping("/result/t2")
    public void test2(HttpServletRequest req, HttpServletResponse rsp) throws IOException {
        rsp.sendRedirect("/index.jsp");
    }
    
    @RequestMapping("/result/t3")
    public void test3(HttpServletRequest req, HttpServletResponse rsp) throws Exception {
        //转发
        req.setAttribute("msg","/result/t3");
        req.getRequestDispatcher("/WEB-INF/jsp/test.jsp").forward(req,rsp);
    }
}

SpringMVC

通过SpringMVC来实现转发和重定向 - 无需视图解析器(可以注释掉前面的解析器部分)

@Controller
public class ResultSpringMVC {
    @RequestMapping("/rsm/t1")
    public String test1(){
        //转发
        return "/index.jsp";
    }
 
    @RequestMapping("/rsm/t2")
    public String test2(){
        //转发二
        return "forward:/index.jsp";
    }
 
    @RequestMapping("/rsm/t3")
    public String test3(){
        //重定向
        return "redirect:/index.jsp";
    }
}

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

重定向 , 不需要视图解析器 , 本质就是重新请求一个新地方 , 所以注意路径问题.可以重定向到另外一个请求实现 .

@Controller
public class ResultSpringMVC2 {
    @RequestMapping("/rsm2/t1")
    public String test1(){
        //转发
        return "test";
    }
 
    @RequestMapping("/rsm2/t2")
    public String test2(){
        //重定向
        return "redirect:/index.jsp";
        //return "redirect:hello.do"; //hello.do为另一个请求/
    }
}

SpringMVC自学笔记_第17张图片

4.2 数据处理

提交普通数据

@Controller
@RequestMapping("/user")
public class UserController {
    //localhost:8080/user/t1 ? username=xxx
    @GetMapping("/t1")
    public String test1(@RequestParam("username") String name, Model model){
        //1.接收前端参数
        System.out.println("接收到的前端参数为:"+name);
        //2.将处理的结果返回给前端
        model.addAttribute("msg",name);
        //3.视图跳转
        return "test";
    }
}

提交的域名称和 处理方法的传入参数名 一致

SpringMVC自学笔记_第18张图片

提交对象

User

@Data
@AllArgsConstructor
@NoArgsConstructor
public class User {
    private int id;
    private String name;
    private int age;
}

UserController

@Controller
@RequestMapping("/user")
public class UserController {
	//前端接收一个对象:id,name,age
    @GetMapping("/t2")
    public String test2(User user,Model model){
        //System.out.println(user.toString());
        model.addAttribute("msg",user.toString());
        return "test";
    }
}

SpringMVC自学笔记_第19张图片

数据显示到前端

方法一:ModelAndView

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

方法二:ModelMap

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

方法三:Model

@RequestMapping("/hello")
public String hello(@RequestParam("username") String name, Model model){
    //封装要显示到视图中的数据
    //相当于req.setAttribute("name",name);
    model.addAttribute("msg",name);
    System.out.println(name);
    return "test";
}
  • ModelMap继承了LinkedMap,除了实现了自身的一些方法,还继承了LinkedMap的方法和特性
  • ModelAndView可以在储存数据的同时,可以进行设置返回的逻辑视图,进行控制展示层的跳转
  • Model只实现了少量方法,知识和数据存储,易操作

4.3 乱码问题

乱码例

写一个前端表单



<form action="/e/t1" method="post">
  <input type="text" name="name">
  <input type="submit">
form>

写一个后台控制器类

@Controller
public class EncodingController {
    @PostMapping("/e/t1")
    public String test1(String name, Model model){
        model.addAttribute("msg",name);
        return "test";
    }
}

测试

SpringMVC自学笔记_第20张图片

解决方法

SpringMVC给提供了一个过滤器 , 可以在web.xml中配置

web.xml

<filter>
    <filter-name>encodingfilter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilterfilter-class>
    <init-param>
        <param-name>encodingparam-name>
        <param-value>utf-8param-value>
    init-param>
filter>
<filter-mapping>
    <filter-name>encodingfilter-name>
    <url-pattern>/*url-pattern>
filter-mapping>

重启测试

SpringMVC自学笔记_第21张图片

极端情况解决方案

有些情况下,springmvc的过滤器可能处理不了get。

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

    <Connector URIEncoding="utf-8" port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" />
    
  2. 自定义过滤器(网上已经完善的版本)

    package com.kuang.filter;
     
    import javax.servlet.*;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletRequestWrapper;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    import java.io.UnsupportedEncodingException;
    import java.util.Map;
     
    /**
     * 解决get和post请求 全部乱码的过滤器
     */
    public class GenericEncodingFilter implements Filter {
     
        @Override
        public void destroy() {
        }
     
        @Override
        public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
            //处理response的字符编码
            HttpServletResponse myResponse=(HttpServletResponse) response;
            myResponse.setContentType("text/html;charset=UTF-8");
     
            // 转型为与协议相关对象
            HttpServletRequest httpServletRequest = (HttpServletRequest) request;
            // 对request包装增强
            HttpServletRequest myrequest = new MyRequest(httpServletRequest);
            chain.doFilter(myrequest, response);
        }
     
        @Override
        public void init(FilterConfig filterConfig) throws ServletException {
        }
     
    }
     
    //自定义request对象,HttpServletRequest的包装类
    class MyRequest extends HttpServletRequestWrapper {
     
        private HttpServletRequest request;
        //是否编码的标记
        private boolean hasEncode;
        //定义一个可以传入HttpServletRequest对象的构造函数,以便对其进行装饰
        public MyRequest(HttpServletRequest request) {
            super(request);// super必须写
            this.request = request;
        }
     
        // 对需要增强方法 进行覆盖
        @Override
        public Map getParameterMap() {
            // 先获得请求方式
            String method = request.getMethod();
            if (method.equalsIgnoreCase("post")) {
                // post请求
                try {
                    // 处理post乱码
                    request.setCharacterEncoding("utf-8");
                    return request.getParameterMap();
                } catch (UnsupportedEncodingException e) {
                    e.printStackTrace();
                }
            } else if (method.equalsIgnoreCase("get")) {
                // get请求
                Map<String, String[]> parameterMap = request.getParameterMap();
                if (!hasEncode) { // 确保get手动编码逻辑只运行一次
                    for (String parameterName : parameterMap.keySet()) {
                        String[] values = parameterMap.get(parameterName);
                        if (values != null) {
                            for (int i = 0; i < values.length; i++) {
                                try {
                                    // 处理get乱码
                                    values[i] = new String(values[i]
                                            .getBytes("ISO-8859-1"), "utf-8");
                                } catch (UnsupportedEncodingException e) {
                                    e.printStackTrace();
                                }
                            }
                        }
                    }
                    hasEncode = true;
                }
                return parameterMap;
            }
            return super.getParameterMap();
        }
     
        //取一个值
        @Override
        public String getParameter(String name) {
            Map<String, String[]> parameterMap = getParameterMap();
            String[] values = parameterMap.get(name);
            if (values == null) {
                return null;
            }
            return values[0]; // 取回参数的第一个值
        }
     
        //取所有值
        @Override
        public String[] getParameterValues(String name) {
            Map<String, String[]> parameterMap = getParameterMap();
            String[] values = parameterMap.get(name);
            return values;
        }
    }
    
  3. web.xml上注册过滤器

5、JSON(重要)

5.1 概念

前后端分离:

  • 后端部署,提供接口、数据
  • 前端独立部署,负责渲染后端的数据

关于JSON

  • JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式,目前使用特别广泛。

  • 采用完全独立于编程语言的文本格式来存储和表示数据。

  • 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。

  • 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

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

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

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

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

js对象和json的区别

json本质上还是一串文本,需要解析后成为对象

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

json字符串转为js对象

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

js对象转为json字符串

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

5.2 Jackson

准备工作

依赖


<dependency>
    <groupId>com.fasterxml.jackson.coregroupId>
    <artifactId>jackson-databindartifactId>
    <version>2.9.8version>
dependency>

web.xml


<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">

    
    <servlet>
        <servlet-name>SpringMVCservlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>
        
        <init-param>
            <param-name>contextConfigLocationparam-name>
            <param-value>classpath:springmvc-servlet.xmlparam-value>
        init-param>
        
        <load-on-startup>1load-on-startup>
    servlet>
    
    <servlet-mapping>
        <servlet-name>SpringMVCservlet-name>
        <url-pattern>/url-pattern>
    servlet-mapping>
    <filter>
        <filter-name>encodingfilter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilterfilter-class>
        <init-param>
            <param-name>encodingparam-name>
            <param-value>utf-8param-value>
        init-param>
    filter>
    <filter-mapping>
        <filter-name>encodingfilter-name>
        <url-pattern>/url-pattern>
    filter-mapping>
web-app>

springmvc-servlet.xml


<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
        http://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">
 
    
    <context:component-scan base-package="com.infinite.controller"/>
 
    
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"
          id="internalResourceViewResolver">
        
        <property name="prefix" value="/WEB-INF/jsp/" />
        
        <property name="suffix" value=".jsp" />
    bean>
beans>

使用例1

User实体类

@Data
@AllArgsConstructor
@NoArgsConstructor
public class User {
 
    private String name;
    private int age;
    private String sex;
    
}

UserController

这里会用到注解@ResponseBody和一个ObjectMapper对象

@Controller
public class UserController {

    // produces设置编码格式,防止中文乱码
    @RequestMapping(value="/json1",produces = "application/json;charset=utf-8")
    @ResponseBody  //这个注解说明方法不会走视图解析器,会直接返回一个字符串
    public String json() throws JsonProcessingException {
        //创建一个jackon的对象映射器,用来解析数据
        ObjectMapper mapper = new ObjectMapper();
        //创建一个对象
        User user = new User("张三", 1, "male");
        //将对象解析为json格式
        String str = mapper.writeValueAsString(user);
        //因为@ResponseBody注解,这里会将str转成json格式返回
        return str;
    }
}

SpringMVC自学笔记_第22张图片

统一解决中文乱码问题

可以在springmvc的配置文件上添加一段消息StringHttpMessageConverter转换配置

springmvc-servlet.xml

<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>

这样userController可以不用设置@RequestMapping的produce属性

@Controller
public class UserController {
    // produces现在可以省略
    @RequestMapping("/json1")
    @ResponseBody
    public String json() throws JsonProcessingException {
        ObjectMapper mapper = new ObjectMapper();
        User user = new User("张三", 1, "male");
        String str = mapper.writeValueAsString(user);
        return str;
    }
}

SpringMVC自学笔记_第23张图片

使用例2 时间类型

这里将@ResponseBody提升到了类上,这样这个类下的所有方法都会默认使用@ResponseBody

@RequestMapping("/json2")
public String json2() throws JsonProcessingException {
    ObjectMapper mapper = new ObjectMapper();
    Date date = new Date();
    //将对象解析成为json格式
    String str = mapper.writeValueAsString(date);
    return str;
}

SpringMVC自学笔记_第24张图片

  • 默认日期格式会变成一个数字,是1970年1月1日到当前日期的毫秒数
  • Jackson 默认是会把时间转成timestamps形式

取消时间戳格式

@RequestMapping("/json3")
public String json3() throws JsonProcessingException{
    ObjectMapper mapper = new ObjectMapper();
    //不使用时间戳的方式
    mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);
    //自定义日期格式对象,比如"yyyy-MM-dd HH:mm:ss"。这里使用默认格式
    SimpleDateFormat sdf = new SimpleDateFormat();
    //指定日期格式
    mapper.setDateFormat(sdf);
    Date date = new Date();
    String str=mapper.writeValueAsString(date);
    return str;
}

SpringMVC自学笔记_第25张图片

提取为工具类

将常用的操作封装到一个对象中,以实现代码复用

public class JsonUtils {
    
    public static String getJson(Object object) {
        return getJson(object,"yyyy-MM-dd HH:mm:ss");
    }
 
    public static String getJson(Object object,String dateFormat) {
        ObjectMapper mapper = new ObjectMapper();
        //不使用时间差的方式
        mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);
        //自定义日期格式对象
        SimpleDateFormat sdf = new SimpleDateFormat(dateFormat);
        //指定日期格式
        mapper.setDateFormat(sdf);
        try {
            return mapper.writeValueAsString(object);
        } catch (JsonProcessingException e) {
            e.printStackTrace();
        }
        return null;
    }
}

这样原本的方法可以简化为

@RequestMapping("/json5")
public String json5() throws JsonProcessingException {
    Date date = new Date();
    String json = JsonUtils.getJson(date);
    return json;
}

5.3 fastjson

依赖

<dependency>
    <groupId>com.alibabagroupId>
    <artifactId>fastjsonartifactId>
    <version>1.2.60version>
dependency>

fastjson 三个主要的类:

JSONObject:json 对象

  • JSONObject实现了Map接口, 猜想 JSONObject底层操作是由Map实现的。
  • JSONObject对应json对象,通过各种形式的get()方法可以获取json对象中的数据,也可利用诸如size(),isEmpty()等方法获取"键:值"对的个数和判断是否为空。其本质是通过实现Map接口并调用接口中的方法完成的

JSONArray:json 对象数组

  • 内部实现了List接口

JSONJSONObjectJSONArray的转化

  • JSON类源码分析与使用
  • 仔细观察这些方法,主要是实现json对象,json对象数组,javabean对象,json字符串之间的相互转化。

使用例

public class FastJsonDemo {
    public static void main(String[] args) {
        //创建一个对象
        User user1 = new User("alice", 3, "女");
        User user2 = new User("bob", 3, "男");
        User user3 = new User("john", 3, "男");
        User user4 = new User("aimer", 3, "女");
        List<User> list = new ArrayList<User>();
        list.add(user1);
        list.add(user2);
        list.add(user3);
        list.add(user4);
 
        System.out.println("*******Java对象 转 JSON字符串*******");
        String str1 = JSON.toJSONString(list);
        System.out.println("JSON.toJSONString(list)==>"+str1);
        String str2 = JSON.toJSONString(user1);
        System.out.println("JSON.toJSONString(user1)==>"+str2);
 
        System.out.println("\n****** JSON字符串 转 Java对象*******");
        User jp_user1=JSON.parseObject(str2,User.class);
        System.out.println("JSON.parseObject(str2,User.class)==>"+jp_user1);
 
        System.out.println("\n****** Java对象 转 JSON对象 ******");
        JSONObject jsonObject1 = (JSONObject) JSON.toJSON(user2);
        System.out.println("(JSONObject) JSON.toJSON(user2)==>"+jsonObject1.getString("name"));
 
        System.out.println("\n****** JSON对象 转 Java对象 ******");
        User to_java_user = JSON.toJavaObject(jsonObject1, User.class);
        System.out.println("JSON.toJavaObject(jsonObject1, User.class)==>"+to_java_user);
    }
}

SpringMVC自学笔记_第26张图片

6、SSM整合(重要)

环境:

  • IDEA
  • MySQL
  • Tomcat
  • Maven

6.1 环境搭建

数据库环境

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项目,添加web支持

  2. 添加必要的依赖

    <dependencies>
        
        <dependency>
            <groupId>junitgroupId>
            <artifactId>junitartifactId>
            <version>4.12version>
        dependency>
        
        <dependency>
            <groupId>mysqlgroupId>
            <artifactId>mysql-connector-javaartifactId>
            <version>5.1.47version>
        dependency>
        
        <dependency>
            <groupId>com.mchangegroupId>
            <artifactId>c3p0artifactId>
            <version>0.9.5.2version>
        dependency>
     
        
        <dependency>
            <groupId>javax.servletgroupId>
            <artifactId>servlet-apiartifactId>
            <version>2.5version>
        dependency>
        <dependency>
            <groupId>javax.servlet.jspgroupId>
            <artifactId>jsp-apiartifactId>
            <version>2.2version>
        dependency>
        <dependency>
            <groupId>javax.servletgroupId>
            <artifactId>jstlartifactId>
            <version>1.2version>
        dependency>
     
        
        <dependency>
            <groupId>org.mybatisgroupId>
            <artifactId>mybatisartifactId>
            <version>3.5.2version>
        dependency>
        <dependency>
            <groupId>org.mybatisgroupId>
            <artifactId>mybatis-springartifactId>
            <version>2.0.2version>
        dependency>
     
        
        <dependency>
            <groupId>org.springframeworkgroupId>
            <artifactId>spring-webmvcartifactId>
            <version>5.1.9.RELEASEversion>
        dependency>
        <dependency>
            <groupId>org.springframeworkgroupId>
            <artifactId>spring-jdbcartifactId>
            <version>5.1.9.RELEASEversion>
        dependency>
    dependencies>
    
  3. maven资源过滤设置

  4. 建立基本结构和配置框架
    SpringMVC自学笔记_第27张图片

    mybatis-config.xml

    
    DOCTYPE configuration
            PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
            "http://mybatis.org/dtd/mybatis-3-config.dtd">
    <configuration>
     
    configuration>
    

    applicationContext.xml

    
    <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>
    

6.2 Mybatis层

  1. 添加数据库配置文件/resources/database.properties

    jdbc.driver=com.mysql.jdbc.Driver
    # mysql8.0+需要设置时区
    jdbc.url=jdbc:mysql://localhost:3306/ssmbuild?useSSL=true&useUnicode=true&characterEncoding=utf8
    jdbc.username=账号
    jdbc.password=密码
    
  2. IDEA关联数据库

  3. 编写Mybatis核心配置文件

    
    DOCTYPE configuration
            PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
            "http://mybatis.org/dtd/mybatis-3-config.dtd">
    <configuration>
        
        <typeAliases>
            <package name="com.infinite.pojo"/>
        typeAliases>
        
        
        <mappers>
            <mapper resource="com/infinite/mapper/BookMapper.xml"/>
        mappers>
     
    configuration>
    
  4. 编写实体类

    pojo.Books

    @Data
    @AllArgsConstructor
    @NoArgsConstructor
    public class Books {
        private int bookID;
        private String bookName;
        private int bookCounts;
        private String detail;
    }
    
  5. 编写Mapper层的Mapper接口

    mapper.BookMapper

    package com.kuang.dao;
     
    import com.kuang.pojo.Books;
    import java.util.List;
     
    public interface BookMapper {
     
        //增加一个Book
        int addBook(Books book);
     
        //根据id删除一个Book
        int deleteBookById(int id);
     
        //更新Book
        int updateBook(Books books);
     
        //根据id查询,返回一个Book
        Books queryBookById(int id);
     
        //查询全部Book,返回list集合
        List<Books> queryAllBook();
     
    }
    
  6. 编写接口对应的mapper.xml文件。(需要导入Mybatis的包)

    mapper.BookMapper.xml

    
    DOCTYPE mapper
            PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
            "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
     
    <mapper namespace="com.infinite.mapper.BookMapper">
     
        
        <insert id="addBook" parameterType="Books">
            insert into ssmbuild.books(bookName,bookCounts,detail)
            values (#{bookName}, #{bookCounts}, #{detail})
        insert>
     
        
        <delete id="deleteBookById" parameterType="int">
            delete from ssmbuild.books where bookID=#{bookID}
        delete>
     
        
        <update id="updateBook" parameterType="Books">
            update ssmbuild.books
            set bookName = #{bookName},bookCounts = #{bookCounts},detail = #{detail}
            where bookID = #{bookID}
        update>
     
        
        <select id="queryBookById" resultType="Books">
            select * from ssmbuild.books
            where bookID = #{bookID}
        select>
     
        
        <select id="queryAllBook" resultType="Books">
            SELECT * from ssmbuild.books
        select>
     
    mapper>
    
  7. 编写Service层的接口和实现类

    service.BookService

    //BookService:底层通过调用mapper层实现
    public interface BookService {
        //增加一个Book
        int addBook(Books book);
        //根据id删除一个Book
        int deleteBookById(int id);
        //更新Book
        int updateBook(Books books);
        //根据id查询,返回一个Book
        Books queryBookById(int id);
        //查询全部Book,返回list集合
        List<Books> queryAllBook();
    }
    

    service.BookServiceImpl

public class BookServiceImpl implements BookService{
    //调用dao层的操作,设置一个set接口,方便Spring管理
    private BookMapper bookMapper;
    public void setBookMapper(BookMapper bookMapper) {
        this.bookMapper = bookMapper;
    }

    
    public int addBook(Books book) {
        return bookMapper.addBook(book);
    }

    public int deleteBookById(int id) {
        return bookMapper.deleteBookById(id);
    }

    public int updateBook(Books books) {
        return bookMapper.updateBook(books);
    }

    public Books queryBookById(int id) {
        return bookMapper.queryBookById(id);
    }

    public List<Books> queryAllBook() {
        return bookMapper.queryAllBook();
    }
}

SpringMVC自学笔记_第28张图片

6.3 Spring层

  1. 配置Spring整合MyBatis,这里数据源使用c3p0连接池

  2. 编写Spring整合Mybatis的相关配置文件

    spring-dao.xml

    
    <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"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
            http://www.springframework.org/schema/beans/spring-beans.xsd
            http://www.springframework.org/schema/context
            https://www.springframework.org/schema/context/spring-context.xsd">
    
        
        
        <context:property-placeholder location="classpath:database.properties"/>
    
    
        
        
        <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}"/>
            
            <property name="maxPoolSize" value="30"/>
            <property name="minPoolSize" value="10"/>
            
            <property name="autoCommitOnClose" value="false"/>
            
            <property name="checkoutTimeout" value="10000"/>
            
            <property name="acquireRetryAttempts" value="2"/>
        bean>
    
    
        
        <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
            
            <property name="dataSource" ref="dataSource"/>
            
            <property name="configLocation" value="classpath:mybatis-config.xml"/>
        bean>
    
    
        
        
        <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
            
            <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
            
            <property name="basePackage" value="com.infinite.mapper"/>
        bean>
    beans>
    
  3. Spring整合service层

    resources/spring-service.xml

    
    <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"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context.xsd">
    
        
        <context:component-scan base-package="com.infinite.service" />
    
        
        <bean id="BookServiceImpl" class="com.infinite.service.BookServiceImpl">
            <property name="bookMapper" ref="bookMapper"/>
        bean>
        
        <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
            
            <property name="dataSource" ref="dataSource" />
        bean>
    beans>
    
  4. 通过import将配置文件整合到applicationContext.xml中

    <import resource="spring-dao.xml"/>
    <import resource="spring-service.xml"/>
    

6.4 SpringMVC层

web.xml


<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">

    
    <servlet>
        <servlet-name>DispatcherServletservlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>
        <init-param>
            <param-name>contextConfigLocationparam-name>
            
            <param-value>classpath:applicationContext.xmlparam-value>
        init-param>
        <load-on-startup>1load-on-startup>
    servlet>
    <servlet-mapping>
        <servlet-name>DispatcherServletservlet-name>
        <url-pattern>/url-pattern>
    servlet-mapping>

    
    <filter>
        <filter-name>encodingFilterfilter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilterfilter-class>
        <init-param>
            <param-name>encodingparam-name>
            <param-value>utf-8param-value>
        init-param>
    filter>
    <filter-mapping>
        <filter-name>encodingFilterfilter-name>
        <url-pattern>/*url-pattern>
    filter-mapping>

    
    <session-config>
        <session-timeout>15session-timeout>
    session-config>

web-app>

resources/spring-mvc


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

    
    
    <mvc:annotation-driven />
    
    <mvc:default-servlet-handler/>

    
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView" />
        
        <property name="prefix" value="/WEB-INF/jsp/" />
        
        <property name="suffix" value=".jsp" />
    bean>
    
    <context:component-scan base-package="com.infinite.controller" />
beans>

将spring-mvc.xml导入总配置文件。

目前完成了基本配置的模板。其他相关项目可以从这一步的模板出发。

SpringMVC自学笔记_第29张图片

6.5 Controller和视图层

查询书籍

编写BookController类,添加方法:查询全部书籍

controller.BookController

@Controller
@RequestMapping("/book")
public class BookController {

    @Autowired
    @Qualifier("BookServiceImpl")
    private BookService bookService;
    
    @RequestMapping("/allBook")
    public String list(Model model){
        List<Books> books = bookService.queryAllBook();
        model.addAttribute("list",books);
        return "allBook";
    }
}

编写首页index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
DOCTYPE HTML>
<html>
<head>
    <title>首页title>
    <style type="text/css">
        a {
            text-decoration: none;
            color: black;
            font-size: 18px;
        }
        h3 {
            width: 180px;
            height: 38px;
            margin: 100px auto;
            text-align: center;
            line-height: 38px;
            background: deepskyblue;
            border-radius: 4px;
        }
    style>
head>
<body>
 
<h3>
    <a href="${pageContext.request.contextPath}/book/allBook">点击进入列表页a>
h3>
body>
html>

书籍列表页面allBook.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
        <html>
            <head>
                <title>书籍列表title>
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                
                <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
            head>



            <body>
                <div class="container">
                    <div class="row clearfix">
                        <div class="col-md-12 column">
                            <div class="page-header">
                                <h1>
                                    <small>书籍列表 —— 显示所有书籍small>
                                h1>
                            div>
                        div>
                    div>

                    <div class="row">
                        <div class="col-md-4 column">
                            <a class="btn btn-primary" href="${pageContext.request.contextPath}/book/toAddBook">新增a>
                        div>
                    div>

                    <div calss="row clearfix">
                        <div class="col-md-12 column">
                            <table class="table table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>书籍编号th>
                                        <th>书籍名字th>
                                        <th>书籍数量th>
                                        <th>书籍详情th>
                                        <th>操作th>
                                    tr>
                                thead>

                                <tbody>
                                    <c:forEach var="book" items="${requestScope.get('list')}">
                                        <tr>
                                            <td>${book.getBookID()}td>
                                            <td>${book.getBookName()}td>
                                            <td>${book.getBookCounts()}td>
                                            <td>${book.getDetail()}td>
                                            
                                            <td>
                                                <a href="${pageContext.request.contextPath}/book/toUpdateBook?id=${book.getBookID()}">修改a>
                                                <a href="${pageContext.request.contextPath}/book/del/${book.getBookID()}">删除a>
                                            td>
                                        tr>
                                    c:forEach>
                                tbody>
                            table>
                        div>
                    div>

                div>
            body>
        html>

添加书籍

BookController中添加方法:添加书籍

@RequestMapping("/toAddBook")
public String toAddBook(){
    return "addBook";
}
@RequestMapping("/addBook")
public String addBook(Books books){
    System.out.println(books);
    bookService.addBook(books);
    return "redirect:/book/allBook";
}

添加书籍页面:addBook.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
        <head>
            <title>新增书籍title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            
            <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        head>

        <body>
            <div class="container">
                <div class="row clearfix">
                    <div class="col-md-12 column">
                        <div class="page-header">
                            <h1>
                                <small>新增书籍small>
                            h1>
                        div>
                    div>
                div>
            div>

            <form action="${pageContext.request.contextPath}/book/addBook" method="psot">
                书籍名称:<input type="text" name="bookName"><br><br><br>
                书籍数量:<input type="text" name="bookCounts"><br><br><br>
                书籍详情:<input type="text" name="detail"><br><br><br>
                <input type="submit" value="添加">
            form>

        body>

    html>

修改书籍

BookController中添加方法:修改书籍

@RequestMapping("/toUpdateBook")
public String toUpdateBook(Model model,int id){
    Books books = bookService.queryBookById(id);
    System.out.println(books);
    model.addAttribute("book",books);
    return "updateBook";
}

@RequestMapping("/updateBook")
public String updateBook(Model model,Books book){
    System.out.println(book);
    bookService.updateBook(book);
    Books books = bookService.queryBookById(book.getBookID());
    model.addAttribute("books",books);
    return "redirect:/book/allBook";
}

修改书籍页面:updateBook.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
        <head>
            <title>修改信息title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            
            <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        head>

        <body>
            <div class="container">
                <div class="col-md-12 column">
                    <div class="page-header">
                        <h1>
                            <small>修改信息small>
                        h1>
                    div>
                div>
            div>

            <form action="${pageContext.request.contextPath}/book/updateBook" method="post">
                <input type="hidden" name="bookID" value="${book.getBookID()}"/>
                书籍名称:<input type="text" name="bookName" value="${book.getBookName()}"/>
                书籍数量:<input type="text" name="bookCounts" value="${book.getBookCounts()}"/>
                书籍详情:<input type="text" name="detail" value="${book.getDetail() }"/>
                <input type="submit" value="提交"/>
            form>

        body>
    html>

删除书籍

BookController中添加方法:删除书籍

@RequestMapping("/del/{bookId}")
public String deleteBook(@PathVariable("bookId") int id){
    bookService.deleteBookById(id);
    return "redirect:/book/allBook";
}

前面只在allbook.jsp中有用到删除操作,不需要额外页面

测试

SpringMVC自学笔记_第30张图片

SpringMVC自学笔记_第31张图片

SpringMVC自学笔记_第32张图片

SpringMVC自学笔记_第33张图片

可能遇到的问题

404:比如找不到/book/del路径,可以看看jsp中的相关路径、源代码中的相关路径命名是否一致

数据库连接问题:

java.sql.SQLException: Connections could not be acquired from the underlying database

可以参考博客https://blog.csdn.net/guanbingchichi/article/details/102475460

7、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用户界面。

SpringMVC自学笔记_第34张图片

7.1、模仿ajax功能

  1. 新建moudle,导入web支持

  2. 编写ajax-frame.html使用iframe测试

    DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>测试体验页面无刷新title>
        head>
        <body>
    
            <script type="text/javascript">
                window.onload=function(){
                    var myDate=new Date();
                    document.getElementById('currentTime').innerText=myDate.getTime();
                };
    
                function LoadPage(){
                    var targetUrl=document.getElementById('url').value;
                    console.log(targetUrl);
                    document.getElementById("iframePosition").src=targetUrl;
                }
            script>
    
            <div>
                <p>请输入地址:<span id="currentTime">span>p>
                <p>
                    <input id="url" type="text" value="https://www.bilibili.com/">
                    <input type="button" value="提交" onclick="LoadPage()">
                p>
            div>
            <div>
                <h3>加载页面位置:h3>
                <iframe id="iframePosition" style="width: 100%;height: 500px">iframe>
            div>
    
        body>
    html>
    

SpringMVC自学笔记_第35张图片

7.2 使用ajax

AJAX可以做:

  • 注册时,输入用户名自动检测用户是否已经存在。
  • 登录时,提示用户名密码错误
  • 删除数据行时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,在页面DOM中将数据行也删除。
  • 等等

jQuery中可以直接调用ajax,提供了多个ajax相关的方法。

Ajax的核心是XMLHttpRequest对象(XHR)。XHR为向服务器发送请求和解析服务器响应提供了接口。能够以异步方式从服务器获取新数据。

jQuery.Ajax本质就是 XMLHttpRequest

jQuery.ajax(...)
       部分参数:
              url:请求地址
             type:请求方式,GETPOST1.9.0之后用method)
          headers:请求头
             data:要发送的数据
      contentType:即将发送信息至服务器的内容编码类型(默认: "application/x-www-form-urlencoded; charset=UTF-8")
            async:是否异步
          timeout:设置请求超时时间(毫秒)
       beforeSend:发送请求前执行的函数(全局)
         complete:完成之后执行的回调函数(全局)
          success:成功之后执行的回调函数(全局)
            error:失败之后执行的回调函数(全局)
          accepts:通过请求头发送给服务器,告诉服务器当前客户端可接受的数据类型
         dataType:将服务器端返回的数据转换成指定类型
            "xml": 将服务器端返回的内容转换成xml格式
           "text": 将服务器端返回的内容转换成普通文本格式
           "html": 将服务器端返回的内容转换成普通文本格式,在插入DOM中时,如果包含JavaScript标签,则会尝试去执行。
         "script": 尝试将返回值当作JavaScript去执行,然后再将服务器端返回的内容转换成普通文本格式
           "json": 将服务器端返回的内容转换成相应的JavaScript对象
          "jsonp": JSONP 格式使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数

使用例

  1. 配置web.xml和springmvc的配置文件。内容跟第6部分的配置文件相同

  2. 编写AjaxController

    @Controller
    public class AjaxController {
     
        @RequestMapping("/a1")
        public void ajax1(String name , HttpServletResponse response) throws IOException {
            if ("admin".equals(name)){
                response.getWriter().print("true");
            }else{
                response.getWriter().print("false");
            }
        }
    }
    
  3. 导入jQuery

    <script src="https://code.jquery.com/jquery-3.1.1.min.js">script>
    <script src="${pageContext.request.contextPath}/statics/js/jquery-3.1.1.min.js">script>
    
  4. 编写index.jsp进行测试

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title>$Title$title>
        <script src="https://code.jquery.com/jquery-3.1.1.min.js">script>
        
        <script>
            function a1(){
                $.post({
                    url:"${pageContext.request.contextPath}/a1",
                    data:{'name':$("#txtName").val()},
                    success:function (data,status) {
                        alert(data);
                        alert(status);
                    }
                });
            }
        script>
      head>
      <body>
     
      <%--onblur:失去焦点触发事件--%>
      用户名:<input type="text" id="txtName" onblur="a1()"/>
     
      body>
    html>
    
  5. 启动tomcat测试

SpringMVC自学笔记_第36张图片

7.3 springmvc实现

User实体类

@Data
@AllArgsConstructor
@NoArgsConstructor
public class User {
    private String name;
    private int age;
    private String sex;
}

AjaxController中添加新方法

@RequestMapping("/a2")
public List<User> a2(){
    ArrayList<User> users = new ArrayList<>();
    users.add(new User("alice",1,"female"));
    users.add(new User("bob",1,"male"));
    users.add(new User("tim",1,"male"));
    return users;
}

前端 test2.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Titletitle>
head>

<body>

<input type="button" value="加载数据" id="btn">
<table>
    <tr>
        <td>姓名td>
        <td>年龄td>
        <td>性别td>
    tr>
    <tbody id="content">
        <%--后台数据--%>
    tbody>
table>

<script src="https://code.jquery.com/jquery-3.1.1.min.js">script>

<script>
    $(function () {
        $("#btn").click(function () {
            console.log("111");
            $.post("${pageContext.request.contextPath}/a2",function(data){
                console.log(data);
                var html="";

                for(let i=0;i<data.length;i++){
                    html+=""+
                        ""+data[i].name+""+
                        ""+data[i].age+""+
                        ""+data[i].sex+""+
                        ""
                }
                $("#content").html(html);
            });
        })
    });
script>

body>
html>

启动tomcat测试

在这里插入图片描述

案例:登录验证

AjaxController

@RequestMapping("/a3")
public String ajax3(String name,String pwd){
    String msg="";
    //模拟数据库中存在数据。这里暂时不直接连接数据库
    if(name!=null){
        if("admin".equals(name)){
            msg="OK";
        }
        else{
            msg="用户名输入错误";
        }
    }
    if(pwd!=null){
        if("123456".equals(pwd)){
            msg="OK";
        }
        else{
            msg="密码输入有误";
        }
    }
    return msg;
}

login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>ajaxtitle>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js">script>

    <script>
        function a1(){
            $.post({
                url:"${pageContext.request.contextPath}/a3",
                data:{'name':$("#name").val()},
                success:function (data){
                    if(data.toString()=='OK'){
                        $('#userInfo').css("color","green");
                    }
                    else{
                        $("#userInfo").css("color","red");
                    }
                    $("#userInfo").html(data);
                }
            });
        }

        function a2(){
            $.post({
                url:"${pageContext.request.contextPath}/a3",
                data:{'pwd':$("#pwd").val()},
                success:function(data){
                    if(data.toString()=='OK'){
                        $("#pwdInfo").css("color","green");
                    }
                    else{
                        $("#pwdInfo").css("color","red");
                    }
                    $("#pwdInfo").html(data);
                }
            });
        }

    script>

head>
<body>

<p>
    用户名:<input type="text" id="name" onblur="a1()"/>
    <span id="userInfo">span>
p>
<p>
    密码 :<input type="text" id="pwd" onblur="a2()"/>
    <span id="pwdInfo">span>
p>

body>
html>

启动tomcat测试

SpringMVC自学笔记_第37张图片

案例:获取百度接口

DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>JSONP百度搜索title>
    <style>
        #q{
            width: 500px;
            height: 30px;
            border:1px solid #ddd;
            line-height: 30px;
            display: block;
            margin: 0 auto;
            padding: 0 10px;
            font-size: 14px;
        }
        #ul{
            width: 520px;
            list-style: none;
            margin: 0 auto;
            padding: 0;
            border:1px solid #ddd;
            margin-top: -1px;
            display: none;
        }
        #ul li{
            line-height: 30px;
            padding: 0 10px;
        }
        #ul li:hover{
            background-color: #f60;
            color: #fff;
        }
    style>
    <script>
 
        // 2.步骤二
        // 定义demo函数 (分析接口、数据)
        function demo(data){
            var Ul = document.getElementById('ul');
            var html = '';
            // 如果搜索数据存在 把内容添加进去
            if (data.s.length) {
                // 隐藏掉的ul显示出来
                Ul.style.display = 'block';
                // 搜索到的数据循环追加到li里
                for(var i = 0;i<data.s.length;i++){
                    html += '
  • '+data.s[i]+'
  • '
    ; } // 循环的li写入ul Ul.innerHTML = html; } } // 1.步骤一 window.onload = function(){ // 获取输入框和ul var Q = document.getElementById('q'); var Ul = document.getElementById('ul'); // 事件鼠标抬起时候 Q.onkeyup = function(){ // 如果输入框不等于空 if (this.value != '') { // ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆JSONPz重点☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ // 创建标签 var script = document.createElement('script'); //给定要跨域的地址 赋值给src //这里是要请求的跨域的地址 我写的是百度搜索的跨域地址 script.src = 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd='+this.value+'&cb=demo'; // 将组合好的带src的script标签追加到body里 document.body.appendChild(script); } } }
    script> head> <body> <input type="text" id="q" /> <ul id="ul"> ul> body> html>

    SpringMVC自学笔记_第38张图片

    8、拦截器

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

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

    过滤器

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

    拦截器

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

    8.1 自定义拦截器

    1. 新建moudle,添加web支持

    2. 配置web.xml和springmvc-servlet.xml

    3. 编写一个拦截器

      public class MyInterceptor implements HandlerInterceptor {
      
          //return true; 执行下一个拦截器
          //return false; 不执行下一个拦截器
          //处理前
          @Override
          public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
              System.out.println("==============处理前===============");
              return true;
          }
      
          //处理后
          @Override
          public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
              System.out.println("==============处理后===============");
          }
      
          //清理
          @Override
          public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
              System.out.println("==============清理===============");
          }
      }
      
    4. 在springmvc-servlet.xml中配置拦截器

      
      <mvc:interceptors>
          <mvc:interceptor>
              
              
              
              <mvc:mapping path="/**"/>
              
              <bean class="com.infinite.config.MyInterceptor"/>
          mvc:interceptor>
      mvc:interceptors>
      
    5. 编写controller类

      @Controller
      public class TestController {
      
          @RequestMapping("/t1")
          @ResponseBody
          public String test(){
              System.out.println("TestController ==> 执行了test()");
              return "hello";
          }
      }
      
    6. 启动tomcat测试
      SpringMVC自学笔记_第39张图片

    8.2 验证用户是否登录

    思路

    1、有一个登录页面,需要写一个controller访问页面。

    2、登录页面有一提交表单的动作。需要在controller中处理。判断用户名密码是否正确。如果正确,向session中写入用户信息。返回登录成功。

    3、拦截用户请求,判断用户是否登录。如果用户已经登录。放行, 如果用户未登录,跳转到登录页面

    1. 编写登录页面

      <%@ page contentType="text/html;charset=UTF-8" language="java" %>
      <html>
      <head>
          <title>Title</title>
      </head>
       
      <h1>登录页面</h1>
      <hr>
       
      <body>
      <form action="${pageContext.request.contextPath}/user/login">
          用户名:<input type="text" name="username"> <br>
          密码:<input type="password" name="pwd"> <br>
          <input type="submit" value="提交">
      </form>
      </body>
      </html>
      
    2. 编写controller处理请求

      @Controller
      @RequestMapping("/user")
      public class UserController {
          //跳转到登录页面
          @RequestMapping("/jumplogin")
          public String jumpLogin() throws Exception{
              return "login";
          }
          //跳转到登录成功页面
          @RequestMapping("/jumpSuccess")
          public String jumpSuccess()throws Exception{
              return "success";
          }
      
          //登录提交
          @RequestMapping("/login")
          public String login(HttpSession session, String username, String pwd) throws Exception{
              // 向session记录用户身份信息
              System.out.println("接收前端==="+username);
              session.setAttribute("user", username);
              return "success";
          }
      
          //退出登录
          @RequestMapping("/logout")
          public String logout(HttpSession session, String username, String pwd) throws Exception{
              //使session过期
              session.invalidate();
              return "login";
          }
      }
      
    3. 编写登录成功页面(写完后先进行初步测试)

      <%@ page contentType="text/html;charset=UTF-8" language="java" %>
      <html>
      <head>
          <title>Titletitle>
      head>
      <body>
      <h1>登录成功h1>
      <hr>
      
      ${user}
      <a href="${pageContext.request.contextPath}/user/logout">注销a>
      
      body>
      html>
      
    4. 修改index主页

      <%@ page contentType="text/html;charset=UTF-8" language="java" %>
      <html>
          <head>
            <title>$Title$title>
          head>
          <body>
              <h1>首页h1>
              <hr>
              <%--登录--%>
              <a href="${pageContext.request.contextPath}/user/jumplogin">登录a>
              <a href="${pageContext.request.contextPath}/user/jumpSuccess">成功页面a>
          body>
      html>
      
    5. 编写用户登录拦截器

      public class LoginInterceptor implements HandlerInterceptor {
          @Override
          public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
              // 如果是登陆页面则继续执行
              System.out.println("uri: " + request.getRequestURI());
              if(request.getRequestURI().contains("login")){
                  return true;
              }
              HttpSession session=request.getSession();
              //如果用户已登录则继续执行
              if(session.getAttribute("user")!=null){
                  return true;
              }
              //用户没有登录跳转到登录页面
              request.getRequestDispatcher("/WEB-INF/jsp/login.jsp");
              return false;
          }
      
          @Override
          public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
          }
      
          @Override
          public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
          }
      }
      
    6. 在springmvc中注册拦截器

      <mvc:interceptors>
          <mvc:interceptor>
              <mvc:mapping path="/**"/>
              <bean id="loginInterceptor" class="com.infinite.config.LoginInterceptor"/>
          mvc:interceptor>
      mvc:interceptors>
      
    7. 启动tomcat测试

    SpringMVC自学笔记_第40张图片
    SpringMVC自学笔记_第41张图片

    注销后,通过index.jsp中的首页链接会跳转到登录页面。如果没注销,会按照原来的账号直接跳转到success.jsp

    9、文件上传和下载

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

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

    关于enctype的属性:

    • application/x-www=form-urlencoded:默认方式,只处理表单域中的 value 属性值,采用这种编码方式的表单会将表单域中的值处理成 URL 编码方式。
    • multipart/form-data:这种编码方式会以二进制流的方式来处理表单数据,这种编码方式会把文件域指定文件的内容也封装到请求参数中,不会对字符编码。
    • text/plain:除了把空格转换为 “+” 号外,其他字符都不做编码处理,这种方式适用直接通过表单发送邮件。
    <form action="" enctype="multipart/form-data" method="post">
        <input type="file" name="file"/>
        <input type="submit">
    form>
    

    一旦设置了enctype为multipart/form-data,浏览器即会采用二进制流的方式来处理表单数据,而对于文件上传的处理则涉及在服务器端解析原始的HTTP响应。
    在2003年,Apache Software Foundation发布了开源的Commons FileUpload组件,其很快成为Servlet/JSP程序员上传文件的最佳选择。

    • Servlet3.0规范已经提供方法来处理文件上传,但这种上传需要在Servlet中完成。而Spring MVC则提供了更简单的封装。

    • Spring MVC为文件上传提供了直接的支持,这种支持是用即插即用的MultipartResolver实现的。

    • Spring MVC使用Apache Commons FileUpload技术实现了一个MultipartResolver实现类CommonsMultipartResolver。因此,SpringMVC的文件上传还需要依赖Apache Commons FileUpload的组件。

    9.1 文件上传

    1. 导包

      
      <dependency>
          <groupId>commons-fileuploadgroupId>
          <artifactId>commons-fileuploadartifactId>
          <version>1.3.3version>
      dependency>
      
      <dependency>
          <groupId>javax.servletgroupId>
          <artifactId>javax.servlet-apiartifactId>
          <version>4.0.1version>
      dependency>
      
    2. 配置bean:multipartResolver

      <!--文件上传配置-->
      <bean id="multipartResolver"  class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
          <!-- 请求的编码格式,必须和jSP的pageEncoding属性一致,以便正确读取表单的内容,默认为ISO-8859-1 -->
          <property name="defaultEncoding" value="utf-8"/>
          <!-- 上传文件大小上限,单位为字节(10485760=10M) -->
          <property name="maxUploadSize" value="10485760"/>
          <property name="maxInMemorySize" value="40960"/>
      </bean>
      
    3. 编写前端页面

      <form action="/upload" enctype="multipart/form-data" method="post">
        <input type="file" name="file"/>
        <input type="submit" value="upload">
      form>
      
    4. 编写Controller

      CommonsMultipartFile 的 常用方法:

      • String getOriginalFilename():获取上传文件的原名
      • InputStream getInputStream():获取文件流
      • void transferTo(File dest):将上传文件保存到一个目录文件中
      @Controller
      public class FileController {
          //@RequestParam("file") 将name=file控件得到的文件封装成CommonsMultipartFile 对象
          //批量上传CommonsMultipartFile则为数组即可
          @RequestMapping("/upload")
          public String fileUpload(@RequestParam("file") CommonsMultipartFile file, HttpServletRequest request) throws IOException {
              //获取文件名:file.getOriginalFilename()
              String uploadFileName = file.getOriginalFilename();
      
              //若文件名为空,则回到首页
              if("".equals(uploadFileName)){
                  return "redirect:/index.jsp";
              }
      
              System.out.println("上传文件名:"+uploadFileName);
              //上传路径保存设置
              String path = request.getServletContext().getRealPath("/upload");
      
              //如果路径不存在,则创建一个
              File realPath = new File(path);
              if(!realPath.exists()){
                  realPath.mkdir();
              }
              System.out.println("上传文件保存地址:"+realPath);
      
              InputStream is = file.getInputStream();
              OutputStream os = new FileOutputStream(new File(realPath, uploadFileName));
              //读取写出
              int len=0;
              byte[] buffer=new byte[1024];
              while((len=is.read(buffer))!=-1){
                  os.write(buffer,0,len);
                  os.flush();
              }
              is.close();
              os.close();
              return "redirect:/index.jsp";
          }
      }
      
    5. 启动tomcat测试
      SpringMVC自学笔记_第42张图片

    使用file.Transto来保存上传的文件

    1. 编写controller

      /*
       * 采用file.Transto 来保存上传的文件
       */
      @RequestMapping("/upload2")
      public String  fileUpload2(@RequestParam("file") CommonsMultipartFile file, HttpServletRequest request) throws IOException {
       
          //上传路径保存设置
          String path = request.getServletContext().getRealPath("/upload");
          File realPath = new File(path);
          if (!realPath.exists()){
              realPath.mkdir();
          }
          //上传文件地址
          System.out.println("上传文件保存地址:"+realPath);
       
          //通过CommonsMultipartFile的方法直接写文件(注意这个时候)
          file.transferTo(new File(realPath +"/"+ file.getOriginalFilename()));
       
          return "redirect:/index.jsp";
      }
      
    2. 修改前端表单提交的地址

    3. 测试

    9.2 文件下载

    下载步骤:

    1. 设置response响应头
    2. 读取文件:inputStream
    3. 写出文件:outputStream
    4. 执行操作
    5. 关闭流

    相关代码

    @RequestMapping(value="/download")
    public String downloads(HttpServletResponse response ,HttpServletRequest request) throws Exception{
        //要下载的图片地址
        String  path = request.getServletContext().getRealPath("/upload");
        String  fileName = "work.png";
     
        //1、设置response 响应头
        response.reset(); //设置页面不缓存,清空buffer
        response.setCharacterEncoding("UTF-8"); //字符编码
        response.setContentType("multipart/form-data"); //二进制传输数据
        //设置响应头
        response.setHeader("Content-Disposition",
                "attachment;fileName="+URLEncoder.encode(fileName, "UTF-8"));
     
        File file = new File(path,fileName);
        //2、 读取文件--输入流
        InputStream input=new FileInputStream(file);
        //3、 写出文件--输出流
        OutputStream out = response.getOutputStream();
     
        byte[] buff =new byte[1024];
        int index=0;
        //4、执行 写出操作
        while((index= input.read(buff))!= -1){
            out.write(buff, 0, index);
            out.flush();
        }
        out.close();
        input.close();
        return null;
    }
    

    前端

    <a href="/download">点击下载a>
    

    SpringMVC自学笔记_第43张图片

    你可能感兴趣的:(后端框架,java,spring)