1. 文件上传
1). 主要是CommonsMultipartResolver解析器依赖commons-fileupload和commons-io这两个jar包
commons-fileupload-1.3.3.jar
commons-io-2.6.jar
2). 修改editItem.jsp如下
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>修改商品信息</title>
</head>
<body>
<!-- 上传图片是需要指定属性 enctype="multipart/form-data" -->
<%-- <form id="itemForm" action="${pageContext.request.contextPath }/updateItem.action" method="post"> --%>
<form id="itemForm" action="${pageContext.request.contextPath }/updateItem.action"
method="post" enctype="multipart/form-data">
<input type="hidden" name="id" value="${item.id }"/>修改商品信息：
<table width="100%" border="1">
<tr>
<td>商品名称</td>
<td><input type="text" name="name" value="${item.name }"/></td>
</tr>
<tr>
<td>商品价格</td>
<td><input type="text" name="price" value="${item.price }"/></td>
</tr>
<tr>
<td>商品生产日期</td>
<td><input type="text" name="createtime"
value="<fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
</td>
</tr>
<tr>
<td>商品图片</td>
<td>
<c:if test="${item.pic != null }">
<img src="/pic/${item.pic }" width="100" height="100"/>
<br>
</c:if>
<input type="file" name="picture"/>
</td>
</tr>
<tr>
<td>商品简介</td>
<td><textarea rows="3" cols="30" name="detail">${item.detail }</textarea></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="提交"/>
</td>
</tr>
</table>
</form>
</body>
</html>
图1.png
3). 多部件类型multipart解析
在springmvc.xml文件中添加：
<!-- 配置多媒体文件解析器 -->
<!-- 文件上传 -->
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!-- 设置上传文件的最大尺寸为5MB -->
<property name="maxUploadSize">
<value>5242880</value>
</property>
</bean>
4). 创建文件保存的虚拟目录
在上传文件之前，首先要创建一个虚拟目录来保存文件，这个虚拟目录会对应磁盘上的一个实际的目录，在实际开发中肯定会有一个服务器专门存储资源的，在这里我们就用本地磁盘来保存文件，然后映射一个虚拟目录，用来在程序中指定获取文件的路径.
I. 先在Tomcat上点击右键选择clean...，完成之后再双击Tomcat。
图2.png
II. 选择下方的Modules。
图3.png
III. 点击Add External Web Module...
图4.png
IV. Document base选择本机目录，Path添加虚拟目录，在editItem.jsp中是/pic
图5.png
图6.png
V. 点击确定后，如图：
图7.png
VI. 第二种方法就是在tomcat的配置文件中配置一下，配置文件位置在tomcat目录/conf/server.xml中：
<Context docBase="D:\picture" path="/pic" reloadable="true"/>
图8.png
5). 后台Controller方法
@RequestMapping(value = "/updateItem", method = { RequestMethod.POST, RequestMethod.GET })
public String updateItem(Item item, MultipartFile picture) throws Exception {
// 把图片保存到图片目录下
// 保存图片，这个图片的文件名可能会重复，为每个文件生成一个新的文件名
String picName = UUID.randomUUID().toString();
// 截图文件的扩展名
String oriName = picture.getOriginalFilename();
String extName = oriName.substring(oriName.lastIndexOf("."));
// 保存文件
picture.transferTo(new File("D:\\picture\\" + picName + extName));
// 包文件名保存到数据库
item.setPic(picName+extName);
service.updateItem(item);
// 重定向
// return "redirect:/itemList.action";
// 转向
return "forward:/item/itemEdit.action";
}
6). 修改ItemMapper.xml文件
将
<update id="updateItem" parameterType="Item">
update items set name=#{name}, price=#{price}, detail=#{detail} where id = #{id}
</update>
修改为
<update id="updateItem" parameterType="Item">
update items set name=#{name}, price=#{price}, detail=#{detail}, pic=#{pic} where id = #{id}
</update>
7). 运行项目测试
图9.png
2. 前台的json数据交互
1). 两种形式
图10.png
2). Jackson包
图11.png
3). 配置json转换器
<!-- 用于将对象转换为 JSON -->
<bean id="stringConverter" class="org.springframework.http.converter.StringHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/plain;charset=UTF-8</value>
</list>
</property>
</bean>
<bean id="jsonConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"></bean>
<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<list>
<ref bean="stringConverter" />
<ref bean="jsonConverter" />
</list>
</property>
</bean>
注意：如果使用<mvc:annotation-driven />注解驱动的话就不用以上的配置
4). json交互的测试
I. 修改itemList.jsp，如下
jQuery下载
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>查询商品列表</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script>
</head>
<body>
<form action="${pageContext.request.contextPath }/item/queryitem.action" method="post">
查询条件：
<table width="100%" border="1">
<tr>
<td>商品id：<input type="text" name="item.id" /></td>
<td>商品名称：<input type="text" name="item.name" /></td>
<td><input type="submit" value="查询"/></td>
</tr>
</table>
商品列表：
<table width="100%" border="1">
<tr>
<td>选择</td>
<td>商品名称</td>
<td>商品价格</td>
<td>生产日期</td>
<td>商品描述</td>
<td>操作</td>
</tr>
<c:forEach items="${itemList }" var="item" varStatus="s">
<%-- <tr>
<td><input type="checkbox" name="ids" value="${item.id }"/></td>
<td>${item.name }</td>
<td>${item.price }</td>
<td><fmt:formatDate value="${item.createtime }" pattern="yyyy-MM-dd HH:mm:ss"/></td>
<td>${item.detail }</td>
<td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
</tr> --%>
<tr>
<td><input type="checkbox" name="ids" value="${item.id }"/></td>
<td>
<input type="hidden" name="itemList[${s.index }].id" value="${item.id }"/>
<input type="text" name="itemList[${s.index }].name" value="${item.name }"/>
</td>
<td><input type="text" name="itemList[${s.index }].price" value="${item.price }"/></td>
<td><input type="text" name="itemList[${s.index }].createtime" value='<fmt:formatDate value="${item.createtime }" pattern="yyyy-MM-dd HH:mm:ss"/>'/></td>
<td><input type="text" name="itemList[${s.index }].detail" value="${item.detail }"/></td>
<td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
</tr>
</c:forEach>
</table>
</form>
<button onclick="sendJson()">JSON数据交互测试</button>
<script type="text/javascript">
function sendJson() {
$.ajax({
type:"post",
url:"${pageContext.request.contextPath }/jsonTest.action",
data:'{"id":"1","name":"电冰箱","price":"1999"}',
contentType:"application/json;charset=utf-8",
success:function(data) {
alert(data.id + ":" + data.name);
}
});
}
</script>
</body>
</html>
II. 修改文件路径
将原在/WebContent/WEB-INF/路径下的css,image,js文件夹，移至/WebContent/路径下
图12.png
III. 在ItemController中创建方法
// JSON数据交互
// @RequestBody: 接收JSON数据并转换为pojo对象
// @ResponseBody: 相应JSON数据，把POJO对象转换为JSON数据并响应
@RequestMapping("/jsonTest")
@ResponseBody
public Item jsonTest(@RequestBody Item item){
System.out.println(item.toString());
return item;
}
IV. 测试结果：
前台：
图13.png
后台：
图14.png
3. Restful
1). 设计指南
在Restful之前的操作：
http://127.0.0.1/user/query/1 GET 根据用户id查询用户数据
http://127.0.0.1/user/save POST 新增用户
http://127.0.0.1/user/update POST 修改用户信息
http://127.0.0.1/user/delete GET/POST 删除用户信息
RESTful用法：
http://127.0.0.1/user/1 GET 根据用户id查询用户数据
http://127.0.0.1/user POST 新增用户
http://127.0.0.1/user PUT 修改用户信息
http://127.0.0.1/user DELETE 删除用户信息
之前的操作是没有问题的,大神认为是有问题的,有什么问题呢?你每次请求的接口或者地址,都在做描述,例如查询的时候用了query,新增的时候用了save,其实完全没有这个必要,我使用了get请求,就是查询.使用post请求,就是新增的请求,我的意图很明显,完全没有必要做描述,这就是为什么有了restful.
2). 编写Restful风格的代码
I. 修改itemList.jsp中
<td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
修改为
<td><a href="${pageContext.request.contextPath }/itemEdit/${item.id}">修改</a></td>
图15.png
II. 在web.xml配置文件中新增
<servlet-mapping>
<servlet-name>springmvc</servlet-name>
<!-- /：拦截所有请求，不包括jsp。/*：拦截所有请求，包括jsp，应该配置"/" -->
<url-pattern>/</url-pattern>
</servlet-mapping>
III. 修改editItem的方法
@RequestMapping("/itemEdit/{id}")
// 如果id和方法的形参一直，@PathVariable注解中可以不写内容
public String editItem(@PathVariable("id")Integer ids, Model model){
// 调用服务
Item item = service.getItemById(ids);
// 把数据传递给页面，需要用到Model接口
model.addAttribute("item", item);
// 返回逻辑视图
return "editItem";
}
IV. 设置一下不让SpringMVC解析静态资源。SpringMVC的<mvc:resources mapping="" location="">标签可实现对静态资源进行映射访问.
<!-- 配置资源映射 -->
<mvc:resources location="/js/" mapping="/js/**"/>
<mvc:resources location="/css/" mapping="/css/**"/>
<mvc:resources location="/image/" mapping="/image/**"/>
V. 测试
图16.png
4. 拦截器的定义和配置
1). 定义：拦截器要实现HandlerInterceptor接口，并实现该接口中提供的三个方法
public class Interceptor1 implements HandlerInterceptor{
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler)
throws Exception {
System.out.println("Interceptor1 preHandle......");
// 执行的时机是在Handler执行之前放行此方法
// 返回值：true，放行不拦截，正常执行Handler进行处理
// 返回值：false，拦截，Handler不能正常处理
return true;
}
@Override
public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler,
ModelAndView modelAndView) throws Exception {
// Handler 执行之后，在返回ModelAndView之前，对modelAndView进行处理
System.out.println("Interceptor1 postHandle......");
}
@Override
public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex)
throws Exception {
// 返回ModelAndView之后
// Handler执行过程如果出现异常，可以在此处理异常
System.out.println("Interceptor1 afterCompletion......");
}
}
- preHandle方法：该方法执行的时机是在Handler执行之前执行。可以用于身份认证、身份授权等。比如如果认证没有通过表示用户没有登录，需要此方法拦截不再往下执行（return false），否则就放行（return true）。
- postHandle方法：该方法执行的时机是在Handler执行之后，在返回ModelAndView之前执行，可以看到该方法中有个modelAndView的形参。应用场景：从modelAndView出发，将公用的模型数据（比如菜单导航之类的）在这里传到视图，也可以在这里统一指定视图。
- afterCompletion方法：返回ModelAndView之后执行。应用场景：统一异常处理(即Handler执行过程中出现异常，可以在此处理异常)，统一日志处理等。
2). 配置拦截器
- 某种HandlerMapping配置拦截器
在springmvc.xml文件中配置
<bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping">
<property name="interceptors">
<list>
<ref bean="handlerInterceptor1"/>
<ref bean="handlerInterceptor2"/>
</list>
</property>
</bean>
<bean id="handlerInterceptor1" class="com.mazaiting.interceptor.Interceptor1"/>
<bean id="handlerInterceptor2" class="com.mazaiting.interceptor.Interceptor2"/>
- 所有HandlerMapping配置全局拦截器
在springmvc.xml文件中配置
<!-- 配置拦截器 -->
<mvc:interceptors>
<!-- 按照配置的顺序执行拦截器 -->
<mvc:interceptor>
<mvc:mapping path="/**"/>
<bean class="com.mazaiting.interceptor.Interceptor1"></bean>
</mvc:interceptor>
<mvc:interceptor>
<mvc:mapping path="/**"/>
<bean class="com.mazaiting.interceptor.Interceptor2"></bean>
</mvc:interceptor>
</mvc:interceptors>
注意：path=”/**”表示拦截所有的url包括子url路径。在实际开发中，一般我们都用这种配置，<mvc:mapping>中指定要拦截的url即可
3). 测试
图17.png
总结：当所有拦截器都放行的时候，preHandle方法是按照配置的顺序执行的；而另外两个方法按照配置的顺序逆向执行。
4).有一个拦截器不放行
图18.png
总结
- 由于拦截器1和2放行，所以拦截器3的preHandle才能执行。也就是说前面的拦截器放行了，后面的拦截器才能执行preHandle方法。
- 拦截器3不放行，所以其另外两个方法没有被执行。即如果某个拦截器不放行，那么它的另外两个方法就不会被执行。
- 只要有一个拦截器不放行，所有拦截器的postHandle方法都不会执行，但是只要执行过preHandle并且放行的，就会执行afterCompletion方法。
5). 三个拦截器都不放行
图19.png
总结
总结
- preHandle按拦截器定义顺序调用
- postHandler按拦截器定义逆序调用
- afterCompletion按拦截器定义逆序调用
- postHandler在拦截器链内所有拦截器返回true才调用
- afterCompletion只有preHandle返回true才调用
5. 拦截器应用实例
1). 编写login.jsp页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>
</head>
<body>
<form action="${pageContext.request.contextPath }/user/login" method="post">
<label>用户名</label>
<input type="text" name="username"/>
<br/>
<label>密码</label>
<input type="password" name="password"/>
<br/>
<input type="submit" value="提交"/>
</form>
</body>
</html>
2). 编写实现用户登录的Controller
@Controller
@RequestMapping("/user")
public class UserController {
@RequestMapping("/showlogin")
public String showLogin(){
return "login";
}
@RequestMapping("/login")
public String userLogin(String username,String password, HttpSession session) {
// 判断用户名和密码是否正确
System.out.println(username + " ： " + password);
// 正确，向session中写入用户信息
session.setAttribute("username", username);
// 返回登录成功页面，或者跳转至商品列表页面
return "redirect:/itemList.action";
}
}
3). 登录验证拦截器的实现
public class LoginInterceptor implements HandlerInterceptor{
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler)
throws Exception {
String uri = request.getRequestURL().toString();
// 如果用户未登录，则跳转到登录页面。跳转过程可能被拦截，所以要做判断
if (uri.contains("login")) {
return true;
}
System.out.println("LoginInterceptor preHandle...");
// 用户拦截请求，判断用户是否登录
HttpSession session = request.getSession();
String username = (String) session.getAttribute("username");
if (!"".equals(username) && null != username) {
// 已经登录，放行
return true;
}
// 如果用户未登录，则跳转到登录页面
response.sendRedirect(request.getContextPath() + "/user/showlogin");
return false;
}
@Override
public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler,
ModelAndView modelAndView) throws Exception {
System.out.println("LoginInterceptor postHandle...");
}
@Override
public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex)
throws Exception {
System.out.println("LoginInterceptor afterCompletion...");
}
}
4). 配置拦截器
<!-- 配置拦截器 -->
<mvc:interceptors>
<!-- 配置登录拦截器 -->
<mvc:interceptor>
<mvc:mapping path="/**"/>
<bean class="com.mazaiting.interceptor.LoginInterceptor"/>
</mvc:interceptor>
</mvc:interceptors>
