SpringMVC day5

SpringMVC

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

javaSE：认真学习，老师带，入门快

javaWeb：认真学习，老师带，入门快

SSM框架：研究官方文档，锻炼自学能力，锻炼笔记能力，锻炼项目能力

SpringMVC + Vue + SpringBoot + SpringCloud + Linux

Spring：IOC 和 AOP

SpringMVC：SpringMVC的执行流程！

SpringMVC：SSM框架整合！

MVC：模型（dao，service）试图（jsp）控制器（Servlet）

什么是MVC

MVC是模型（Model）、视图（View）、控制器（Controller）的简写，是一种软件设计规范。
是将业务逻辑、数据、显示分离的方法来组织代码。
MVC主要作用是降低了视图与业务逻辑间的双向耦合。
MVC不是一种设计模式，MVC是一种架构模式。当然，不同的MVC存在差异。

Model（模型）：数据模型，提供要展示的数据，因此包含数据和行为，可以认为是领域模型或JavaBean组件（包含数据和行为），不过现在一般都分离开来：Value Object（数据Dao）和服务层（行为Service）。也就是模型提供了模型数据查询和模型数据的状态更新等功能，包括数据和业务。

View（视图）：负责进行模型的展示，一般就是我们见到的用户界面，客户想看到的东西。

Controller（控制器）：接受用户请求，委托给模型进行处理（状态改变），处理完毕后把返回的模型数据返回给视图，由视图负责展示。也就是说控制器做了个调度员的工作。

最典型的MVC就是JSP + servlet + javabean的模式

MVC框架要做哪些事情

将url映射到java类或者Java类的方法。
封装用户提交的数据。
处理请求--调用相关的业务处理--封装响应数据。
将响应的数据进行渲染 .jsp/html等表示层数据。

dao

service

servlet：转发，重定向

jsp/html

pojo：User

vo：UserVo（从是实体类细分的）

JSP：本质上就是一个servlet

model2时代：

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

职责分析：

Controller：控制器

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

Model：模型

业务逻辑
保存数据的状态

View：页面

显示页面

MVVM：M V VM（viewmodel）双向绑定

Spring：大杂烩，我们可以将SpringMVC中所有要用到

什么是Spring MVC

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

Spring MVC的特点：

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

Spring的web框架围绕DispatcherServlet【调度Servlet】设计

DispatcherServlet的作用是将请求分发到不同的处理器。从Spring2.5开始，使用Java 5或者以上版本的用户可以采用基于注解形式进行发开，十分简洁。

正因为SpringMVC好，简单，便捷，易学，天生和Spring无缝集成（使用SpringIOC和AOP），使用约定由于配置。能够进行简单的junit测试。支持Restful锋哥，异常处理，本地化，国际化，数据验证，类型转换，拦截器等等......所以我们要学习。

执行流程

DispatcherServilet表示前置控制器，是整个SpringMVC的控制中心。用户发出请求，DispatcherServlet接受请求并拦截请求
- 我们假设请求的url为：http://localhost:8080/SpringMVC/hello
- 如上url拆分成三部分：
- http://localhost:8080服务器域名
- SpringMVC部署在服务器上的web站点
- hello表示控制器
- 通过分析，如上url表示为：请求位于服务器localhost：8080上的SpringMVC站点的hello控制器
HandlerMapping为处理器映射。DispatcherServlet调用

HandlerMapping.HandlerMapping根据请求url查找Handler。
HandlerExecution表示具体的Handler，其主要作用是根据url查找控制器，如上url被查找控制器为：hello。
HandlerExecution将解析后的信息传递给DispatcherServlet，如解析控制器映射等。
HandlerAdapter表示处理器适配器，其按照特定的规则去执行Handler。
Handler让具体的Controller执行。
Controller将具体的执行信息返回给HandlerAdapter，如ModelAndView。
HandlerAdapter将视图逻辑名或模型传递给DispatcherServlet。
DispatcherServlet调用视图解析器（ViewResolver）来解析HandlerAdapter传递的逻辑视图名。
视图解析器将解析的逻辑视图名传给DispatcherServlet。
DispatcherServlet根据视图解析器的视图结果，调用具体的视图。
最终视图呈现给用户。

用户发起请求的时候他会经过一个前端控制，叫DispatcherServlet，DispatcherServlet会根据请求找到它的映射器，然后再把映射器返回过来，然后再根据映射器去适配HandlerAdapter映射器，这个映射器就是一个Conterller，然后由具体的Conterller去执行，然后Conterller会返回一个ModelAndView，通过 ModelAndView去配置具体的视图解析器，视图解析器返回给前端调用

