SpringMVC学习2 - JavaWeb - 请求参数值获取、基本注解的使用、视图解析、静态资源的跳转、拦截器

1. 请求参数获取 - 注解方式 - 6种

注解
@RequestMapping
注解在类上:相对于当前的web应用即 → 项目名/注解路径
注解在方法上:以注解在类上路径为相对路径 → 项目名/类注解路径/方法注解路径
@RequestParam:请求参数名、方法形参名的映射关系
@PathVariable:请求路径、方法形参名的映射关系

1.1 类似Servlet形式获取参数 – 没意义

@RequestMapping(value="/test6")  // 不可在添加其他属性
public void test6(HttpServletRequest req, HttpServletResponse resp) {
    
    
    System.out.println(req.getParameter("name"));
}

1.2 形参与请求参数名必须对应

@RequestMapping(value="/test1",method= {
    
    RequestMethod.GET})
public void test1(String name) {
    
    
    System.out.println(name);
}

1.3 在形参上加多一个注解,形参、请求参数名可不一致

注意一旦使用@RequestParam注解,前端必须发送这个参数名。即使是空字符。前端地址也要拼接@RequestParam注解注解指向的键名

@RequestMapping("/test2")
public void test2(@RequestParam(value="loginName", required=true, defaultValue="lrc") String name) {
    
    
    System.out.println(name);
}

1.4 必须包含指定请求头所有指定的信息,形参才能获取请求参数值

@RequestMapping(value="/test3", headers= {
    
    "token=123", "sex=boy"})
public void test3(String name) {
    
    
    System.out.println(name);
}

1.5 请求参数可以给形参是Bean的自动映射

Spring能简单的帮我们进行类型转换 - 如请求参数值都是字符串,内部帮我们对应字段转换成符合Bean属性

@RequestMapping(value="/test4", method= {
    
    RequestMethod.GET})
public void test4(User user) {
    
    
    System.out.println(user);
}


  User.java - 对应的UserBean

public class User {
    
    
	String name;
	Integer age;
	public String getName() {
    
    
		return name;
	}
	public void setName(String name) {
    
    
		this.name = name;
	}
	public Integer getAge() {
    
    
		return age;
	}
	public void setAge(Integer age) {
    
    
		this.age = age;
	}
	@Override
	public String toString() {
    
    
		return "User [name=" + name + ", age=" + age + "]";
	}
}

1.6 请求路径印象含有变量,形参通过注解进行获取请求路径上的值

@RequestMapping(value="/test5/{name}", method= {
    
    RequestMethod.GET})
public void test5( @PathVariable(value="name") String loginName ) {
    
    
    System.out.println(loginName);
}

1.7 形参是数组,接收同请求参数名的请求参数值

前端的需要跟处理方法的形参数组名一样


  test1.jsp

<body>
	<form action="${pageContext.request.contextPath}/depts/test1" method="get">
		<input name="a" value="b">
		<input name="a" value="fsdfsdf">
		<input type="submit" value="测试">
 	</form>
</body>


  处理器.java - 当提交表单数据时,自动打印接收到的参数值数组

@RequestMapping(value="test1")
public String depteTest(String[] a) {
    
    

    if(a != null) {
    
    
        System.out.println(Arrays.toString(a));
    }

    return "dept/test1";
}

1.8 形参是Bean对象,并且里面含有属性是List类型

后台需要接收到的话前端 ,形参是一个Bean对象

注意:请求参数名为:"_属性名"、SpringMVC也会与之匹配,这是个隐藏的很深的坑

  Dept.java --部门的JavaBean

public class Dept {
    
    
	Integer deptno;
	String dname;
	
	List<User> users = new ArrayList<User>();
}

  list.jsp

<body>
	<table border="1">
		<thead>
			<tr>
				<th>部门号</th>
				<th>部门名</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${requestScope.depts}" var="dept">
				<tr>
					<td>${dept.deptno}</td>
					<td>${dept.dname}</td>
					<td>
						<a href="${pageContext.request.contextPath}/depts/updateUI?name=${dept.deptno}&age=${dept.dname}">修改</a>
						<a href="${pageContext.request.contextPath}/depts/deleteUI?name=${dept.deptno}&age=${dept.dname}">删除</a>
					</td>
				</tr>	
			</c:forEach>
		</tbody>
	</table>
	<br/><br/>
	<a href="${pageContext.request.contextPath}/depts/addUI">添加记录</a>
