SpringMVC框架笔记 SSM整合

最新推荐文章于 2023-07-05 08:12:09 发布

PinkandWhite

最新推荐文章于 2023-07-05 08:12:09 发布

阅读量2.3k

点赞数 2

分类专栏： # 笔记 SpirngMVC笔记 SSM 文章标签： spring mvc web java ssm

本文链接：https://blog.csdn.net/SwaeLeeUknow/article/details/112782049

版权

笔记 SpirngMVC笔记同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

SSM

1 篇文章 0 订阅

订阅专栏

SpringMVC

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

ssm : mybatis + Spring + SpringMVC MVC三层架构

JavaSE ：认真学习，老师带，入门快
JavaWeb：认真学习，老师带，入门快
SSM框架：研究官方文档，锻炼自学能力，锻炼笔记能力，锻炼项目能力

SpringMVC + Vue + SpringBoot +SpringCloud + Linux

Spring：IOC 和 AOP

SpringMVC：SpringMVC的执行流程！
SpringMVC：SSM框架整合！

回顾MVC:

MVC：模型(dao,service) 视图(jsp) 控制器(Servlet)

dao（数据库）
service（调用dao，业务）
servlet（接受前端数据）：转发，重定向
jsp/html

真实情况

前端数据传输实体类
实体类：用户名，密码，生日，爱好，…20个
前端：用户名密码

pojo：User
vo：UserVo
dto：数据传输

JSP：本质就是一个Servlet

问题：你的项目的架构，是设计好的，还是演进的？

Alibaba PHP
随着用户大，转Java
王坚去IOE MySQL
MySQL：MySQL—>AliSQL、AliRedis
All in one —> 微服务

MVC :
MVVM : M V VM ViewModel : 双向绑定

职责分析
Controller：控制器

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

Model：模型

业务逻辑
保存数据的状态

View：视图

显示页面

回顾Servlet

搭建环境

导入依赖

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

建立一个Module为springmvc-01-servlet，添加Web app的支持！
导入 servlet 和 jsp 的 jar 依赖

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

编写一个Servlet类，用来处理用户的请求

//只要实现了Servlet接口的程序 就叫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.视图转发或者重定向
        //用户不可见放在WEB-INF下面
        公共页面放在web下面
        */
        req.getRequestDispatcher("/WEB-INF/jsp/test.jsp").forward(req, resp);//转发,携带参数.路径写错：404
//        resp.sendRedirect();//重定向

    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
}

编写一个跳转页面

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


${msg}


</body>
</html>

写完servlet在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">

    <!--写完servlet，注册上-->
    <servlet>
        <servlet-name>hello</servlet-name>
        <servlet-class>com.swae.servlet.HelloServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>hello</servlet-name>
        <url-pattern>/hello</url-pattern>
    </servlet-mapping>


    <!--设置超时时间-->
    <session-config>
        <session-timeout>15</session-timeout>
    </session-config>


    <!--设置欢迎页，默认index-->
    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
</web-app>

配置tomcat
访问页面

MVC框架要做那些事情
将url映射到java类或java类的方法
封装用户提交的数据
处理请求–调用相关的业务处理–封装响应数据
将响应的数据进行渲染 .jsp / html 等表示层数据

前端三大框架：vue、angularjs、react
全栈 : 后台 + 前端 + 数据库 + 运维
前端 : 后台 + 前端
Python != 人工智能

1、什么是Spring MVC

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

我们为什么要学习SpringMVC呢？
这也是SpringMVC的特点：

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

Spring的web框架围绕DispatcherServlet [调度Servlet] 设计。
在这里插入图片描述

Spring：大杂烩，我们可以将SpringMVC中所有要用到的bean，注册到Spring中！
最重要的一点：使用的人多，使用的公司多！

在这里插入图片描述

1.1 HelloSpringMVC

配置版

新建一个Module，添加web的支持！
确定导入了SpringMVC 的依赖！
配置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的配置文件-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc-servlet.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

</web-app>

编写SpringMVC的配置文件！名称：springmvc-servlet.xml: [servletname]-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
       http://www.springframework.org/schema/beans/spring-beans.xsd">

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

添加处理映射器，处理器适配器

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

编写我们需要操作业务Controller，要么实现Controller接口，要么增加注解；需要返回一个ModelAndView，装数据，封视图；

public class HelloController implements Controller {

    public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception{
        ModelAndView mv = new ModelAndView();

        //封装对象，放在ModelAndView中/Model
        mv.addObject("msg","HelloSpringMVC!");

        //封装要跳转的视图，放在ModelAndView中
        mv.setViewName("hello");//: /WEB-INF/jsp/hello.jsp
        return mv;
    }

}

将自己的类交给SpringIOC容器，注册bean

 <!--Handler-->
    <bean id="/hello" class="com.swae.controller.HelloController"/>

创建编写要跳转的jsp页面

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

${msg}

</body>
</html>

配置Tomcat启动测试！

在这里插入图片描述

可能会遇到的问题：访问出现404，排查步骤：

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

在这里插入图片描述

- - - 虚线，我们自己做的
— 实线，SpringMVC帮我们做的

第一部分：

DispatcherServlet前置控器器，是整个SpringMVC的控制中心。用户发出请求，DispatcherServlet接受请求并拦截请求。
DispatcherServlet调用HandlerMapping，HandlerMapping根据url查找Handler
(根据hello找处理器)

    <!--Handler-->
    <bean id="/hello" class="com.swae.controller.HelloController"/>

