javaweb实训第六天上午——JSON&SpringMVC进阶（1）-阿里云开发者社区

1.课程介绍

JSON；（了解）
SpringMVC返回JSON；（掌握）
SpringMVC文件上传、下载；（掌握）
SpringMVC拦截器；（掌握）
SpringMVC执行流程；（掌握）

2.JSON

2.1.JSON概述

在实际开发中，通常需要和别的系统交换数据，数据交换的格式通常有XML和JSON等；

JSON（JavaScript Object Notation：JavaScript对象表示法）是一种基于JavaScript 语法开放的轻量级数据交换格式，使用js语法来描述数据对象；

JSON作为一个轻量级的数据格式，相对于XML，文档更小，结构清晰简洁，读写效率更高，XML需要很多的标签，在数据传输的时候无疑会消耗更多网络资源和流量：

(1)用XML表示一个对象：

<person id="1">
<name>tom</name>
<age>20</age>
<salary>5000.0</salary>
</person>

(2)用JSON表示一个对象：{“id”:1,“name”:“tom”,“salary”:5000.0}

2.2.JSON语法

2.2.1.如何用JSON表示一个对象

简单对象：

var obj={“name”:“tom”,“age”:34}; alert(obj.name); //tom复杂对象：

var obj={“name”:“vikey”,“address”:{“city”:“成都”,“street”:“九眼桥”,“room”:“215”}}; alert(obj.address.street); //九眼桥

2.2.2.如何用JSON表示一个数组

语法：

var obj = [value,value,value]
value可以是ob

ject、数组、简单数据类型（string、number、boolean等）、json对象

例子：

var obj = [
{”id”:1,”name”:”tom1”,”salary”:5000.0},
{”id”:2,”name”:”tom2”,”salary”:6000.0},
{”id”:3,”name”:”tom3”,”salary”:7000.0}
]
alert(obj.length);
alert(obj[1].name);

遍历：

注意：json中数据的属性名必须用双引号或单引号引起来（双引号是标准格式，单引号是非标准格式），属性值如果是字符型必须用引号引起来；

2.2.3.JSON字符串和JSON对象

JSON字符串：
var obj = ‘{“id”:1,”name”:”tom”,”salary”:5000.0}’;
alert(obj.id);  X
Json对象：
var obj = {“id”:1,”name”:”tom”,”salary”:5000.0};
alert(obj.id);    //1
alert(obj.name);     //tom

3.SpringMVC返回JSON

1.有时候后台需要向前台传递JSON格式的数据，那么这个时候要把Java对象转换为JSON，就需要第三方的支持：

(1)Jackson：http://jackson.codehaus.org/

(2)JSON-lib：http://json-lib.sourceforge.net/

(3)Gson：http://code.google.com/p/google-gson/

(4)FastJson阿里开源

3.1.Java对象转成JSON格式的数据

1.加入jackson工具包：

2.后台编程（使用@ResponseBody注解）：

3.2.Json中对日期格式的特殊处理

从后台向前台：

(1)默认返回的日期格式为时间戳，而在前台我们希望显示出指定规则的日期字符串：

默认：{“name”：“小明哥”,“birthdate”：121223223}

期望: {“name”：“小明哥”,“birthdate”：“2025-12-12 14:12:12”}

(2)在日期get属性，字段上，添加一个格式化注解 import com.fasterxml.jackson.annotation.JsonFormat;

@JsonFormat(pattern=“yyyy-MM-dd HH:mm:ss”,timezone=“GMT+8”)

从前台向后台：

(1)在后台模型的setter方法上，添加注解：

@DateTimeFormat(pattern=“yyyy-MM-dd HH:mm:ss”)

(2)访问地址：localhost:8080/jsonV587?birthDay=2017-06-13 16:50:53

(3)后台接收：

@RequestMapping("/getJson")
@ResponseBody//将返回的数据自动转换成json格式的数据，而且是用了@ResponseBody，不会经过视图解析器
public Date getJson(User user){//接收的用对象接收，直接用Date类型的参数会报400（请求无效）
  System.out.println(user.getBirthday());
  return user.getBirthday();
}