</body>

  add.jsp

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="${pageContext.request.contextPath}/depts/addUI" method="post">
		部门 号<input type="text" name="deptno"><br/>
		部门名<input type="text" name="dname"><br/>
		
		<fieldset>
			员工名<input type="text" name="users[0].name">员工年龄<input type="text" name="users[0].age">
			<br/>
			<br/>
			员工名<input type="text" name="users[1].name">员工年龄<input type="text" name="users[1].age">
		</fieldset>				
		<input type="submit"  >
	</form>
</body>
</html>

  DeptServlet.java

@Controller
@RequestMapping("/depts/")
public class DeptServlet {
    
    
	
	// 模拟数据查询出来的数据
	static  List<Dept>  depts = new ArrayList<Dept>();
	static {
    
    
		Dept dept = new Dept();
		dept.setDeptno(1);
		dept.setDname("腾讯部门");
		depts.add(dept);
		
		Dept dept2 = new Dept();
		dept2.setDeptno(2);
		dept2.setDname("网易部门");
		depts.add(dept2);
	}
	
	// 显示数据库查询出来的数据
	@RequestMapping("list")
	public ModelAndView list() {
    
    
		
		ModelAndView mav = new ModelAndView();
		mav.addObject("depts", depts);
		mav.setViewName("dept/list");   
		return mav;
	}
	
	
	// 跳转到部门、员工添加页面
	@RequestMapping(value="/addUI")
	public String add() {
    
    
		return "dept/add";
	}
	
	// 对添加的部门、员工进行存储到数据库后台中,即模拟的depts -- List属性有接收到值
	@RequestMapping(value="/addUI", method=RequestMethod.POST)
	public ModelAndView add2(Dept dept) {
    
    
		
		System.out.println(dept);
		depts.add(dept);
		ModelAndView mav = new ModelAndView();
		mav.setViewName("redirect:/depts/list");
		return mav;
		
	}
	
	// 删除一个或多个选中的部门  --  从中可知可直接接收同一name的请求参数成为一个数组
	@RequestMapping(value="/delete", method=RequestMethod.GET)
	public String delete(int[] deptnos) {
    
    
		 
		System.out.println(Arrays.toString(deptnos));
		
		if(deptnos.length > 0) {
    
    
			
			for(int deptno : deptnos) {
    
    
				
				for(Dept dept : depts) {
    
    
					if(dept.getDeptno() == deptno) {
    
    
						depts.remove(dept);
						break;
					}
				}
			}
		}
		
		return "redirect:/depts/list";
	}
}

1.9 坑

使用ajax直接发送put请求是接收不到参数的