HandlerExecution根据url查找到了控制器为：hello，把解析后的信息转给DispatcherServlet。如解析控制器映射等。

第二部分：

HandlerAdapter表示处理器适配器，根据特定的规则去执行Handler。
Handler让具体的Controller执行（上述程序的HelloController）。
Controller将具体的执行信息返回给HandlerAdapter，如ModelAndView。
HandlerAdapter将视图逻辑名和模型传递给DispatcherServlet。

第三部分：

DsipatcherServlet调用视图解析器(ViewResolver) 来解析HandlerAdapter传来的逻辑视图名。

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

视图解析器将解析的逻辑视图名传给DispatcherServlet。
DispatcherServlet根据视图解析器的结果，调用具体的视图。
最终将视图呈现给用户。

2、使用注解开发SpringMVC

配置web.xml

注意点：

web.xml版本问题，要用新版！
注册DispatcherServlet
关联SpringMVC的配置文件
启动级别为1
映射路径为 /

<!--1.配置DispatcherServlet:这个是SpringMVC的核心：请求分发器，前端控制器-->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--DispatcherServlet要绑定spring的配置文件-->
        <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>
    <!--

    在SpringMVC中， /  /*区别
    /  :  只匹配所有的请求，不会匹配jsp页面
    /* :  只匹配所有的请求，包括jsp页面

    -->
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

添加Spring MVC配置文件

<?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
       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.swae.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>

自动扫描包，让指定包下的注解生效，由IOC容器统一管理

让Spring MVC不处理静态资源 .css .js .html .mp3 .mp4

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

视图解析器 ViewResolver

创建Controller

@Controller
public class HelloController {

    @RequestMapping("/hello")
    public String hello(Model model){
        //封装数据
        model.addAttribute("msg","Hello,SpringMVCAnnotation!");


        return "hello"; //会被视图解析器处理  /WEB-INF/jsp/hello.jsp
    }

配置Tomcat

小结

新建一个web项目
导入相关jar包
编写web.xml，注册DispatcherServlet
编写springmvc配置文件
创建对应的控制类，controller
完善前端试图和controller之间的对应
测试运行调式

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

3、Controller配置总结

控制器Controller

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

实现Controller接口

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

//只要实现了 Controller 接口的类，说明这就是一个控制器了
//返回一个ModelAndView
public class ControllerTest1 implements Controller {

    public ModelAndView handleRequest(javax.servlet.http.HttpServletRequest httpServletRequest, javax.servlet.http.HttpServletResponse httpServletResponse) throws Exception {
        ModelAndView mv = new ModelAndView();

        mv.addObject("msg","ControllerTest1");

        mv.setViewName("test");

        return null;
    }
}

    <bean name="/t1" class="com.swae.controller.ControllerTest1"/>

说明：

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

使用注解@Controller （推荐）

@Component— 组件
@Service — service
@Controller — controller
@Respository — dao

<!--让指定包下注解生效-->
    <context:component-scan base-package="com.swae.controller"/>

@Controller//代表整个类会被Spring托管，
// 这个注解的类，中的所有方法，如果返回值是String，并且有具体的页面可以跳转，那么就会被视图解析器解析
public class ControllerTest2 {

    @RequestMapping("/t2")
    public String test1(Model model){
        model.addAttribute("msg","ControllerTest2");
        return "test";
    }
    @RequestMapping("/t3")
    public String test3(Model model){
        model.addAttribute("msg","test3");
        return "test";
    }
}

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

RequestMapping说明

@Controller
@RequestMapping("/c3")
public class ControllerTest3 {

    @RequestMapping("/t2")
    public String test1(Model model){
        model.addAttribute("msg","ControllerTest2");
        return "admin/test";
    }

}

访问路径：localhost:8080/c3/t2 , 需要先指定类的路径再指定方法的路径；

4、RestFul 风格

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

功能：

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

传统方式操作资源：通过不同的额参数来实现不同的效果！方法单一，post和get

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

原来的方式：
在这里插入图片描述

学习测试：
在Spring MVC中可以使用 @PathVariable 注解，让方法参数的值对应绑定到一个URI模板变量上。

 @RequestMapping(value = "/add/{a}/{b}",method = RequestMethod.GET)
    public String test1(@PathVariable int a, @PathVariable int b, Model model){

        int res = a + b;
        model.addAttribute("msg","结果为" + res);

        return "test";
    }

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

所有的地址栏请求默认都会是HTTP GET类型的。
方法级别的注解变体有如下几个：组合注解

@GetMapping
@PostMapping
@PutMapping
@DeleteMapping
@PatchMapping

记住：

@GetMapping("/add/{a}/{b}")
@PostMapping("/add/{a}/{b}")

Restful好处：

简洁
高效
安全

5、SpringMVC:结果跳转方式

ModelAndView

设置ModelAndiew对象，根据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>

对应的Controller

public class ControllerTest1 implements Controller {

    public ModelAndView handleRequest(javax.servlet.http.HttpServletRequest httpServletRequest, javax.servlet.http.HttpServletResponse httpServletResponse) throws Exception {
        ModelAndView mv = new ModelAndView();

        mv.addObject("msg","ControllerTest1");

        mv.setViewName("test");

        return null;
    }
}

ServketAPI

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

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

-> Servlet （req, resp）doService（req, resp）

通过HttpServletResponse实现转发

@Controller
public class ModelTest1 {

    @RequestMapping("/m1/t1")
    public String test1(HttpServletRequest request,HttpServletResponse response){

        HttpSession session = request.getSession();
        System.out.println(session.getId());

        return "test";

    }

}

SpringMVC

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

测试前，把视图解析器注释掉

@Controller
public class ModelTest1 {

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

重定向

@Controller
public class ModelTest1 {

    @RequestMapping("/m1/t1")
    public String test1(Model model){
        model.addAttribute("msg","ModelTest1");
        //重定向
        return "redirect:/index.jsp";

    }

}

有视图解析器
转发

@Controller
public class ModelTest1 {

    @RequestMapping("/m1/t1")
    public String test1(Model model){
        model.addAttribute("msg","ModelTest1");
        //转发
        return "test";

    }

}

重定向

@Controller
public class ModelTest1 {

    @RequestMapping("/m1/t1")
    public String test1(Model model){
        model.addAttribute("msg","ModelTest1");
        //重定向
        return "redirect:/index.jsp";

    }

}

6、SpringMVC：数据处理

处理提交数据

提交的域名称和处理方法的参数名一致
public String hello(String name) 直接写参数

@Controller
@RequestMapping("/user")
public class UserController {

    //local:8080/user/t1?name=xxx;
    @GetMapping("/t1")
    public String test1(String name, Model model){
        //1.接受前端参数
        System.out.println("接受到前端的参数为:" + name);

        //2.将返回的结果传给前端 , Model
        model.addAttribute("msg",name);

        //3.视图跳转
        return "test";
    }

}

提交的域名称和处理方法的参数不一致
@RequestParam（“username”) 加注解实现

@Controller
@RequestMapping("/user")
public class UserController {

    //local:8080/user/t1?name=xxx;
    @GetMapping("/t1")
    public String test1(@RequestParam("username") String name, Model model){
        //1.接受前端参数
        System.out.println("接受到前端的参数为:" + name);

        //2.将返回的结果传给前端 , Model
        model.addAttribute("msg",name);

        //3.视图跳转
        return "test";
    }

}

提交的是一个对象
封装成一个实体类，要求提交的表单域和对象的属性名一致，参数使用对象即可
实体类

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

方法：

//前端接收的是一个对象 : id，name，age
    /*
    1.接收前端用户传递的参数，判断参数的名字，假设名字直接在方法上，可以直接使用
    2.假设传递的是一个对象User，匹配User对象中的字段名:如果名字一致则可以
     */
    @GetMapping("/t2")
    public String test2(User user){

        System.out.println(user);

        return "test";
    }

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