Controller

控制器Controller

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

实现Controller接口

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

测试：

新建一个Moudle，

编写一个Controller类，ControllerTest1

//只要实现了Controller接口的类，说明这就是一个控制器了
public class ControllerTest1 implements Controller {
    @Override
    public ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
        ModelAndView mv = new ModelAndView();

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


        return mv;
    }
}

编写完毕后，去Spring配置文件中注册请求的bean，name对应请求路径，class对应处理请求的类
```
<bean name="/t1" class="com.sheng.controller.ControllerTest1">
```

编写前端test.jsp，注意在WEB-INF/jsp目录下编写，对应我们的视图解析器。

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

配置Tomcat运行测试

说明：

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

使用注解Controller

@Controller注解类型用于声明Spring类的实例是一个控制器（再将IOC的时候还提到过另外三个注解）；
```
@Component  组件
@Service   servi
@Controller  controller
@Repository  dao
```
Spring可以使用扫描机制来找到应用程序中所有基于注解的控制器类，为了保证Spring能找到你的控制器，需要在配置文件中声明组件扫描。
```
<context:component-scan base-package="com.sheng.controller"/>
```

增加一个ControllerTest2类，使用注解实现；

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

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

运行Tomcat测试

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

RequestMapping

@RequestMapping

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

只注解在方法上面

访问地址：/t1

@Controller
public class ControllerTest3 {

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

同时注解类和方法

访问地址：/c3/t1

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

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

RestFul风格

概念

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

功能

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

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

http://127.0.0.1/item/queryIetem.action?id=1 查询，GET
http://127.0.0.1/item/saveItem.action?id=1 新增,POST
http://127.0.0.1/item/updateItem.action?id=1 更新，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

学习测试：

新建一个类RestfulController

@Controller
public class RestfulController {
}

在SpringMVC中可以使用@PathVariable注解，让发放参数的值对应绑定一个URI模板变量上。

@Controller
public class RestfulController {

//    原来的： http://localhost:8080/add?a=1&b=2
//    Restful的：http://localhost:8080/add/a/b

    @RequestMapping("/add/{a}/{b}")
    public String test1(@PathVariable int a,@PathVariable int b, Model model){

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


        return "test";
    }

}

启动Tomcat测试

思考：使用路径变量的好处

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

小结：

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

所有的地址栏请求默认都会是如下几个：组合注解

@GetMapping@PostMapping@PutMapping@DeleteMapping@PatchMapping

@GetMapping是一个组合注解

它所扮演的角色是@RequestMapping(method = RequestMethod.GET)的一个快捷方式。平时用的会比较多！

SpringMVC：结果跳转方式

ModelAndview

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

页面：（视图解析器前缀）+viewName+（视图解析器后缀）

    <!--视图解析器 : 模板引擎Thymeleaf Freemarker...-->
    <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接口的类，说明这就是一个控制器了
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进行输出
通过HttpServletResponse实现重定向
通过HttpServletRespons实现转发

SpringMVC

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

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

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

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

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

@Controller
public class ModelTest1 {
    @RequestMapping("/m1/t1")
    public String test2(Model model){
        //转发
        model.addAttribute("msg","ModelTest1");
        return "test";
    }
    @RequestMapping("/m1/t1")
    public String test3(Model model){
        //重定向
        model.addAttribute("msg","ModelTest1");
        return "redirect:/index.jsp";
    }
}

SpringMVC：数据处理

处理提交数据

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

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

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

后台输出：123

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

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

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

后台输出：123

提交的是一个对象
要求提交的表单域和对象的属性名一致，参数使用对象即可
1. 实体类
```
public class User{    private int id;    private String name;    private int age;}
```
2. 提交数据：http://localhost:8080/mvc04/user?name=123&id=1%age=15
3. 处理方法：
```
@RequestMapping("/user")public String user(User user){    System.out.println(user);    return "hello";}
```
  后台输出：User（id=1,name='123',age=15）
  
  说明：如果使用对象的话，前端传递的参数名和对象名必须一致，否则就是null。

数据显示到前端

第一种：通过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

ModelMap