原则:前端尽量只发送get、post请求,然后后台进行转换请求方法。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nmPSTdLX-1587882164482)(en-resource://database/16556:1)]

2. 视图解析 - xml配置

通过一个简单的案例进行理解视图解析器是干嘛的

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-w268RVHS-1587882164491)(en-resource://database/14734:1)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-shsQ6CJq-1587882164497)(en-resource://database/14736:1)]

springMVC.xml的配置

<!-- 关于注解的扫描、以及注解生效 -->
<context:component-scan base-package="top.linruchang.controller"></context:component-scan>
<mvc:annotation-driven></mvc:annotation-driven>

<!-- 视图解析器 = ModelAndView.setViewName()将其生成有效的字符串地址 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <property name="prefix" value="/WEB-INF/jsp/"></property>
    <property name="suffix" value=".jsp"></property>
</bean>

  视图
list.jsp

<body>
	<table border="1">
		<thead>
			<tr>
				<th>姓名</th>
				<th>年龄</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${requestScope.users}" var="user">
				<tr>
					<td>${user.name}</td>
					<td>${user.age}</td>
					<td>
						<a href="${pageContext.request.contextPath}/users/updateUI?name=${user.name}&age=${user.age}">修改</a>
						<a href="${pageContext.request.contextPath}/users/deleteUI?name=${user.name}&age=${user.age}">删除</a>
					</td>
				</tr>	
			</c:forEach>
		</tbody>
	</table>
	<br/><br/>
	<a href="${pageContext.request.contextPath}/users/addUI">添加记录</a>
</body>

update.jsp

<body>
	<form action="${pageContext.request.contextPath}/users/updateUI" method="post">
		<input type="text" name="name" readonly="readonly" value="${requestScope.user.name}">
		<input type="text" name="age" value="${requestScope.user.age}">
		<input type="submit"  >
	</form>
</body>

add.jsp

<body>
	<form action="${pageContext.request.contextPath}/users/addUI" method="post">
		<input type="text" name="name">
		<input type="text" name="age">
		<input type="submit"  >
	</form>
</body>

UserServlet - 处理有关users/*的请求 – 方便太多了,一起用纯Servlet做得定义多少个Servlet才能处理那么多处理。而现在只需要一个就可以处理,而且每个@RequestMapping修饰的方法可以看成是个具体的Servlet

@Controller
@RequestMapping("/users/")
public class UserServlet {
    
    
	
	// 保存用户的信息 -- 只是模拟,数据应该从数据库中取
	static  List<User>  users = new ArrayList<User>();
	static {
    
    
		User user = new User();
		user.setName("lrc");
		user.setAge(25);
		users.add(user);
	}
	
	// 默认处理 get请求 -- 处理其他的请求方式需要自己手动定义
	// 映射的地址应该是:  /users/list 
	// 客户真正的请求地址等于处理类上的@RequestMapping地址+方法类上的@RequestMapping上的注解
	@RequestMapping("list")
	public ModelAndView list() {
    
    
		
		ModelAndView mav = new ModelAndView();
		mav.addObject("users", users);
		
		 // 视图名 - 需要交给springmvc.XML配置的的InternalResourceViewResolver进行转换成真正的地址
		mav.setViewName("user/list");   
//		mav.setViewName("forward:/WEB-INF/jsp/user/list.jsp");
		return mav;
	}
	
	// 映射的地址应该是:  /users/addUI
	@RequestMapping(value="/addUI")
	public String add() {
    
    
		return "user/add";
//		return "/WEB-INF/jsp/user/add.jsp";
	}
	
	@RequestMapping(value="/addUI", method=RequestMethod.POST)
	public ModelAndView add2(User user) {
    
    
		
		users.add(user);
		ModelAndView mav = new ModelAndView();
		mav.setViewName("redirect:/users/list");
		return mav;
		
	}
	
	@RequestMapping(value="/updateUI")
	public ModelAndView update(User user) {
    
    
		
		ModelAndView mav = new ModelAndView();
		mav.addObject("user", user);
		mav.setViewName("user/update");
//		mav.setViewName("/WEB-INF/jsp/user/update.jsp");
		
		return mav;
	}
	
	@RequestMapping(value="/updateUI", method=RequestMethod.POST)
	public ModelAndView update2(User user) {
    
    
		System.out.println(user);
		for(User user1 : users) {
    
    
			if(user1.getName().equals(user.getName())) {
    
    
				user1.setAge(user.getAge());
				break;
			}
		}
		
		// 另一种写法 - 这里并没有传递参数、可以返回字符串就可以,参考下面
		ModelAndView mav = new ModelAndView();
		mav.setViewName("redirect:/users/list");
		return mav;
	}
	
	@RequestMapping(value="/deleteUI")
	public String delete(User user) {
    
    
		
		System.out.println("需要删除的元素:" + user);
		
		for(User user1 : users) {
    
    
			
			if(user1.getName().equals(user.getName())) {
    
    
				users.remove(user1);
				System.out.println("删除成功");
				break;
			}
			
		}
		
		// 如果不传递请求参数的话,可以只需要返回字符串就可以跳到字符串的地址
		return "redirect:/users/list";
		
	}	
}

3. Model、ModelAndView区别

数据、视图
Model - 传递数据的作用
ModelAndView:既能传递数据、也能处理逻辑视图

  first.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>${user.name}</h1>
</body>
</html>

  Test2.java – 请求处理器

@Controller
public class Test2{
    
    
	User user = new User();
	{
    
    
		user.setName("lrc");
	}
	
	@RequestMapping(value="/first1")
	public String first(Model model) {
    
    
		
		//传递user对象到 jsp页面上
		model.addAttribute("user", user);
		return "/first.jsp";
	}
	
	@RequestMapping(value="/first2")
	public ModelAndView first() {
    
    
		
		//传递user对象到 jsp页面上
		ModelAndView mav = new ModelAndView();
		mav.addObject("user", user);
		mav.setViewName("/first.jsp");
		return mav;
	}
	
}

/first1 与 /first2 得到的都是同一个页面 - 故可知Model只是用来存储、传递数据,ModelAndView既能存储、传递数据、也能处理视图

4. Tomcat内的静态资源的跳转

JSP需要请求其他资源进行渲染页面,如服务器内部的JS、CSS、图片等这些资源文件、默认Tomcat是有默认的管理静态资源跳转器的 - 如下图
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lcfpO4kP-1587882164512)(en-resource://database/14740:1)]



而在我们配置自己项目的web.xml的时候,我们也配置映射了/的处理,交给SpringMVC的中心分派器 - 如下图 – 内部优先原则,Tomcat自带的静态资源处理已经被覆盖,不起作用。问题是SpringMVC并没有默认的对静态资源的处理,所以需要自己设置静态资源的处理、即告诉SpringMVC去哪里找静态资源
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8nHJDWPm-1587882164520)(en-resource://database/14742:1)]



  案例

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mkNgYkPc-1587882164524)(en-resource://database/14744:1)]


  first.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link href="${pageContext.request.contextPath}/static/css/bg.css" rel=stylesheet>
</head>
<body>
	<h1>奥里给!!!</h1>
</body>
</html>


  bg.css

body {
     background: red;
}


  springMVC.xml – 测试springMVC.xml添下列语句加前后的测试效果

<mvc:resources location="/static/" mapping="/static/**"></mvc:resources>
<!--静态资源是多级目录 location不要有星号*-->


  未添加<mvc:resources> — 先测试这个,否则浏览器会有缓存保留bg.css
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gQMvIjrH-1587882164528)(en-resource://database/14748:1)]


  添加<mvc:resources>
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Q6uAdXjw-1587882164536)(en-resource://database/14746:1)]

5. 拦截器Interceptor

具有类似Filter过滤器功能 - 预处理以及后处理

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9nSu1NKG-1587882164539)(en-resource://database/14980:1)]

自定义拦截器的步骤

  • 实现HandlerInterceptor
  • 在springMVC.xml进行配置mvc:interceptors

  案例 - 访问该网站必须登录

public class LoginInterceptor implements HandlerInterceptor {
    
    

	// 在控制处理器调用之前执行
	@Override
	public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler)
			throws Exception {
    
    

		System.out.println("拦截了:" + request.getRequestURL().toString());
		String uri = request.getRequestURI();
		String url = request.getRequestURL().toString();		
		System.out.println(uri);
		System.out.println(url);
		
		Object obj = request.getSession().getAttribute("user");
		if(uri.endsWith("/pages/login")) {
    
    
			return true; 
		}else if(obj !=null) {
    
    
			return true;
		}else {
    
    
			response.sendRedirect(request.getContextPath() + "/pages/login");
			return false;
		}

	}

	// 已经完成控制处理器调用,视图层之前调用
	@Override
	public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler,
			ModelAndView modelAndView) throws Exception {
    
    

	}

	// 处理器、以及视图层完成之后调用
	@Override
	public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex)
			throws Exception {
    
    
	}

}



  springMVC.xml

<mvc:interceptors>
    <mvc:interceptor>
        <mvc:mapping path="/**" />  <!-- 所有请求都必须被拦截,除了下面的静态资源请求 -->
        <mvc:exclude-mapping path="/static/**"/>  <!-- 静态资源无须被拦截 -->
        <bean class="top.linruchang.interceptor.LoginInterceptor"></bean>
    </mvc:interceptor>
</mvc:interceptors>


  login.jsp

<body>
	<form action="${pageContext.request.contextPath}/pages/login" method="post">
		账号<input type="text" name="id"><br/>
		密码<input type="password" name="password"><br/>
		<input type="submit" value="登录">
	</form>
</body>


  pageServelt.java - 请求处理器

@Controller
@RequestMapping(value = "pages")
public class PageServlet {
    
    
	
	// 模拟查询数据库的数据库
	static List<User> users = new ArrayList<User>();
	static {
    
    
		User user1 = new User();
		user1.setId("lrc");
		user1.setPassword("123456");

		User user2 = new User();
		user2.setId("gcw");
		user2.setPassword("123456");

		users.add(user1);
		users.add(user2);

	}
	
	// 进入登录页面
	@RequestMapping(value = "login", method = {
    
     RequestMethod.GET })
	public String loginUI() {
    
    
		return "page/login";
	}
	
	
	// 进行登录表单提交后的处理 --  参数HttpSession会自动的初始化
	@RequestMapping(value = "login", method = {
    
     RequestMethod.POST })
	public String login(String id, String password, HttpSession session) {
    
    
		
		
		User user = new User();
		user.setId(id);
		user.setPassword(password);
		System.out.println(user);
		
		for (User user1 : users) {
    
    
			if (user1.getId().equals(user.getId()) && user1.getPassword().equals(user.getPassword())) {
    
    
				session.setAttribute("user", user);
			}
		}
		
		// 这里会被拦截器拦截、如果没有session域中没有user对象,自动跳转到登陆页面
		return "redirect:/users/list";

	}

}

猜你喜欢

转载自blog.csdn.net/weixin_39651356/article/details/105768205