数据显示到前端

第一种：通过ModelAndView
前面一致如此，不过多解释

第二种：通过ModelModel

第三种：通过ModelMap

对比
LinkedHashMap

ModelMap : 继承了LinkedHashMap，所以它拥有LinkedHashMap的全部功能！

Model : 精简版（大部分情况，我们使用Model）

Model ：只有几个方法只适合用于存储数据，简化了新手对Model对象的操作和理解；

ModelMap：继承了LinkedHashMap，除了自身的方法还有LinkedMap的方法和特性；

ModelAndView ：可以在存储数据同时，可以进行设置返回逻辑视图，进行控制展示层的跳转。

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

7、乱码问题

测试步骤：

在首页编写一个提交的表单


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

}

我们发现乱码

通常用过滤器解决乱码
编写过滤器类

@Controller
public class EncodingController {

    //过滤器解决乱码
    @PostMapping("/e/t1")
    public String test1(String name, Model model){

        model.addAttribute("msg",name);

        return "test";
    }

}

配置过滤器


    <filter>
        <filter-name>encoding</filter-name>
        <filter-class>com.swae.filter.EncodingFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>encoding</filter-name>
        <url-pattern>/</url-pattern>
    </filter-mapping>

Post方法依旧存在乱码，Get方法没有乱码

而SpringMVC给我们提供了一个过滤器，可以在web.xml中配置

修改了xml文件需要重启服务器！

 <!--2.配置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的支持不好

处理方法：

修改tomcat配置文件 : 设置编码！

<Connector URIEncoding="utf-8" port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" 
URIEncoding="UTF-8" />

8、JSON讲解（重点）

什么是JSON？

JSON（JavaScript Objct Notation,JS 对象标记）是一种轻量级的数据交换格式。目前使用特别广泛。
采用完全独立于编程语言的文本格式来存储和表示数据。
简洁，层次清晰，易与阅读和编写，有效提升网络传输效率。

前后端分离时代：

后端部署后端，提供接口，提供数据；

建立联系：json

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

在JavaScript语言中，一切都是对象。

JSON键值对是用来保存JavaScript对象的一种方式。用双引号 " " 包裹，使用冒号：分隔，然后紧接着值。

JSON和JavaScript 对象互转

从JSON 字符串转换为JavaScript 对象，使用JSON.parse() 方法；

<!--script标签不能单闭合-->
    <script type="text/javascript">

        //编写一个JavaScript对象
        var user = {
            name : "思唯",
            age : 20,
            sex : "男"
        };

        //将js对象转换为 json对象
        var json = JSON.stringify(user);

        //将JSON 对象转换为JavaScript对象
        var obj = JSON.parse(json);

        console.log(obj);

从JavaScript 对象转换为JSON 字符串，使用JSON.stringify() 方法；

<!--script标签不能单闭合-->
   <script type="text/javascript">

       //编写一个JavaScript对象
       var user = {
           name : "思唯",
           age : 20,
           sex : "男"
       };
       //将js对象转换为 json对象
       var json = JSON.stringify(user);

Controller返回JSON数据

Jackson应该是目前比较好的json解析工具了

测试
编写一个用户类

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

测试类