3.3.注意事项

出现406状态异常：缺少jar包，加入jackson的jar包即可；

使用@ResponseBody注解之后，不会经过视图解析器；
如果在ie中测试，会弹出下载文件的窗口，可以在spring-mvc.xml的

<mvc:annotation-driven>中加入以下配置解决：
<!-- 开启spring对MVC的支持 -->
<mvc:annotation-driven>
  <!-- 避免在IE浏览器中返回JSON时出现下载文件的情况 -->
  <mvc:message-converters>
    <bean id="mappingJackson2HttpMessageConverter"
    class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
      <property name="supportedMediaTypes">
        <list>
          <value>text/html;charset=UTF-8</value>
        </list>
      </property>
    </bean>
  </mvc:message-converters>
</mvc:annotation-driven>

4.文件上传与下载

4.1.文件上传

文件上传：指的是将本地的文件复制到服务器上；

SpringMvc中的文件上传是对原生文件上传的封装，目的是，较少代码量，提高开发效率；

文件上传三要素：

(1)表单的提交的方式必须是POST请求（get请求对提交的数据）

(2)表单中必须有一个文件上传项:，文件上传项必须有name属性和值；

(3)表单的enctype属性的值必须是multipart/form-data

4.1.1.添加jar文件

由于SpringMVC自己没有实现文件上传，它使用的是apache.commons.fileupload

com.springsource.org.apache.commons.fileupload-1.2.0.jar

com.springsource.org.apache.commons.io-1.4.0.jar

4.1.2.jsp页面

4.1.3.配置上传解析器

SpringMVC使用MultipartFile来进行文件上传，所以我们首先要配置MultipartResolver，用于处理表单中的file，如果没有配置就会报如下错误：提示告诉开发者你没有配置文件上传解析器：

配置MultipartResolver：注意id="multipartResolver"的id值不能乱写

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
  <!-- 设置上传文件的最大尺寸为1MB -->
  <property name="maxUploadSize">
    <!-- spring el写法：1MB -->
    <value>#{1024*1024}</value>
  </property>
     <!-- 效果同上 -->
<property name="maxUploadSize" value="1048576" />
</bean>

4.1.4.后台处理

@Controller
public class UploadController {
  @RequestMapping(value="/upload",method=RequestMethod.POST)
  public String uploadFile(MultipartFile fileUpload,String name,HttpServletRequest req) throws FileNotFoundException, IOException {
    System.out.println("普通表单获取方式：" + name);
    //上传表单信息：注意MultipartFile对象的名称必须与上传表单项的name属性值一致
    System.out.println("上传文件是否为空:" + fileUpload.isEmpty());
    System.out.println("上传文件的大小（字节）:" + fileUpload.getSize());
    System.out.println("上传文件的类型:" + fileUpload.getContentType());
    System.out.println("上传表单name属性值:" + fileUpload.getName());
    System.out.println("上传文件名:" + fileUpload.getOriginalFilename());
  // 获取upload真实路径:一大巨坑（uploadFile千万不要和请求upload一样的名字，否则第二次上传出现405）
    String realPath = req.getServletContext().getRealPath("/uploadFile");
    File file = new File(realPath);
    if (!file.exists()) {// 如果upload文件夹不存在，就创建
      file.mkdirs();
    }
    String prefix = UUID.randomUUID().toString().replaceAll("-", "");
//使用UUID加前缀命名文件，防止名字重复被覆盖
    String fileName = prefix+"_"+fileUpload.getOriginalFilename();
    InputStream in= fileUpload.getInputStream();;//声明输入输出流
    OutputStream out=new FileOutputStream(new File(realPath+"\\"+fileName));//指定输出流的位置;
    //使用IOUtils.copy实现文件复制 
    IOUtils.copy(in, out);
    System.out.println("上传成功");
    in.close();
    out.close();
    return "redirect:/upload.jsp";
  }
}

4.2.文件下载

文件下载：就是将服务器（表现在浏览器中）中的资源下载（复制）到本地磁盘；

4.2.1.前台代码

