0509-web：app页面完善：s-mvc交互框架（数据绑定）/jump/session机制（连接信息记录）/文件上传

spring-mvc交互框架

概述

Controller会返回一个ModelAndView的实例
Spring根据ModelAndView实例中的View和Model把信息反馈给用户
视图是以名字为标识
：ViewResolver通过名字来解析view，Spring提供了多种视图解析器
ModelAndView：
--呈现画面时所使用的Model与View的封装（由于Java一次只能返回一个对象（当然也可以返回两个（通过返回HashMap 或ArrayListObject对象）只是不那么优雅

构造ModelAndView——可重载的构造方法ModelAndView()

例如ModelAndView(String viewName)
--只有View的名称，之后model和View名称被View resolver解析并生成实际试图
--View resolver也就是org.springframework.web.servlet.View的实例解析，例如 InternalResourceView或JstlView等等

关于前端数据（输入）如何传递——叫数据绑定

数据绑定：请求附带的表单数据，绑定到，执行方法的参数变量
SpringMVC提供了丰富的接受参数的方法

原始方式request.getParameter()
方法形参与前台参数同名（常用
--和表单字段名相同的model/方法参数名：可以自动同名匹配，然后进行封装
还有很多，详细参见https://zhuanlan.zhihu.com/p/69033746数据绑定部分

页面自动跳转/重定向

就一步

    //重定向
    @RequestMapping("/jump")
    public ModelAndView jump() {
        ModelAndView mav = new ModelAndView("redirect:/home/index");
        return mav;
    }

Session机制

配合/基于cookie机制，弥补http连接独立+无状态的一些不足，比如永久/自动登录

cookie机制：

Cookie是一小段的文本信息
客户端请求服务器，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie
客户端浏览器把Cookie保存起来
当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器
服务器检查该Cookie，以此来辨认用户状态。服务器还可以根据需要修改Cookie的内容

cookie实现：

Java中把Cookie封装成了javax.servlet.http.Cookie类

每个Cookie都是该Cookie类的对象，服务器通过操作Cookie类对象对客户端Cookie进行操作
通过request.getCookie()获取客户端提交的所有Cookie（以Cookie[]数组形式返回），通过response.addCookie(Cookiecookie)向客户端设置Cookie。

Cookie对象使用key-value属性对的形式保存用户状态

一个Cookie对象保存一个属性对，一个request或者response同时使用多个Cookie

session机制

用户信息保存在服务器上，客户端访问时手持id（cookie）查询自己上次保存的状态

对应的类为javax.servlet.http.HttpSession类
Session对象是在客户端第一次请求（非静态资源）服务器的时候创建的，用于保存客户的状态信息
Session也是一种key-value的属性对，通过getAttribute(Stringkey)和setAttribute(String key，Objectvalue)方法读写客户状态信息
有时效性，不活跃就清除了

session的用户认证（绑定某个session对象到一次连接/请求）通过cookie完成（HTTP连接不存储状态）
手持相同的cookie就是相同的用户

某seesion实例在浏览器内运行情况（safari和chrome实测）

常规模式：新开tab、新开window后重新连接，都能绑定到同样的session。浏览器重启后原session失效（可能是cookie失效
无痕模式：与常规窗口不共享，页面、窗口间也不共享

文件上传

接收图片的jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="java.util.*" isELIgnored="false"%>
<!--<form> 标签用于为用户输入创建 HTML 表单-->
<!--action指定数据目的地，method指定发送方法，enctype指定编码-->
<form action="/upload/uploadImage" method="post" enctype="multipart/form-data">
<!--input标签收集信息，type规定 input 元素的类型，image为文件名称，accept指定文件类型-->
选择图片:<input type="file" name="image" accept="image/*" /> <br>
<!--submit提交，触发动作（一次表单传送+跳转到目的url）-->
<input type="submit" value="上传">
</form>

接受图片的pojo

//封装MultipartFile类型的字段File,用于接受页面的注入
public class UploadedImageFile {
//与上传页面upload.jsp中的image对应（数据自动绑定
 MultipartFile image;
public MultipartFile getImage() {
  return image;
  }
public void setImage(MultipartFile image) {
  this.image = image;
  }
}

处理上传数据的controller

@Controller
@RequestMapping("/upload")
public class UploadController {
//对应于upload.jsp中的action
   @RequestMapping("/uploadImage")
//方法的第二个参数 UploadedImageFile中已经注入好了image
   public ModelAndView upload(HttpServletRequest request, UploadedImageFile file)
throws IllegalStateException, IOException {
//防止重名文件覆盖所以采用随机名称
       String name = RandomStringUtils.randomAlphanumeric(10);
//文件名尾缀设为.jpg
       String newFileName = name + ".jpg";
//获取image目录，建立上传的文件存放的File
       File newFile = new File(request.getServletContext().getRealPath("/image"), newFileName);
//复制上传内容到File
       file.getImage().transferTo(newFile);
//在控制台输出绝对路径位置方便查看（tomcat有效，jetty没找到在哪看
       System.out.println(request.getServletContext().getRealPath("/image"));
//转到图片展示页面
ModelAndView mav = new ModelAndView("showUploadedFile");
mav.addObject("imageName", newFileName); //imageName是传向view的参数
return mav;
}
}

展示图片的jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<!--src表示图片地址-->
<img src="/image/${imageName}"/>

参考：
https://blog.csdn.net/H12KJGJ/article/details/70307417
https://zhuanlan.zhihu.com/p/69033746
https://blog.csdn.net/fangaoxin/article/details/6952954