@Controller
public class UserController {
    @RequestMapping("/j1")
    @ResponseBody //它就不会走视图解析器,会直接返回一个字符串
    public String json1() throws JsonProcessingException {

        //jackson ObjectMapper
        ObjectMapper mapper = new ObjectMapper();
        
        //创建一个对象
        User user = new User("思唯",20,"男");
        
        String str = mapper.writeValueAsString(user);
        
        return str;
    }
}

格式 {“xxx”:“xxx”,“xxx”:“xxx”}

乱码问题，设置编码格式为utf-8，以及它返回的类型；

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

@RestController 注在类上，下面所有都返回字符串，都不走视图了。

@ResponseBody 注在方法上，下面方法返回字符串，不走视图。

Json输出数组

 @RequestMapping("/j2")
    public String json2() throws JsonProcessingException {

        List<User> userList = new ArrayList<User>();
        User user1 = new User("思唯李",20,"男");
        User user2 = new User("思唯李",20,"男");
        User user3 = new User("思唯李",20,"男");
        User user4 = new User("思唯李",20,"男");

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

        return new ObjectMapper().writeValueAsString(userList);
    }

在这里插入图片描述

Json输出时间

@RequestMapping("/j3")
    public String json3() throws JsonProcessingException {

        Date date = new Date();

        return new ObjectMapper().writeValueAsString(date);
    }

格式化时间

@RequestMapping("/j3")
    public String json3() throws JsonProcessingException {

        //使用 ObjectMapper来格式化输出
       ObjectMapper mapper =  new ObjectMapper();
       //不使用时间戳
       mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);
        Date date = new Date();

        // ObjectMaper,时间解析后的默认格式为: Timestamp，时间戳
        //自定义日期的格式
        SimpleDateFormat sdf = new SimpleDateFormat("yyy-MM-dd HH:mm:ss");

        return mapper.writeValueAsString(sdf.format(date));
    }

简化过程
Utils工具类

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 dataFormat){
        ObjectMapper mapper = new ObjectMapper();
        //不使用时间戳
        mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);

        //自定义日期的格式
        SimpleDateFormat sdf = new SimpleDateFormat(dataFormat);
        mapper.setDateFormat(sdf);

        try {
            return mapper.writeValueAsString(object);
        } catch (JsonProcessingException e) {
            e.printStackTrace();
        }
        return null;
    }

}

测试类

@RequestMapping("/j3")
    public String json3() throws JsonProcessingException {

        Date date = new Date();

        return JsonUtils.getJson(date, "yyyy-MM-dd HH:mm:ss");
    }

Json小结：

导包

<dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.10.0</version>
        </dependency>

配置乱码问题

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

获得Json工具类 getJson

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 dataFormat){
        ObjectMapper mapper = new ObjectMapper();
        //不使用时间戳
        mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);

        //自定义日期的格式
        SimpleDateFormat sdf = new SimpleDateFormat(dataFormat);
        mapper.setDateFormat(sdf);

        try {
            return mapper.writeValueAsString(object);
        } catch (JsonProcessingException e) {
            e.printStackTrace();
        }
        return null;
    }

}

注意点
@RestController @ResponseBody配合使用，返回字符串

FastJson

fastjson.jar是阿里开发的一款专门用于Java开发的包，方便实现json对象与JavaBean对象的转换，实现JavaBean对象与json字符串的转换。

导入依赖

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

fastjson 三个主要的类：

JSONObject 代表json对象
JSONArray 代表json对象数组
JSON 代表JSONObjcet和JSONArray的转换

测试

  @RequestMapping("/j4")
    public String json4(){
        List<User> userList = new ArrayList<User>();
        User user1 = new User("思唯李",20,"男");
        User user2 = new User("思唯李",20,"男");
        User user3 = new User("思唯李",20,"男");
        User user4 = new User("思唯李",20,"男");

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

        String s = JSON.toJSONString(userList);
        return s;

    }

在这里插入图片描述

9、整合SSM

环境要求

IDEA
MySQL 8.0.19/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 NOT NULL AUTO_INCREMENT COMMENT '书id',
`bookName` VARCHAR(100) NOT NULL COMMENT '书名',
`bookCounts` INT 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,'从进门到进牢')

基本环境搭建

新建一个Maven项目！ssmbuild，添加web的支持
导入相关的pom依赖！

 <dependencies>
        <!--Junit-->
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
            <scope>test</scope>
        </dependency>

        <!--数据库驱动-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.19</version>
        </dependency>

        <!--数据库连接池:  c3p0 : dbcp-->
        <dependency>
            <groupId>com.mchange</groupId>
            <artifactId>c3p0</artifactId>
            <version>0.9.5.2</version>
        </dependency>

        <!--Servlet JSP-->
        <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>

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

        <!--Spring-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.1.9.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-jdbc</artifactId>
            <version>5.1.9.RELEASE</version>
        </dependency>
    </dependencies>

Maven资源过滤设置

<build>
        <resources>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>false</filtering>
            </resource>
            <resource>
                <directory>src/main/resources</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>false</filtering>
            </resource>
        </resources>
    </build>

建立基本结构和配置架构！

com.swae.pojo
com.swae.mapper
com.swae.service
com.swae.controller
com.swae.utils
com.swae.filter
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层编写

database.properties

driver=com.mysql.jdbc.Driver
# 如果使用的是MySQL8.0+ , 增加一个时区的配置;&serverTimezone=UTC Asia/Shanghai
url=jdbc:mysql://localhost:3306/mybatis?useSSL=true&useUnicode=true&characterEncoding=UTF-8&serverTimezone=UTC
username=root
password=root