前台使用超链接，超链接转到后台控制器，在控制器通过流的方式进行操作；

4.2.2.后台代码

@Controller
public class DownloadController {
  @RequestMapping("/download")
  public void download(String filename,HttpServletRequest req,HttpServletResponse resp) throws Exception{
    //1.获取输入流
    //1.1.获取文件在服务器的绝对路径
    String parentPath = req.getServletContext().getRealPath("/download");
    File file = new File(parentPath, filename);
    if(file.exists()){
      FileInputStream in = new FileInputStream(file);
      //2.获取输出流
      //2.1.设置文件下载的名字  -- 附件表示做下载或上传操作，浏览器就不会将文件的内容直接显示出来了
      resp.setHeader("Content-Disposition", "attachment; filename=" + filename);
      //2.2.获取输出流
      ServletOutputStream out = resp.getOutputStream();
      //3.实现下载
      IOUtils.copy(in, out);
      //关流，释放资源
      out.close();
      in.close();
    }
  }
}

4.2.3.解决中文问题

问题描述：当下载 “美女.rar”，问题就出现了？

解决方法：兼容IE、edge和其他浏览器

分析：如果是IE或edge就用URLEncoder，如果是其他浏览器就要用以下方式解决：

new String（name.getBytes("UTF-8"),"ISO-8859-1"）
user–agent：这个请求头是指用户代理的意思，告诉服务器使什么浏览器；
@Controller
public class DownloadController {
  @RequestMapping("/download")
  public void download(String filename,HttpServletRequest req,HttpServletResponse resp) throws Exception{
    //1.获取输入流
    //1.1.获取文件在服务器的绝对路径
    String parentPath = req.getServletContext().getRealPath("/download");
    File file = new File(parentPath, filename);
    if(file.exists()){
      FileInputStream in = new FileInputStream(file);
      //2.获取输出流
      //2.1.中文文件名称处理（ie和edge都是微软的浏览器 -- 处理方式一样）
//区分浏览器,User-Agent中有浏览器的信息，trident是ie引擎名称，具体：
//mozilla/5.0 (windows nt 6.2; win64; x64; trident/7.0; rv:11.0) like gecko【eclipse自带ie浏览器】
//Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) 
        //Chrome/64.0.3282.140 Safari/537.36 Edge/18.17763【电脑安装的edge浏览器】
//mozilla/5.0 (windows nt 10.0; win64; x64; rv:68.0) gecko/20100101 firefox/68.0【火狐】
//mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml, like gecko) chrome/73.0.3683.86 safari/537.36【谷歌】
      //ie浏览器
      if(req.getHeader("User-Agent").toUpperCase().indexOf("TRIDENT")!=-1){
        filename = URLEncoder.encode(filename, "utf-8");
        //电脑自带edge【edʒ】浏览器  
      }else if(req.getHeader("User-Agent").toUpperCase().indexOf("EDGE")!=-1){    
        filename = URLEncoder.encode(filename, "utf-8");
      }else{//其他浏览器
        filename = new String(filename.getBytes("UTF-8"),"ISO-8859-1");//转码的方式
      };
      //2.2.设置文件下载的名字  -- 附件表示做下载或上传操作，浏览器就不会将文件的内容直接显示出来了
      resp.setHeader("Content-Disposition", "attachment; filename=" + filename);
      //2.3.获取输出流
      ServletOutputStream out = resp.getOutputStream();
      //3.实现下载
      IOUtils.copy(in, out);
      //关流，释放资源
      out.close();
      in.close();
    }
  }
}

页面：

<a href='/download?fileName=<%=URLEncoder.encode("美女.jpg", "utf-8") %>'>美女.jpg</a>

注：Microsoft Edge和IE的最大区别就是Edge 是windows 10 之后有微软推出的浏览器，而在windows 10 之前微软系统自家浏览器都是IE；

javaweb实训第六天上午——JSON&SpringMVC进阶（2）https://developer.aliyun.com/article/1415131?spm=a2c6h.13148508.setting.32.6e1a4f0eQzpjQW

javaweb实训第六天上午——JSON&SpringMVC进阶（1）