天天看點
傳回

SpringMVC學習2 - JavaWeb - 請求參數值擷取、基本注解的使用、視圖解析、靜态資源的跳轉、攔截器

文章目錄

      • 1. 請求參數擷取 - 注解方式 - 6種
        • 1.1 類似Servlet形式擷取參數 -- 沒意義
        • 1.2 形參與請求參數名必須對應
        • 1.3 在形參上加多一個注解，形參、請求參數名可不一緻
        • 1.4 必須包含指定請求頭所有指定的資訊，形參才能擷取請求參數值
        • 1.5 請求參數可以給形參是Bean的自動映射
        • 1.6 請求路徑印象含有變量，形參通過注解進行擷取請求路徑上的值
        • 1.7 形參是數組，接收同請求參數名的請求參數值
        • 1.8 形參是Bean對象，并且裡面含有屬性是List類型
        • 1.9 坑
      • 2. 視圖解析 - xml配置
      • 3. Model、ModelAndView差別
      • 4. Tomcat内的靜态資源的跳轉
      • 5. 攔截器Interceptor

1. 請求參數擷取 - 注解方式 - 6種

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請求，然後背景進行轉換請求方法。

SpringMVC學習2 - JavaWeb - 請求參數值擷取、基本注解的使用、視圖解析、靜态資源的跳轉、攔截器

 

2. 視圖解析 - xml配置

通過一個簡單的案例進行了解視圖解析器是幹嘛的
SpringMVC學習2 - JavaWeb - 請求參數值擷取、基本注解的使用、視圖解析、靜态資源的跳轉、攔截器
SpringMVC學習2 - JavaWeb - 請求參數值擷取、基本注解的使用、視圖解析、靜态資源的跳轉、攔截器

 

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

 

  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是有預設的管理靜态資源跳轉器的 - 如下圖
SpringMVC學習2 - JavaWeb - 請求參數值擷取、基本注解的使用、視圖解析、靜态資源的跳轉、攔截器

 

 

而在我們配置自己項目的web.xml的時候，我們也配置映射了/的處理，交給SpringMVC的中心分派器 - 如下圖 – 内部優先原則，Tomcat自帶的靜态資源處理已經被覆寫，不起作用。問題是SpringMVC并沒有預設的對靜态資源的處理，是以需要自己設定靜态資源的處理、即告訴SpringMVC去哪裡找靜态資源

SpringMVC學習2 - JavaWeb - 請求參數值擷取、基本注解的使用、視圖解析、靜态資源的跳轉、攔截器

 

 

 

  案例

SpringMVC學習2 - JavaWeb - 請求參數值擷取、基本注解的使用、視圖解析、靜态資源的跳轉、攔截器

 

  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

SpringMVC學習2 - JavaWeb - 請求參數值擷取、基本注解的使用、視圖解析、靜态資源的跳轉、攔截器

 

  添加<mvc:resources>

SpringMVC學習2 - JavaWeb - 請求參數值擷取、基本注解的使用、視圖解析、靜态資源的跳轉、攔截器

5. 攔截器Interceptor

具有類似Filter過濾器功能 - 預處理以及後處理
SpringMVC學習2 - JavaWeb - 請求參數值擷取、基本注解的使用、視圖解析、靜态資源的跳轉、攔截器

 

自定義攔截器的步驟

  • 實作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";

	}

}
SpringMVC 視圖解析 攔截器 靜态資源跳轉
上一篇: IP位址和域名的關系
下一篇: 色環電阻識别工具簡介

繼續閱讀