service层

public interface BookService{
    //增加一本书
    int addBook(Books books);

    //删除一本书
    int deleteBookById( int id);

    //更新一本书
    int updateBook(Books books);

    //查询一本书
    Books queryBookById(int id);

    //查询全部的书
    List<Books> queryAllBook();
}

public class BookServiceImpl implements BookService {

    //service层 调 dao层 :组合Dao
    private BookMapper bookMapper;
    public void setBookMapper(BookMapper bookMapper) {
        this.bookMapper = bookMapper;
    }


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

    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();
    }
}

Mapper层

public interface BookMapper {

    //增加一本书
    int addBook(Books books);

    //删除一本书
    int deleteBookById(@Param("bookId") int id);

    //更新一本书
    int updateBook(Books books);

    //查询一本书
    Books queryBookById(@Param("bookId") int id);

    //查询全部的书
    List<Books> queryAllBook();
}

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<!--核心配置，一个mapper对应一个接口-->
<mapper namespace="com.swae.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>

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>

    <!--配置数据源，交给Spring去做-->

    <typeAliases>
        <package name="com.swae.pojo"/>
    </typeAliases>

    <mappers>
        <mapper class="com.swae.mapper.BookMapper"/>
    </mappers>


</configuration>

Spring层编写

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


    <!--2.连接池datasource
        dbcp : 半自动化操作，不能自动连接
        c3p0 : 自动化操作（自动化的加载配置文件，并且可以自动设置到对象中！）
        druid : hikari
    -->
    <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>


    <!--3.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="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
        <!--要扫描的dao包-->
        <property name="basePackage" value="com.swae.mapper"/>
    </bean>


</beans>

spring-service.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: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">


    <!--1.扫描service下的包-->
    <context:component-scan base-package="com.swae.service"/>

    <!--2.将我们的所有业务类，注入到Spring，可以通过配置，或者注解实现-->
    <bean id="BookServiceImpl" class="com.swae.service.BookServiceImpl">
        <property name="bookMapper" ref="bookMapper"/>
    </bean>

    <!--3.声明式事务配置-->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"/>
    </bean>

    <!--4.aop事务支持！-->
</beans>

SpringMVC层编写

增加web支持
web.xml

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

    <!--DispatcherServlet-->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:spring-mvc.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
    
    <!--乱码过滤-->
    <filter>
        <filter-name>encodingFilter</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>encodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

    <!--Session过期时间-->
    <session-config>
        <session-timeout>15</session-timeout>
    </session-config>

</web-app>

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

    <!--1.注解驱动-->
    <mvc:annotation-driven/>

    <!--2.静态资源过滤-->
    <mvc:default-servlet-handler/>

    <!--3.扫描包：controller-->
    <context:component-scan base-package="com.swae.controller"/>

    <!--4.视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>


</beans>

在WEB-INF下创建好对应的jsp

功能实现

查询书籍功能

Controller

@Controller
@RequestMapping("/book")
public class BookController {
    //controller 调 service层
    @Autowired
    @Qualifier("BookServiceImpl")
    private BookService bookService = new BookServiceImpl();

    //查询全部的书籍，并且返回到一个书籍展示页面

    @RequestMapping("/allBook")
    public String list(Model model){
        List<Books> books = bookService.queryAllBook();

        model.addAttribute("list",books);

        return "allBook";
    }
}

出现问题-排错步骤

1.问题： bean不存在

步骤
1. 查看这个bean是否注入成功！  ok
2. Junit单元测试，看我们代码是否能够查询出来结果！   ok
3. 问题，一定不在我们底层，是spring除了问题！
4. SpringMVC,整合的时候没调用到我们的service层的bean;
    1. applicationContext.xml 没有注入bean
    2. web.xml中,我们也绑定过配置文件！发现问题，我们配置的是springmvc-servlet
    这里确实没有service层的bean，所以报空指针

添加书籍

Controller

@Controller
@RequestMapping("/book")
public class BookController {
    //controller 调 service层
    @Autowired
    @Qualifier("BookServiceImpl")
    private BookService bookService = new BookServiceImpl();

    //查询全部的书籍，并且返回到一个书籍展示页面

    @RequestMapping("/allBook")
    public String list(Model model){
        List<Books> books = bookService.queryAllBook();

        model.addAttribute("list",books);

        return "allBook";
    }

    //调换到增加书籍页面
    @RequestMapping("/toAddBook")
    public String toAddPager(){
        return "addBook";
    }

    //添加书籍的请求
    @RequestMapping("/addBook")
    public String addBook(Books books){
        System.out.println("addBook=>" + books);
        bookService.addBook(books);
        return  "redirect:/book/allBook";//重定向到我们的@RequestMapping("/allBook")请求
    }
}

index.jsp

<%--
  Created by IntelliJ IDEA.
  User: 86182
  Date: 21.1.24
  Time: 14:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>首页</title>

    <style>
      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: 5px;
      }
    </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" %>
<%--
  Created by IntelliJ IDEA.
  User: 86182
  Date: 21.1.25
  Time: 12:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>书籍展示页面</title>

    <%--BooStrap美化界面--%>

    <link href="https://cdn.staticfile.org/twitter-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 class="row">
            <div class="col-md-4 column">
                <%--toAddBook--%>
                <a class="btn btn-primary" href="${pageContext.request.contextPath}/book/toAddBook">新增书籍</a>
            </div>
        </div>

    </div>

    <div class="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>
                    </tr>
                </thead>

                <%--书籍从数据库中查询出来，从这个list中遍历出来 : foreach--%>
                <tbody>
                    <c:forEach var="book" items="${list}">
                        <tr>
                            <td>${book.bookID}</td>
                            <td>${book.bookName}</td>
                            <td>${book.bookCounts}</td>
                            <td>${book.detail}</td>
                        </tr>
                    </c:forEach>
                </tbody>
            </table>
        </div>
    </div>