  @GetMapping("/t1")    public String test(@RequestParam("username") String name, ModelMap model){        //1.接受前端参数        System.out.println("接收到的前端的参数为："+name);        //2.将返回的结果传递给前端，Model        model.addAttribute("msg",name);        //3.视图跳转        return "test";    }

第三种：Model

Model

  @GetMapping("/t1")
    public String test(@RequestParam("username") String name, Model model){
        //1.接受前端参数
        System.out.println("接收到的前端的参数为："+name);

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

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

对比

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

过滤器

乱码过滤器

    <!--2.配置SpringMVC的乱码过滤器-->
    <filter>
        <filter-name>encdoing</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>encdoing</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

JSON讲解

什么是JSON？

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

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

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

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

{"name":"123"}
{"age":"21"}
{"sex":"男"}

JSON是JavaScript对象的字符串表示法，它是哦那个文本表示一个JS对象的信息，本质是一个字符串。

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

JSON和JavaSript对象互转

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

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

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

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

Controller返回JSON数据

Jackson应该是目前比较好的json解析工具了
当然工具不止这一个，比如还有阿里巴巴的fastjosn等等。

我们这里使用Jackson，使用它需要导入它的jar包；

<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind -->
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.12.3</version>
</dependency>

配置SpringMVC需要的配置

web.xml

<web-app
         xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
	    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
         version="2.5">
    <!--配置DispatchServlet：这个是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>
        <load-on-startup>1</load-on-startup>
    </servlet>

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


    <!--2.配置SpringMVC的乱码过滤器-->
    <filter>
        <filter-name>encdoing</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>encdoing</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
</web-app>

springmvc-servlet.xml

<?xml version="1.0" encoding="UTF-8" ?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns: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">

    <!--&lt;!&ndash;自动扫描包，让指定包下的注解生效，由IOC容器统一管理&ndash;&gt;-->
    <context:component-scan base-package="com.sheng.controller"/>
    <!--&lt;!&ndash;让Spring MVC不处理静态资源   .css  .js  .html  .mp3  .mp4&ndash;&gt;-->
    <!--<mvc:default-servlet-handler/>-->
    <!--<mvc:annotation-driven/>-->

    <!--视图解析器 : 模板引擎Thymeleaf Freemarker...-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver">
        <!--前缀-->
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <!--后缀-->
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

UserController

//@RestController 不走视图解析器
@Controller
public class UserController {

    //对象
    @RequestMapping(value = "/j1",produces = "application/json;charset=utf-8")
    @ResponseBody //它就不会走视图解析器，会直接返回一个字符串
    public String json1() throws JsonProcessingException {

        //jackson , ObjectMapper
        ObjectMapper mapper = new ObjectMapper();

        //创建一个对象
        User user = new User("1号", 3, "男");

        String str = mapper.writeValueAsString(user);

        return str;
    }


    //集合
    @RequestMapping(value = "/j2",produces = "application/json;charset=utf-8")
    @ResponseBody //它就不会走视图解析器，会直接返回一个字符串
    public String json2() throws JsonProcessingException {
        List<User> userList = new ArrayList<User>();
        //创建一个对象
        User user1 = new User("1号", 3, "男");
        User user2 = new User("1号", 3, "男");
        User user3 = new User("1号", 3, "男");
        User user4 = new User("1号", 3, "男");

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

        return JsonUtils.getJson(userList);
    }


    //时间
    @RequestMapping(value = "/j1",produces = "application/json;charset=utf-8")
    @ResponseBody //它就不会走视图解析器，会直接返回一个字符串
    public String json3() throws JsonProcessingException {

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

抽取为工具类

如果要经常使用的话，这样是比较麻烦的，我们可以将这些代码封装到一个工具类中；

package com.sheng.utils;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.SerializationFeature;

import java.text.SimpleDateFormat;
import java.util.Date;

public class JsonUtils {

    public static String getJson(Object object) throws JsonProcessingException {
        return getJson(object,"yyyy-MM-dd HH:mm:ss");
    }


    public static String getJson(Object object,String dateFromat) throws JsonProcessingException {
        ObjectMapper mapper = new ObjectMapper();

        //不适用时间戳的方式
        mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);

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

        return mapper.writeValueAsString(object);

    }
}

Ajax技术

简介

AJAX = Asynchronous JavaScript and XML（异步的JavaScript和XML）。
AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分页面的技术。
Ajax不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
在2005年，Google通过器Google Suggest使AJAX变得流行起来。Google Suggest能够自动帮你完成搜索单词。
Google Suggest使用AJAX创造出动态性极强的web界面：当您在谷歌的搜索框输入关键字时，JavaScript会把这些字符发送到服务器，然后服务器会返回一个搜索建议的列表
就和国内百度的搜索框一样；
传统网页（即不用ajax技术的网页），想要更新内容或者提交一个表单，都需要加载整个网页。
使用ajax技术的网页，通过在后台服务器进行少量的数据交换，就可以实现异步局部更新。
使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。

伪造Ajax

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

新建一个module：spring-06-ajax，导入web支持

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe测试体验页面无刷新</title>
    
    <script>
        function go() {
            //所有的值变量，提前获取
            var url = document.getElementById("url").value;
            document.getElementById("iframe1").src=url;
        }
    </script>
    
    
    
    
</head>
<body>

<div>
    <p>请输入地址：</p>
    <p>
        <input type="text" id="url" value="https://i.cnblogs.com/posts">
        <input type="button" value="提交" onclick="go()">
    </p>

</div>

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

</body>
</html>

使用IDEA开浏览器测试一下

利用AJAX可以做：

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

jQuery.ajax

纯JS原生实现Ajax我们不去讲解这里，直接是哦那个jQuery提供的，方便学习和使用，避免重复造轮子，有兴趣的可以去了解下XMLHttpRequest
Ajax的核心使XMLHttpRequest对象（XHR）。XHR为为服务器发送请求和解析服务器响应提供了接口。能够有异步方式从服务器获取新数据。
jQuery提供多个与AJAX有关的方法。
通过jQuery Ajax方法，您能够使用HTTP Get和HTTP Post从远程服务器上请求文本、HTML、XML或JSON，同时您能够把这些外部数据直接载入网页的被选元素中。
jQuery不是生产者，而是大自然的搬运工。
jQuery Ajax本质就是XML HttpRequest，对他进行了封装，方便调用。

做个最简单的测试，使用最原始的HttpServletResponse处理，最简单，最通用

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

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

    <!--静态资源过滤-->
    <mvc:default-servlet-handler/>
    <!--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>



    <!--视图解析器 : 模板引擎Thymeleaf Freemarker...-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver">
        <!--前缀-->
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <!--后缀-->
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

编写一个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");
      }
  }
}

导入jquery ，可以使用在线的CDN ，也可以下载导入

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

编写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 src="${pageContext.request.contextPath}/statics/js/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>

启动tomcat测试！打开浏览器的控制台，当我们鼠标离开输入框的时候，可以看到发出了一个ajax的请求！是后台返回给我们的结果！测试成功！

Springmvc实现

实体类user

package com.sheng.pojo;

public class User {
    private String name;
    private int age;
    private String sex;