</div>



</body>
</html>

<%--
  Created by IntelliJ IDEA.
  User: 86182
  Date: 21.1.25
  Time: 13:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

    <%--BooStrap美化界面--%>

    <link href="https://cdn.staticfile.org/twitter-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>

    <form action="${pageContext.request.contextPath}/book/addBook" method="post">
        <div class="form-group">
            <label >书籍名称:</label>
            <%--这里的name必须跟实体跟的属性名一样--%>
            <input type="text" name="bookName" class="form-control" required>
        </div>
        <div class="form-group">
            <label>书籍数量:</label>
            <input type="text" name="bookCounts" class="form-control" required>
        </div>
        <div class="form-group">
            <label>书籍描述:</label>
            <input type="text" name="detail" class="form-control" required>
        </div>
        <div class="form-group">
            <input type="submit" class="form-control" value="添加">
        </div>
    </form>

</div>
</body>
</html>

修改删除书籍

Controller

 //跳转到修改页面
    @RequestMapping("/toUpdate")
    public String  toUpdatePaper(int id,Model model){
        Books books = bookService.queryBookById(id);
        model.addAttribute("QBook",books);
        return "updateBook";
    }

    //修改书籍
    @RequestMapping("/updateBook")
    public String updateBook(Books books){
        System.out.println("updateBook=>" + books);
        bookService.updateBook(books);
        return "redirect:allBook";
    }

    //删除书籍
    @RequestMapping("/deleteBook/{bookId}")
    public String deleteBook(@PathVariable("bookId") int id){
        bookService.deleteBookById(id);
        return "redirect:allBook";
    }

updateBook.jsp

<%--
  Created by IntelliJ IDEA.
  User: 86182
  Date: 21.1.25
  Time: 16:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>修改书籍</title>
    <%--BooStrap美化界面--%>

    <link href="https://cdn.staticfile.org/twitter-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>

    <form action="${pageContext.request.contextPath}/book/updateBook" method="post">

        <%--
        出现的问题：我们提交了修改的SQL请求，但是修改失败，
        初次考虑是事务问题，配置完毕事务，依旧失败。
        看一下SQL语句，能否执行成功：SQL执行失败。
        前端传递隐藏域
        --%>

        <input type="hidden"name="bookID" value="${QBook.bookID}">

        <div class="form-group">
            <label >书籍名称:</label>
            <%--这里的name必须跟实体跟的属性名一样--%>
            <input type="text" name="bookName" class="form-control" value="${QBook.bookName}" required>
        </div>
        <div class="form-group">
            <label>书籍数量:</label>
            <input type="text" name="bookCounts" class="form-control" value="${QBook.bookCounts}" required>
        </div>
        <div class="form-group">
            <label>书籍描述:</label>
            <input type="text" name="detail" class="form-control" value="${QBook.detail}" required>
        </div>
        <div class="form-group">
            <input type="submit" class="form-control" value="修改">
        </div>
    </form>
</div>

</body>
</html>

正常访问流程
在这里插入图片描述
编写流程：从下往上写。Dao->Service->Controller->前端

10、Ajax

异步无刷新请求

AJAX = Asynchronous JavaScript and XML （异步的 JavaScript 和XML）

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

Ajax初体验

项目搭建
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">

    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:applicationContext.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
     
    
    <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>

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"
       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.swae.controller"/>
    <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>

test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe测试体验页面无刷新</title>

    <script>
        function go() {
            //所有的值和变量，提前获取。先拿到document
            var url = document.getElementById("url").value;
            document.getElementById("iframeOne").src=url;
        }
    </script>

</head>
<body>

<div>
    <p>请输入地址：</p>
    <p>
        <input type="text" id="url" value="">
        <input type="button" value="提交" onclick="go()">
    </p>
</div>


<div>
    <iframe id="iframeOne" style="width: 100%;height: 500px;"></iframe>
</div>

</body>
</html>

jQuery是一个库；js 的大量函数（方法）
在web/static/js下导入jquery-3.4.1.js

简单体验：

配置web.xml和springmvc的配置文件

<?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
       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.swae.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>

在这里插入图片描述
Controller:

@RestController
public class AjaxController {

    @RequestMapping("/t1")
    public String test(){
        return "hello";
    }

    @RequestMapping("/a1")
    public void a1(String name, HttpServletResponse response) throws IOException {

        System.out.println("a1:param=>" + name);
        if ("swae".equals(name)){
            response.getWriter().println("true");
        }else {
            response.getWriter().println("false");
        }
    }
}

index.jsp

<%--
  Created by IntelliJ IDEA.
  User: 86182
  Date: 21.1.25
  Time: 22:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>

    <script src="${pageContext.request.contextPath}/static/js/jquery-3.4.1.js"></script>

    <%--js 是一个随便的语言--%>
    <script>
      function a(){
        $.post({
          url:"${pageContext.request.contextPath}/a1",
          data:{"name":$("#username").val()},
          success:function (data,status) {
            console.log("data=" + data);
            console.log("status=" + status);//200成功 300重定向/转发 400客户端错误 500服务器错误
          },
          error:function () {
            
          }
        })
      }

    </script>
  </head>
  <body>


  <%--失去焦点的时候，发起一个请求(携带信息)到后台--%>
  用户名：<input type="text" id="username" onblur="a()">



  </body>
</html>

需要掌握：html+css：略懂+js（超级熟练）

js：

函数：闭包（）（）
Dom
- id，name，tag
- create，remove
Bom
- window
- document.title

ES6：import require

Ajax异步加载数据

Controller

package com.swae.controller;

import com.swae.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

/**
 * @author shkstart
 * @date 21.1.25 - 22:11
 */
@RestController
public class AjaxController {

    @RequestMapping("/t1")
    public String test(){
        return "hello";
    }

    @RequestMapping("/a1")
    public void a1(String name, HttpServletResponse response) throws IOException {

        System.out.println("a1:param=>" + name);
        if ("swae".equals(name)){
            response.getWriter().println("true");
        }else {
            response.getWriter().println("false");
        }
    }

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

        //添加数据
        userList.add(new User("swaeJava",1,"男"));
        userList.add(new User("swae前端",2,"女"));
        userList.add(new User("swae运维",3,"男"));

        return userList;
    }
}

test2.jsp
注意，此处JavaScript language version为ECMAScript 6，可在Idea中配置
在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="${pageContext.request.contextPath}/static/js/jquery-3.4.1.js"></script>

    <script>
        $(function () {
            $("#btn").click(function(){
                /*
                简写
                $.post(url , param[可以省略] , success)
                */
                $.post("${pageContext.request.contextPath}/a2",function (data) {
                    console.log(data);
                    var html="";

                    /*因为js是很随意的语言，使用let让i值只在for内生效，更安全。使用var，i值在外面也可以取出*/
                    for (let i = 0; i <data.length; i++) {
                        html += "<tr>" +
                            "<td>" + data[i].name + "</td>" +
                            "<td>" + data[i].age + "</td>" +
                            "<td>" + data[i].sex + "</td>" +
                            "</tr>"
                    }
                    $("#content").html(html);
                })
            })
        });

    </script>

</head>
<body>


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

    </tbody>
</table>

</body>
</html>

Ajax验证用户名体验

Controller:

package com.swae.controller;

import com.swae.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

/**
 * @author shkstart
 * @date 21.1.25 - 22:11
 */
@RestController
public class AjaxController {

    @RequestMapping("/t1")
    public String test(){
        return "hello";
    }

    @RequestMapping("/a1")
    public void a1(String name, HttpServletResponse response) throws IOException {

        System.out.println("a1:param=>" + name);
        if ("swae".equals(name)){
            response.getWriter().println("true");
        }else {
            response.getWriter().println("false");
        }
    }

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

        //添加数据
        userList.add(new User("swaeJava",1,"男"));
        userList.add(new User("swae前端",2,"女"));
        userList.add(new User("swae运维",3,"男"));

        return userList;
    }

    @RequestMapping("/a3")
    public String a3(String name,String pwd){
        String msg = "";
        if (name != null){
            //admin 本应在数据库中查
            if ("admin".equals(name)){
                msg = "ok";
            }else {
                msg = "用户名有误";
            }
        }
        if (pwd != null){
            //123456 本应在数据库中查
            if ("123456".equals(pwd)){
                msg = "ok";
            }else {
                msg = "密码有误";
            }
        }
        return msg;
    }
}

<%--
  Created by IntelliJ IDEA.
  User: 86182
  Date: 21.1.27
  Time: 12:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="${pageContext.request.contextPath}/static/js/jquery-3.4.1.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>

失去焦点后效果：
在这里插入图片描述

在这里插入图片描述

11、拦截器是什么？

概述

过滤器与拦截器的区别：拦截器是AOP思想的具体应用（横切进去的）

过滤器

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

拦截器

拦截器是SpringMVC框架自己的，只有使用了SpirngMVC框架的工程才能使
用拦截器只会拦截访问的控制器方法，如果访问的是jsp/html/css/image/js是不会进行拦截的（applicationContext.xml）AOP思想

自定义拦截器

如何实现拦截器？

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

环境搭建

web.xml
applicationContext.xml
controller

config/MyInterceptor

package com.swae.config;

import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;

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

/**
 * @author shkstart
 * @date 21.1.27 - 13:50
 */
public class MyInterceptor implements HandlerInterceptor {

    //return true; 执行下一个拦截器，放行
    //return false; 不执行下一个拦截器
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        System.out.println("======处理前=========");
        return true;

    }
  //日志
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
        System.out.println("**********处理后**********");
    }

    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
        System.out.println("+++++++++++清理++++++++++");
    }
}

applicationContext.xml
配置拦截器

<!--拦截器配置-->
    <mvc:interceptors>
        <mvc:interceptor>
            <!--包括整个请求下面的所有请求/**-->
            <mvc:mapping path="/**"/>
            <bean class="com.swae.config.MyInterceptor"/>
        </mvc:interceptor>
    </mvc:interceptors>

完整

<?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
       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.swae.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>
    <!--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>

    <!--拦截器配置-->
    <mvc:interceptors>
        <mvc:interceptor>
            <!--包括整个请求下面的所有请求/**-->
            <mvc:mapping path="/**"/>
            <bean class="com.swae.config.MyInterceptor"/>
        </mvc:interceptor>
    </mvc:interceptors>
    
</beans>

方法执行效果：
在这里插入图片描述

public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        return false;
    }

return false;则进不去网页。request，response实现重定向和转发（到首页）。

登录判断验证

我们实现一种功能：登陆后访问首页，没登陆访问不了首页。

Controller:

package com.swae.controller;

import com.sun.org.apache.xpath.internal.operations.Mod;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.http.HttpSession;

/**
 * @author shkstart
 * @date 21.1.27 - 18:34
 */