    public User() {
    }

    public User(String name, int age, String sex) {
        this.name = name;
        this.age = age;
        this.sex = sex;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    public String getSex() {
        return sex;
    }

    public void setSex(String sex) {
        this.sex = sex;
    }

    @Override
    public String toString() {
        return "User{" +
                "name='" + name + '\'' +
                ", age=" + age +
                ", sex='" + sex + '\'' +
                '}';
    }
}

我们来获取一个集合对象，展示到前端页面

    @RequestMapping("/a2")
    public List<User> ajax2(){
       List<User> list = new ArrayList<User>();
       list.add(new User("秦老师1号",3,"男"));
       list.add(new User("秦老师2号",3,"男"));
       list.add(new User("秦老师3号",3,"男"));
       return list; //由于@RestController注解，将list转成json格式返回
    }

前端页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="${pageContext.request.contextPath}/statics/js/jquery.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                /*
                * $.post(url, param[可以省略]， success)
                * */
                $.post("${pageContext.request.contextPath}/a2",function (data) {
                    //console.log(data);
                    var html="";
                    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>

注册提示效果

我们再测试一个小Demo，思考一下我们平时注册时候，输入框后面的实时提示怎么做到的；如何优化

Controller

@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; //由于@RestController注解，将msg转成json格式返回
}

前端页面 login.jsp

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

    <script src="${pageContext.request.contextPath}/statics/js/jquery.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>

【记得处理json乱码问题】

拦截器

拦截器概述

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

拦截器是AOP思想的具体应用。
过滤器

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

拦截器

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

自定义拦截器

新建一个Moudule ， springmvc-07-Interceptor ，添加web支持

配置web.xml 和 springmvc-servlet.xml 文件

web.xml

<web-app
         xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
	    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
         version="2.5">

    <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:application.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>

springmvc-servlet.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns: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">
    <!-- 自动扫描指定的包，下面所有注解类交给IOC容器管理 -->
    <context:component-scan base-package="com.lu.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>

编写一个拦截器

package com.lu.interceptor;
import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class MyInterceptor implements HandlerInterceptor {
   //在请求处理的方法之前执行
   //如果返回true执行下一个拦截器
   //如果返回false就不执行下一个拦截器
   public boolean preHandle(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Object o) throws Exception {
       System.out.println("------------处理前------------");
       return true;
  }
   //在请求处理方法执行之后执行
   public void postHandle(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Object o, ModelAndView modelAndView) throws Exception {
       System.out.println("------------处理后------------");
  }
   //在dispatcherServlet处理后执行,做清理工作.
   public void afterCompletion(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Object o, Exception e) throws Exception {
       System.out.println("------------清理------------");
  }
}

在springmvc的配置文件中配置拦截器

<!--关于拦截器的配置-->
<mvc:interceptors>
   <mvc:interceptor>
       <!--/** 包括路径及其子路径-->
       <!--/admin/* 拦截的是/admin/add等等这种 , /admin/add/user不会被拦截-->
       <!--/admin/** 拦截的是/admin/下的所有-->
       <mvc:mapping path="/**"/>
       <!--bean配置的就是拦截器-->
       <bean class="com.lu.interceptor.MyInterceptor"/>
   </mvc:interceptor>
</mvc:interceptors>

编写一个Controller，接收请求

package com.lu.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
//测试拦截器的控制器
@Controller
public class InterceptorController {
    @RequestMapping("/interceptor")
    @ResponseBody
    public String testFunction() {
        System.out.println("控制器中的方法执行了");
        return "hello";
    }
}

前端 index.jsp

<a href="${pageContext.request.contextPath}/interceptor">拦截器测试</a>

启动tomcat 测试一下！

验证用户是否登录 (认证用户)

实现思路

有一个登陆页面，需要写一个controller访问页面。
登陆页面有一提交表单的动作。需要在controller中处理。判断用户名密码是否正确。如果正确，向session中写入用户信息。返回登陆成功。
拦截用户请求，判断用户是否登陆。如果用户已经登陆。放行，如果用户未登陆，跳转到登陆页面

测试：

编写一个登陆页面 login.jsp

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

<%--在Web-inf下的所有页面或者资源，只能通过controlelr，或者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>

编写一个Controller处理请求

package com.lu.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import javax.servlet.http.HttpSession;
@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) throws Exception {
        // session 过期
        session.invalidate();
        return "login";
    }
}

编写一个登陆成功的页面 main.jsp

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

<h1>首页</h1>


<span>${usernaem}</span>

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

编写用户登录拦截器LoginInterceptor.java

package com.sheng.config;

import org.springframework.web.servlet.HandlerInterceptor;

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

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;


    }
}

在Springmvc的配置文件中注册拦截器

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

再次重启Tomcat测试！

文件上传和下载

准备工作

文件上传是项目开发中最常见的功能之一 ,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的组件。

文件上传

1、新建一个Moudule ， springmvc-08-file，添加web支持
2、配置web.xml 和 springmvc-servlet.xml 文件，详见上面
3、导入文件上传的jar包，commons-fileupload ， Maven会自动帮我们导入他的依赖包 commons-io包；

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

4、配置bean：multipartResolver

【注意！！！这个bena的id必须为：multipartResolver ，否则上传文件会报400的错误！在这里栽过坑,教训！】

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

CommonsMultipartFile 的常用方法：

String getOriginalFilename()：获取上传文件的原名
InputStream getInputStream()：获取文件流
void transferTo(File dest)：将上传文件保存到一个目录文件中
我们去实际测试一下

5、编写前端页面

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

6、Controller

package com.lu.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.commons.CommonsMultipartFile;
import javax.servlet.http.HttpServletRequest;
import java.io.*;
@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();
      }
       os.close();
       is.close();
       return "redirect:/index.jsp";
  }
}

7、测试上传文件，OK！
采用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、访问提交测试，OK！

文件下载

文件下载步骤：

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 = "基础语法.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;
}

前端

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

测试

posted @ 2021-08-24 20:12 小帆歌阅读(28) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期（2025年3.1-3.9）
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异

公告

昵称：小帆歌
园龄： 4年3个月
粉丝： 0
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

小帆歌

SpringMVC day5

SpringMVC

什么是MVC

什么是Spring MVC

Controller

控制器Controller

使用注解Controller

RequestMapping

RestFul风格

SpringMVC：结果跳转方式

ModelAndview

ServletAPI

SpringMVC

SpringMVC：数据处理

处理提交数据

数据显示到前端

第一种：通过ModelAndView

第二种：通过ModelMap

第三种：Model

过滤器

JSON讲解

什么是JSON？

Controller返回JSON数据

抽取为工具类

Ajax技术

简介

伪造Ajax

jQuery.ajax

Springmvc实现

注册提示效果

拦截器

拦截器概述

自定义拦截器

验证用户是否登录 (认证用户)

文件上传和下载

准备工作

文件上传

文件下载

公告

搜索

常用链接

随笔档案

阅读排行榜