@Controller
@RequestMapping("/user")
public class LoginController {

    @RequestMapping("/login")
    public String login(HttpSession session,String username, String password
    ,Model model){
        System.out.println("login===>" + username);
        //把用户的信息存在session中;
        session.setAttribute("userLoginInfo", username);
        model.addAttribute("username",username);
        model.addAttribute("password",password);
        return "main";
    }
    @RequestMapping("/main")
    public String main(){
        return "main";
    }
    @RequestMapping("/goLogin")
    public String login(){
        return "login";
    }

    @RequestMapping("/goOut")
    public String goOut(HttpSession session){
        //把用户的信息在session中移除;
//        session.invalidate(); 这个方法不如下面的方法，因为浏览器关了，session才移除。
        session.removeAttribute("userLoginInfo");
        return "main";
    }
}

config/LoginInterceptor

package com.swae.config;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.HandlerInterceptor;

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

/**
 * @author shkstart
 * @date 21.1.27 - 18:47
 */
public class LoginInterceptor implements HandlerInterceptor {
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        HttpSession session = request.getSession();
        //放行的判断：判断什么情况下登录

        //登录页面也会放线
        if (request.getRequestURI().contains("goLogin")){
            return true;
        }
        //说明我在提交登录
        if (request.getRequestURI().contains("login")){
            return true;
        }
        //第一次登录，也是没有session的
        if (session.getAttribute("userLoginInfo")!=null){
            return true;
        }

        //判断什么情况下没有登录
        request.getRequestDispatcher("/WEB-INF/jsp/login.jsp").forward(request, response);
        return false;
    }
}

main.jsp

<%--
  Created by IntelliJ IDEA.
  User: 86182
  Date: 21.1.27
  Time: 18:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<h1>首页</h1>

<%--取出数据--%>
<span>${username}</span>
<span>${password}</span>

<p>
    <a href="${pageContext.request.contextPath}/user/goOut">注销</a>
</p>
</body>
</html>

index.jsp

<%--
  Created by IntelliJ IDEA.
  User: 86182
  Date: 21.1.27
  Time: 13:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>

  <h1>
    <a href="${pageContext.request.contextPath}/user/goLogin">登陆页面</a>
  </h1>
  <h1>
    <a href="${pageContext.request.contextPath}/user/main">首页</a>
  </h1>

  </body>
</html>

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

<%--在web-inf下的所有页面或者资源，只能通过controller，或者servlet进行访问--%>

<h1>登陆页面</h1>

<form action="${pageContext.request.contextPath}/user/login" method="post">
    用户名：<input type="text" name="username">
    密  码：<input type="text" name="password">
    <input type="submit" value="提交">
</form>

</body>
</html>

applicationContext.xml中配置

 <mvc:interceptor>
            <!--包括整个请求下面的所有请求/**-->
            <mvc:mapping path="/user/**"/>
            <bean class="com.swae.config.LoginInterceptor"/>
        </mvc:interceptor>

12、文件上传和下载

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

mutipart/form-data:这种编码会以二进制流的方式来处理表单数据。

文件上传

<!--文件上传-->
	  <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>

文件上传

 <!--文件上传配置-->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="defaultEncoding" value="utf-8"/>
        <property name="maxInMemorySize" value="40960"/>
        <property name="maxUploadSize" value="10485769"/>
    </bean>

Controller

//@RequestParam("file") 将name=file控件得到的文件封装成CommonsMultipartFile 对象
    //批量上传CommonsMultipartFile则数组即可
    @RequestMapping("upload")
    public String fileUpload(@RequestParam("file")CommonsMultipartFile file, HttpServletRequest request) throws IOException {

        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();
        }
        os.close();
        is.close();
        return "redirect:/index.jsp";
    }

测试文件上传。

第二种方式：采用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";
    }

文件下载

文件下载步骤

设置response响应头
读取文件 – InputStream
写出文件 – OutputStream
执行操作
关闭流（先开后关）

@RequestMapping("/download")
    public String downloads(HttpServletResponse response,HttpServletRequest request)throws  Exception {

        //要下载的图片地址  只改这里
        String path = request.getServletContext().getRealPath("/upload");
        String fileName = "基础语法.jpg";

        //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;
    }

index.jsp

<%--
  Created by IntelliJ IDEA.
  User: 86182
  Date: 21.1.27
  Time: 19:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>

  <form action="${pageContext.request.contextPath}/upload" enctype="multipart/form-data" method="post">
    <input type="file" name="file">
    <input type="submit" value="upload">
  </form>

  <a href="${pageContext.request.contextPath}/static/简历1.jpg">下载图片</a>

  </body>
</html>

本文章参考视频：B站-狂神说

PinkandWhite

关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
5
评论
SpringMVC框架笔记 SSM整合

SpringMVCSpringMVC官方文档：https://docs.spring.io/spring-framework/docs/current/reference/html/web.html#mvcssm : mybatis + Spring + SpringMVC MVC三层架构JavaSE ：认真学习，老师带，入门快JavaWeb：认真学习，老师带，入门快SSM框架：研究官方文档，锻炼自学能力，锻炼笔记能力，锻炼项目能力SpringMVC + Vue + SpringBoot +
复制链接

扫一扫